@baloise/ds-styles 16.2.1 → 16.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10515,6 +10515,38 @@
10515
10515
  margin: var(--bal-space-xxxx-large) !important;
10516
10516
  }
10517
10517
 
10518
+ @media screen and (max-width: 768px) {
10519
+ .mobile:m-xx-small {
10520
+ margin: var(--bal-space-xx-small-mobile) !important;
10521
+ }
10522
+ .mobile:m-x-small {
10523
+ margin: var(--bal-space-x-small-mobile) !important;
10524
+ }
10525
+ .mobile:m-small {
10526
+ margin: var(--bal-space-small-mobile) !important;
10527
+ }
10528
+ .mobile:m-normal {
10529
+ margin: var(--bal-space-normal-mobile) !important;
10530
+ }
10531
+ .mobile:m-medium {
10532
+ margin: var(--bal-space-medium-mobile) !important;
10533
+ }
10534
+ .mobile:m-large {
10535
+ margin: var(--bal-space-large-mobile) !important;
10536
+ }
10537
+ .mobile:m-x-large {
10538
+ margin: var(--bal-space-x-large-mobile) !important;
10539
+ }
10540
+ .mobile:m-xx-large {
10541
+ margin: var(--bal-space-xx-large-mobile) !important;
10542
+ }
10543
+ .mobile:m-xxx-large {
10544
+ margin: var(--bal-space-xxx-large-mobile) !important;
10545
+ }
10546
+ .mobile:m-xxxx-large {
10547
+ margin: var(--bal-space-xxxx-large-mobile) !important;
10548
+ }
10549
+ }
10518
10550
  @media screen and (min-width: 769px), print {
10519
10551
  .m-none {
10520
10552
  margin: 0 !important;
@@ -10525,33 +10557,63 @@
10525
10557
  .m-xx-small {
10526
10558
  margin: var(--bal-space-xx-small-tablet) !important;
10527
10559
  }
10560
+ .tablet:m-xx-small {
10561
+ margin: var(--bal-space-xx-small-tablet) !important;
10562
+ }
10528
10563
  .m-x-small {
10529
10564
  margin: var(--bal-space-x-small-tablet) !important;
10530
10565
  }
10566
+ .tablet:m-x-small {
10567
+ margin: var(--bal-space-x-small-tablet) !important;
10568
+ }
10531
10569
  .m-small {
10532
10570
  margin: var(--bal-space-small-tablet) !important;
10533
10571
  }
10572
+ .tablet:m-small {
10573
+ margin: var(--bal-space-small-tablet) !important;
10574
+ }
10534
10575
  .m-normal {
10535
10576
  margin: var(--bal-space-normal-tablet) !important;
10536
10577
  }
10578
+ .tablet:m-normal {
10579
+ margin: var(--bal-space-normal-tablet) !important;
10580
+ }
10537
10581
  .m-medium {
10538
10582
  margin: var(--bal-space-medium-tablet) !important;
10539
10583
  }
10584
+ .tablet:m-medium {
10585
+ margin: var(--bal-space-medium-tablet) !important;
10586
+ }
10540
10587
  .m-large {
10541
10588
  margin: var(--bal-space-large-tablet) !important;
10542
10589
  }
10590
+ .tablet:m-large {
10591
+ margin: var(--bal-space-large-tablet) !important;
10592
+ }
10543
10593
  .m-x-large {
10544
10594
  margin: var(--bal-space-x-large-tablet) !important;
10545
10595
  }
10596
+ .tablet:m-x-large {
10597
+ margin: var(--bal-space-x-large-tablet) !important;
10598
+ }
10546
10599
  .m-xx-large {
10547
10600
  margin: var(--bal-space-xx-large-tablet) !important;
10548
10601
  }
10602
+ .tablet:m-xx-large {
10603
+ margin: var(--bal-space-xx-large-tablet) !important;
10604
+ }
10549
10605
  .m-xxx-large {
10550
10606
  margin: var(--bal-space-xxx-large-tablet) !important;
10551
10607
  }
10608
+ .tablet:m-xxx-large {
10609
+ margin: var(--bal-space-xxx-large-tablet) !important;
10610
+ }
10552
10611
  .m-xxxx-large {
10553
10612
  margin: var(--bal-space-xxxx-large-tablet) !important;
10554
10613
  }
10614
+ .tablet:m-xxxx-large {
10615
+ margin: var(--bal-space-xxxx-large-tablet) !important;
10616
+ }
10555
10617
  }
10556
10618
  @media screen and (min-width: 1024px) {
10557
10619
  .m-none {
@@ -10563,33 +10625,63 @@
10563
10625
  .m-xx-small {
10564
10626
  margin: var(--bal-space-xx-small-desktop) !important;
10565
10627
  }
10628
+ .desktop:m-xx-small {
10629
+ margin: var(--bal-space-xx-small-desktop) !important;
10630
+ }
10566
10631
  .m-x-small {
10567
10632
  margin: var(--bal-space-x-small-desktop) !important;
10568
10633
  }
10634
+ .desktop:m-x-small {
10635
+ margin: var(--bal-space-x-small-desktop) !important;
10636
+ }
10569
10637
  .m-small {
10570
10638
  margin: var(--bal-space-small-desktop) !important;
10571
10639
  }
10640
+ .desktop:m-small {
10641
+ margin: var(--bal-space-small-desktop) !important;
10642
+ }
10572
10643
  .m-normal {
10573
10644
  margin: var(--bal-space-normal-desktop) !important;
10574
10645
  }
10646
+ .desktop:m-normal {
10647
+ margin: var(--bal-space-normal-desktop) !important;
10648
+ }
10575
10649
  .m-medium {
10576
10650
  margin: var(--bal-space-medium-desktop) !important;
10577
10651
  }
10652
+ .desktop:m-medium {
10653
+ margin: var(--bal-space-medium-desktop) !important;
10654
+ }
10578
10655
  .m-large {
10579
10656
  margin: var(--bal-space-large-desktop) !important;
10580
10657
  }
10658
+ .desktop:m-large {
10659
+ margin: var(--bal-space-large-desktop) !important;
10660
+ }
10581
10661
  .m-x-large {
10582
10662
  margin: var(--bal-space-x-large-desktop) !important;
10583
10663
  }
10664
+ .desktop:m-x-large {
10665
+ margin: var(--bal-space-x-large-desktop) !important;
10666
+ }
10584
10667
  .m-xx-large {
10585
10668
  margin: var(--bal-space-xx-large-desktop) !important;
10586
10669
  }
10670
+ .desktop:m-xx-large {
10671
+ margin: var(--bal-space-xx-large-desktop) !important;
10672
+ }
10587
10673
  .m-xxx-large {
10588
10674
  margin: var(--bal-space-xxx-large-desktop) !important;
10589
10675
  }
10676
+ .desktop:m-xxx-large {
10677
+ margin: var(--bal-space-xxx-large-desktop) !important;
10678
+ }
10590
10679
  .m-xxxx-large {
10591
10680
  margin: var(--bal-space-xxxx-large-desktop) !important;
10592
10681
  }
10682
+ .desktop:m-xxxx-large {
10683
+ margin: var(--bal-space-xxxx-large-desktop) !important;
10684
+ }
10593
10685
  }
10594
10686
  .mx-none {
10595
10687
  margin-left: 0 !important;
@@ -10651,6 +10743,48 @@
10651
10743
  margin-right: var(--bal-space-xxxx-large) !important;
10652
10744
  }
10653
10745
 
10746
+ @media screen and (max-width: 768px) {
10747
+ .mobile:mx-xx-small {
10748
+ margin-left: var(--bal-space-xx-small-mobile) !important;
10749
+ margin-right: var(--bal-space-xx-small-mobile) !important;
10750
+ }
10751
+ .mobile:mx-x-small {
10752
+ margin-left: var(--bal-space-x-small-mobile) !important;
10753
+ margin-right: var(--bal-space-x-small-mobile) !important;
10754
+ }
10755
+ .mobile:mx-small {
10756
+ margin-left: var(--bal-space-small-mobile) !important;
10757
+ margin-right: var(--bal-space-small-mobile) !important;
10758
+ }
10759
+ .mobile:mx-normal {
10760
+ margin-left: var(--bal-space-normal-mobile) !important;
10761
+ margin-right: var(--bal-space-normal-mobile) !important;
10762
+ }
10763
+ .mobile:mx-medium {
10764
+ margin-left: var(--bal-space-medium-mobile) !important;
10765
+ margin-right: var(--bal-space-medium-mobile) !important;
10766
+ }
10767
+ .mobile:mx-large {
10768
+ margin-left: var(--bal-space-large-mobile) !important;
10769
+ margin-right: var(--bal-space-large-mobile) !important;
10770
+ }
10771
+ .mobile:mx-x-large {
10772
+ margin-left: var(--bal-space-x-large-mobile) !important;
10773
+ margin-right: var(--bal-space-x-large-mobile) !important;
10774
+ }
10775
+ .mobile:mx-xx-large {
10776
+ margin-left: var(--bal-space-xx-large-mobile) !important;
10777
+ margin-right: var(--bal-space-xx-large-mobile) !important;
10778
+ }
10779
+ .mobile:mx-xxx-large {
10780
+ margin-left: var(--bal-space-xxx-large-mobile) !important;
10781
+ margin-right: var(--bal-space-xxx-large-mobile) !important;
10782
+ }
10783
+ .mobile:mx-xxxx-large {
10784
+ margin-left: var(--bal-space-xxxx-large-mobile) !important;
10785
+ margin-right: var(--bal-space-xxxx-large-mobile) !important;
10786
+ }
10787
+ }
10654
10788
  @media screen and (min-width: 769px), print {
10655
10789
  .mx-none {
10656
10790
  margin-left: 0 !important;
@@ -10664,42 +10798,82 @@
10664
10798
  margin-left: var(--bal-space-xx-small-tablet) !important;
10665
10799
  margin-right: var(--bal-space-xx-small-tablet) !important;
10666
10800
  }
10801
+ .tablet:mx-xx-small {
10802
+ margin-left: var(--bal-space-xx-small-tablet) !important;
10803
+ margin-right: var(--bal-space-xx-small-tablet) !important;
10804
+ }
10667
10805
  .mx-x-small {
10668
10806
  margin-left: var(--bal-space-x-small-tablet) !important;
10669
10807
  margin-right: var(--bal-space-x-small-tablet) !important;
10670
10808
  }
10809
+ .tablet:mx-x-small {
10810
+ margin-left: var(--bal-space-x-small-tablet) !important;
10811
+ margin-right: var(--bal-space-x-small-tablet) !important;
10812
+ }
10671
10813
  .mx-small {
10672
10814
  margin-left: var(--bal-space-small-tablet) !important;
10673
10815
  margin-right: var(--bal-space-small-tablet) !important;
10674
10816
  }
10817
+ .tablet:mx-small {
10818
+ margin-left: var(--bal-space-small-tablet) !important;
10819
+ margin-right: var(--bal-space-small-tablet) !important;
10820
+ }
10675
10821
  .mx-normal {
10676
10822
  margin-left: var(--bal-space-normal-tablet) !important;
10677
10823
  margin-right: var(--bal-space-normal-tablet) !important;
10678
10824
  }
10825
+ .tablet:mx-normal {
10826
+ margin-left: var(--bal-space-normal-tablet) !important;
10827
+ margin-right: var(--bal-space-normal-tablet) !important;
10828
+ }
10679
10829
  .mx-medium {
10680
10830
  margin-left: var(--bal-space-medium-tablet) !important;
10681
10831
  margin-right: var(--bal-space-medium-tablet) !important;
10682
10832
  }
10833
+ .tablet:mx-medium {
10834
+ margin-left: var(--bal-space-medium-tablet) !important;
10835
+ margin-right: var(--bal-space-medium-tablet) !important;
10836
+ }
10683
10837
  .mx-large {
10684
10838
  margin-left: var(--bal-space-large-tablet) !important;
10685
10839
  margin-right: var(--bal-space-large-tablet) !important;
10686
10840
  }
10841
+ .tablet:mx-large {
10842
+ margin-left: var(--bal-space-large-tablet) !important;
10843
+ margin-right: var(--bal-space-large-tablet) !important;
10844
+ }
10687
10845
  .mx-x-large {
10688
10846
  margin-left: var(--bal-space-x-large-tablet) !important;
10689
10847
  margin-right: var(--bal-space-x-large-tablet) !important;
10690
10848
  }
10849
+ .tablet:mx-x-large {
10850
+ margin-left: var(--bal-space-x-large-tablet) !important;
10851
+ margin-right: var(--bal-space-x-large-tablet) !important;
10852
+ }
10691
10853
  .mx-xx-large {
10692
10854
  margin-left: var(--bal-space-xx-large-tablet) !important;
10693
10855
  margin-right: var(--bal-space-xx-large-tablet) !important;
10694
10856
  }
10857
+ .tablet:mx-xx-large {
10858
+ margin-left: var(--bal-space-xx-large-tablet) !important;
10859
+ margin-right: var(--bal-space-xx-large-tablet) !important;
10860
+ }
10695
10861
  .mx-xxx-large {
10696
10862
  margin-left: var(--bal-space-xxx-large-tablet) !important;
10697
10863
  margin-right: var(--bal-space-xxx-large-tablet) !important;
10698
10864
  }
10865
+ .tablet:mx-xxx-large {
10866
+ margin-left: var(--bal-space-xxx-large-tablet) !important;
10867
+ margin-right: var(--bal-space-xxx-large-tablet) !important;
10868
+ }
10699
10869
  .mx-xxxx-large {
10700
10870
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
10701
10871
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
10702
10872
  }
10873
+ .tablet:mx-xxxx-large {
10874
+ margin-left: var(--bal-space-xxxx-large-tablet) !important;
10875
+ margin-right: var(--bal-space-xxxx-large-tablet) !important;
10876
+ }
10703
10877
  }
10704
10878
  @media screen and (min-width: 1024px) {
10705
10879
  .mx-none {
@@ -10714,42 +10888,82 @@
10714
10888
  margin-left: var(--bal-space-xx-small-desktop) !important;
10715
10889
  margin-right: var(--bal-space-xx-small-desktop) !important;
10716
10890
  }
10891
+ .desktop:mx-xx-small {
10892
+ margin-left: var(--bal-space-xx-small-desktop) !important;
10893
+ margin-right: var(--bal-space-xx-small-desktop) !important;
10894
+ }
10717
10895
  .mx-x-small {
10718
10896
  margin-left: var(--bal-space-x-small-desktop) !important;
10719
10897
  margin-right: var(--bal-space-x-small-desktop) !important;
10720
10898
  }
10899
+ .desktop:mx-x-small {
10900
+ margin-left: var(--bal-space-x-small-desktop) !important;
10901
+ margin-right: var(--bal-space-x-small-desktop) !important;
10902
+ }
10721
10903
  .mx-small {
10722
10904
  margin-left: var(--bal-space-small-desktop) !important;
10723
10905
  margin-right: var(--bal-space-small-desktop) !important;
10724
10906
  }
10907
+ .desktop:mx-small {
10908
+ margin-left: var(--bal-space-small-desktop) !important;
10909
+ margin-right: var(--bal-space-small-desktop) !important;
10910
+ }
10725
10911
  .mx-normal {
10726
10912
  margin-left: var(--bal-space-normal-desktop) !important;
10727
10913
  margin-right: var(--bal-space-normal-desktop) !important;
10728
10914
  }
10915
+ .desktop:mx-normal {
10916
+ margin-left: var(--bal-space-normal-desktop) !important;
10917
+ margin-right: var(--bal-space-normal-desktop) !important;
10918
+ }
10729
10919
  .mx-medium {
10730
10920
  margin-left: var(--bal-space-medium-desktop) !important;
10731
10921
  margin-right: var(--bal-space-medium-desktop) !important;
10732
10922
  }
10923
+ .desktop:mx-medium {
10924
+ margin-left: var(--bal-space-medium-desktop) !important;
10925
+ margin-right: var(--bal-space-medium-desktop) !important;
10926
+ }
10733
10927
  .mx-large {
10734
10928
  margin-left: var(--bal-space-large-desktop) !important;
10735
10929
  margin-right: var(--bal-space-large-desktop) !important;
10736
10930
  }
10931
+ .desktop:mx-large {
10932
+ margin-left: var(--bal-space-large-desktop) !important;
10933
+ margin-right: var(--bal-space-large-desktop) !important;
10934
+ }
10737
10935
  .mx-x-large {
10738
10936
  margin-left: var(--bal-space-x-large-desktop) !important;
10739
10937
  margin-right: var(--bal-space-x-large-desktop) !important;
10740
10938
  }
10939
+ .desktop:mx-x-large {
10940
+ margin-left: var(--bal-space-x-large-desktop) !important;
10941
+ margin-right: var(--bal-space-x-large-desktop) !important;
10942
+ }
10741
10943
  .mx-xx-large {
10742
10944
  margin-left: var(--bal-space-xx-large-desktop) !important;
10743
10945
  margin-right: var(--bal-space-xx-large-desktop) !important;
10744
10946
  }
10947
+ .desktop:mx-xx-large {
10948
+ margin-left: var(--bal-space-xx-large-desktop) !important;
10949
+ margin-right: var(--bal-space-xx-large-desktop) !important;
10950
+ }
10745
10951
  .mx-xxx-large {
10746
10952
  margin-left: var(--bal-space-xxx-large-desktop) !important;
10747
10953
  margin-right: var(--bal-space-xxx-large-desktop) !important;
10748
10954
  }
10955
+ .desktop:mx-xxx-large {
10956
+ margin-left: var(--bal-space-xxx-large-desktop) !important;
10957
+ margin-right: var(--bal-space-xxx-large-desktop) !important;
10958
+ }
10749
10959
  .mx-xxxx-large {
10750
10960
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
10751
10961
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
10752
10962
  }
10963
+ .desktop:mx-xxxx-large {
10964
+ margin-left: var(--bal-space-xxxx-large-desktop) !important;
10965
+ margin-right: var(--bal-space-xxxx-large-desktop) !important;
10966
+ }
10753
10967
  }
10754
10968
  .my-none {
10755
10969
  margin-top: 0 !important;
@@ -10811,6 +11025,48 @@
10811
11025
  margin-bottom: var(--bal-space-xxxx-large) !important;
10812
11026
  }
10813
11027
 
11028
+ @media screen and (max-width: 768px) {
11029
+ .mobile:my-xx-small {
11030
+ margin-top: var(--bal-space-xx-small-mobile) !important;
11031
+ margin-bottom: var(--bal-space-xx-small-mobile) !important;
11032
+ }
11033
+ .mobile:my-x-small {
11034
+ margin-top: var(--bal-space-x-small-mobile) !important;
11035
+ margin-bottom: var(--bal-space-x-small-mobile) !important;
11036
+ }
11037
+ .mobile:my-small {
11038
+ margin-top: var(--bal-space-small-mobile) !important;
11039
+ margin-bottom: var(--bal-space-small-mobile) !important;
11040
+ }
11041
+ .mobile:my-normal {
11042
+ margin-top: var(--bal-space-normal-mobile) !important;
11043
+ margin-bottom: var(--bal-space-normal-mobile) !important;
11044
+ }
11045
+ .mobile:my-medium {
11046
+ margin-top: var(--bal-space-medium-mobile) !important;
11047
+ margin-bottom: var(--bal-space-medium-mobile) !important;
11048
+ }
11049
+ .mobile:my-large {
11050
+ margin-top: var(--bal-space-large-mobile) !important;
11051
+ margin-bottom: var(--bal-space-large-mobile) !important;
11052
+ }
11053
+ .mobile:my-x-large {
11054
+ margin-top: var(--bal-space-x-large-mobile) !important;
11055
+ margin-bottom: var(--bal-space-x-large-mobile) !important;
11056
+ }
11057
+ .mobile:my-xx-large {
11058
+ margin-top: var(--bal-space-xx-large-mobile) !important;
11059
+ margin-bottom: var(--bal-space-xx-large-mobile) !important;
11060
+ }
11061
+ .mobile:my-xxx-large {
11062
+ margin-top: var(--bal-space-xxx-large-mobile) !important;
11063
+ margin-bottom: var(--bal-space-xxx-large-mobile) !important;
11064
+ }
11065
+ .mobile:my-xxxx-large {
11066
+ margin-top: var(--bal-space-xxxx-large-mobile) !important;
11067
+ margin-bottom: var(--bal-space-xxxx-large-mobile) !important;
11068
+ }
11069
+ }
10814
11070
  @media screen and (min-width: 769px), print {
10815
11071
  .my-none {
10816
11072
  margin-top: 0 !important;
@@ -10824,42 +11080,82 @@
10824
11080
  margin-top: var(--bal-space-xx-small-tablet) !important;
10825
11081
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
10826
11082
  }
11083
+ .tablet:my-xx-small {
11084
+ margin-top: var(--bal-space-xx-small-tablet) !important;
11085
+ margin-bottom: var(--bal-space-xx-small-tablet) !important;
11086
+ }
10827
11087
  .my-x-small {
10828
11088
  margin-top: var(--bal-space-x-small-tablet) !important;
10829
11089
  margin-bottom: var(--bal-space-x-small-tablet) !important;
10830
11090
  }
11091
+ .tablet:my-x-small {
11092
+ margin-top: var(--bal-space-x-small-tablet) !important;
11093
+ margin-bottom: var(--bal-space-x-small-tablet) !important;
11094
+ }
10831
11095
  .my-small {
10832
11096
  margin-top: var(--bal-space-small-tablet) !important;
10833
11097
  margin-bottom: var(--bal-space-small-tablet) !important;
10834
11098
  }
11099
+ .tablet:my-small {
11100
+ margin-top: var(--bal-space-small-tablet) !important;
11101
+ margin-bottom: var(--bal-space-small-tablet) !important;
11102
+ }
10835
11103
  .my-normal {
10836
11104
  margin-top: var(--bal-space-normal-tablet) !important;
10837
11105
  margin-bottom: var(--bal-space-normal-tablet) !important;
10838
11106
  }
11107
+ .tablet:my-normal {
11108
+ margin-top: var(--bal-space-normal-tablet) !important;
11109
+ margin-bottom: var(--bal-space-normal-tablet) !important;
11110
+ }
10839
11111
  .my-medium {
10840
11112
  margin-top: var(--bal-space-medium-tablet) !important;
10841
11113
  margin-bottom: var(--bal-space-medium-tablet) !important;
10842
11114
  }
11115
+ .tablet:my-medium {
11116
+ margin-top: var(--bal-space-medium-tablet) !important;
11117
+ margin-bottom: var(--bal-space-medium-tablet) !important;
11118
+ }
10843
11119
  .my-large {
10844
11120
  margin-top: var(--bal-space-large-tablet) !important;
10845
11121
  margin-bottom: var(--bal-space-large-tablet) !important;
10846
11122
  }
11123
+ .tablet:my-large {
11124
+ margin-top: var(--bal-space-large-tablet) !important;
11125
+ margin-bottom: var(--bal-space-large-tablet) !important;
11126
+ }
10847
11127
  .my-x-large {
10848
11128
  margin-top: var(--bal-space-x-large-tablet) !important;
10849
11129
  margin-bottom: var(--bal-space-x-large-tablet) !important;
10850
11130
  }
11131
+ .tablet:my-x-large {
11132
+ margin-top: var(--bal-space-x-large-tablet) !important;
11133
+ margin-bottom: var(--bal-space-x-large-tablet) !important;
11134
+ }
10851
11135
  .my-xx-large {
10852
11136
  margin-top: var(--bal-space-xx-large-tablet) !important;
10853
11137
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
10854
11138
  }
11139
+ .tablet:my-xx-large {
11140
+ margin-top: var(--bal-space-xx-large-tablet) !important;
11141
+ margin-bottom: var(--bal-space-xx-large-tablet) !important;
11142
+ }
10855
11143
  .my-xxx-large {
10856
11144
  margin-top: var(--bal-space-xxx-large-tablet) !important;
10857
11145
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
10858
11146
  }
11147
+ .tablet:my-xxx-large {
11148
+ margin-top: var(--bal-space-xxx-large-tablet) !important;
11149
+ margin-bottom: var(--bal-space-xxx-large-tablet) !important;
11150
+ }
10859
11151
  .my-xxxx-large {
10860
11152
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
10861
11153
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
10862
11154
  }
11155
+ .tablet:my-xxxx-large {
11156
+ margin-top: var(--bal-space-xxxx-large-tablet) !important;
11157
+ margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
11158
+ }
10863
11159
  }
10864
11160
  @media screen and (min-width: 1024px) {
10865
11161
  .my-none {
@@ -10874,42 +11170,82 @@
10874
11170
  margin-top: var(--bal-space-xx-small-desktop) !important;
10875
11171
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
10876
11172
  }
11173
+ .desktop:my-xx-small {
11174
+ margin-top: var(--bal-space-xx-small-desktop) !important;
11175
+ margin-bottom: var(--bal-space-xx-small-desktop) !important;
11176
+ }
10877
11177
  .my-x-small {
10878
11178
  margin-top: var(--bal-space-x-small-desktop) !important;
10879
11179
  margin-bottom: var(--bal-space-x-small-desktop) !important;
10880
11180
  }
11181
+ .desktop:my-x-small {
11182
+ margin-top: var(--bal-space-x-small-desktop) !important;
11183
+ margin-bottom: var(--bal-space-x-small-desktop) !important;
11184
+ }
10881
11185
  .my-small {
10882
11186
  margin-top: var(--bal-space-small-desktop) !important;
10883
11187
  margin-bottom: var(--bal-space-small-desktop) !important;
10884
11188
  }
11189
+ .desktop:my-small {
11190
+ margin-top: var(--bal-space-small-desktop) !important;
11191
+ margin-bottom: var(--bal-space-small-desktop) !important;
11192
+ }
10885
11193
  .my-normal {
10886
11194
  margin-top: var(--bal-space-normal-desktop) !important;
10887
11195
  margin-bottom: var(--bal-space-normal-desktop) !important;
10888
11196
  }
11197
+ .desktop:my-normal {
11198
+ margin-top: var(--bal-space-normal-desktop) !important;
11199
+ margin-bottom: var(--bal-space-normal-desktop) !important;
11200
+ }
10889
11201
  .my-medium {
10890
11202
  margin-top: var(--bal-space-medium-desktop) !important;
10891
11203
  margin-bottom: var(--bal-space-medium-desktop) !important;
10892
11204
  }
11205
+ .desktop:my-medium {
11206
+ margin-top: var(--bal-space-medium-desktop) !important;
11207
+ margin-bottom: var(--bal-space-medium-desktop) !important;
11208
+ }
10893
11209
  .my-large {
10894
11210
  margin-top: var(--bal-space-large-desktop) !important;
10895
11211
  margin-bottom: var(--bal-space-large-desktop) !important;
10896
11212
  }
11213
+ .desktop:my-large {
11214
+ margin-top: var(--bal-space-large-desktop) !important;
11215
+ margin-bottom: var(--bal-space-large-desktop) !important;
11216
+ }
10897
11217
  .my-x-large {
10898
11218
  margin-top: var(--bal-space-x-large-desktop) !important;
10899
11219
  margin-bottom: var(--bal-space-x-large-desktop) !important;
10900
11220
  }
11221
+ .desktop:my-x-large {
11222
+ margin-top: var(--bal-space-x-large-desktop) !important;
11223
+ margin-bottom: var(--bal-space-x-large-desktop) !important;
11224
+ }
10901
11225
  .my-xx-large {
10902
11226
  margin-top: var(--bal-space-xx-large-desktop) !important;
10903
11227
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
10904
11228
  }
11229
+ .desktop:my-xx-large {
11230
+ margin-top: var(--bal-space-xx-large-desktop) !important;
11231
+ margin-bottom: var(--bal-space-xx-large-desktop) !important;
11232
+ }
10905
11233
  .my-xxx-large {
10906
11234
  margin-top: var(--bal-space-xxx-large-desktop) !important;
10907
11235
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
10908
11236
  }
11237
+ .desktop:my-xxx-large {
11238
+ margin-top: var(--bal-space-xxx-large-desktop) !important;
11239
+ margin-bottom: var(--bal-space-xxx-large-desktop) !important;
11240
+ }
10909
11241
  .my-xxxx-large {
10910
11242
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
10911
11243
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
10912
11244
  }
11245
+ .desktop:my-xxxx-large {
11246
+ margin-top: var(--bal-space-xxxx-large-desktop) !important;
11247
+ margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
11248
+ }
10913
11249
  }
10914
11250
  .mt-none {
10915
11251
  margin-top: 0 !important;
@@ -10959,6 +11295,38 @@
10959
11295
  margin-top: var(--bal-space-xxxx-large) !important;
10960
11296
  }
10961
11297
 
11298
+ @media screen and (max-width: 768px) {
11299
+ .mobile:mt-xx-small {
11300
+ margin-top: var(--bal-space-xx-small-mobile) !important;
11301
+ }
11302
+ .mobile:mt-x-small {
11303
+ margin-top: var(--bal-space-x-small-mobile) !important;
11304
+ }
11305
+ .mobile:mt-small {
11306
+ margin-top: var(--bal-space-small-mobile) !important;
11307
+ }
11308
+ .mobile:mt-normal {
11309
+ margin-top: var(--bal-space-normal-mobile) !important;
11310
+ }
11311
+ .mobile:mt-medium {
11312
+ margin-top: var(--bal-space-medium-mobile) !important;
11313
+ }
11314
+ .mobile:mt-large {
11315
+ margin-top: var(--bal-space-large-mobile) !important;
11316
+ }
11317
+ .mobile:mt-x-large {
11318
+ margin-top: var(--bal-space-x-large-mobile) !important;
11319
+ }
11320
+ .mobile:mt-xx-large {
11321
+ margin-top: var(--bal-space-xx-large-mobile) !important;
11322
+ }
11323
+ .mobile:mt-xxx-large {
11324
+ margin-top: var(--bal-space-xxx-large-mobile) !important;
11325
+ }
11326
+ .mobile:mt-xxxx-large {
11327
+ margin-top: var(--bal-space-xxxx-large-mobile) !important;
11328
+ }
11329
+ }
10962
11330
  @media screen and (min-width: 769px), print {
10963
11331
  .mt-none {
10964
11332
  margin-top: 0 !important;
@@ -10969,33 +11337,63 @@
10969
11337
  .mt-xx-small {
10970
11338
  margin-top: var(--bal-space-xx-small-tablet) !important;
10971
11339
  }
11340
+ .tablet:mt-xx-small {
11341
+ margin-top: var(--bal-space-xx-small-tablet) !important;
11342
+ }
10972
11343
  .mt-x-small {
10973
11344
  margin-top: var(--bal-space-x-small-tablet) !important;
10974
11345
  }
11346
+ .tablet:mt-x-small {
11347
+ margin-top: var(--bal-space-x-small-tablet) !important;
11348
+ }
10975
11349
  .mt-small {
10976
11350
  margin-top: var(--bal-space-small-tablet) !important;
10977
11351
  }
11352
+ .tablet:mt-small {
11353
+ margin-top: var(--bal-space-small-tablet) !important;
11354
+ }
10978
11355
  .mt-normal {
10979
11356
  margin-top: var(--bal-space-normal-tablet) !important;
10980
11357
  }
11358
+ .tablet:mt-normal {
11359
+ margin-top: var(--bal-space-normal-tablet) !important;
11360
+ }
10981
11361
  .mt-medium {
10982
11362
  margin-top: var(--bal-space-medium-tablet) !important;
10983
11363
  }
11364
+ .tablet:mt-medium {
11365
+ margin-top: var(--bal-space-medium-tablet) !important;
11366
+ }
10984
11367
  .mt-large {
10985
11368
  margin-top: var(--bal-space-large-tablet) !important;
10986
11369
  }
11370
+ .tablet:mt-large {
11371
+ margin-top: var(--bal-space-large-tablet) !important;
11372
+ }
10987
11373
  .mt-x-large {
10988
11374
  margin-top: var(--bal-space-x-large-tablet) !important;
10989
11375
  }
11376
+ .tablet:mt-x-large {
11377
+ margin-top: var(--bal-space-x-large-tablet) !important;
11378
+ }
10990
11379
  .mt-xx-large {
10991
11380
  margin-top: var(--bal-space-xx-large-tablet) !important;
10992
11381
  }
11382
+ .tablet:mt-xx-large {
11383
+ margin-top: var(--bal-space-xx-large-tablet) !important;
11384
+ }
10993
11385
  .mt-xxx-large {
10994
11386
  margin-top: var(--bal-space-xxx-large-tablet) !important;
10995
11387
  }
11388
+ .tablet:mt-xxx-large {
11389
+ margin-top: var(--bal-space-xxx-large-tablet) !important;
11390
+ }
10996
11391
  .mt-xxxx-large {
10997
11392
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
10998
11393
  }
11394
+ .tablet:mt-xxxx-large {
11395
+ margin-top: var(--bal-space-xxxx-large-tablet) !important;
11396
+ }
10999
11397
  }
11000
11398
  @media screen and (min-width: 1024px) {
11001
11399
  .mt-none {
@@ -11007,33 +11405,63 @@
11007
11405
  .mt-xx-small {
11008
11406
  margin-top: var(--bal-space-xx-small-desktop) !important;
11009
11407
  }
11408
+ .desktop:mt-xx-small {
11409
+ margin-top: var(--bal-space-xx-small-desktop) !important;
11410
+ }
11010
11411
  .mt-x-small {
11011
11412
  margin-top: var(--bal-space-x-small-desktop) !important;
11012
11413
  }
11414
+ .desktop:mt-x-small {
11415
+ margin-top: var(--bal-space-x-small-desktop) !important;
11416
+ }
11013
11417
  .mt-small {
11014
11418
  margin-top: var(--bal-space-small-desktop) !important;
11015
11419
  }
11420
+ .desktop:mt-small {
11421
+ margin-top: var(--bal-space-small-desktop) !important;
11422
+ }
11016
11423
  .mt-normal {
11017
11424
  margin-top: var(--bal-space-normal-desktop) !important;
11018
11425
  }
11426
+ .desktop:mt-normal {
11427
+ margin-top: var(--bal-space-normal-desktop) !important;
11428
+ }
11019
11429
  .mt-medium {
11020
11430
  margin-top: var(--bal-space-medium-desktop) !important;
11021
11431
  }
11432
+ .desktop:mt-medium {
11433
+ margin-top: var(--bal-space-medium-desktop) !important;
11434
+ }
11022
11435
  .mt-large {
11023
11436
  margin-top: var(--bal-space-large-desktop) !important;
11024
11437
  }
11438
+ .desktop:mt-large {
11439
+ margin-top: var(--bal-space-large-desktop) !important;
11440
+ }
11025
11441
  .mt-x-large {
11026
11442
  margin-top: var(--bal-space-x-large-desktop) !important;
11027
11443
  }
11444
+ .desktop:mt-x-large {
11445
+ margin-top: var(--bal-space-x-large-desktop) !important;
11446
+ }
11028
11447
  .mt-xx-large {
11029
11448
  margin-top: var(--bal-space-xx-large-desktop) !important;
11030
11449
  }
11450
+ .desktop:mt-xx-large {
11451
+ margin-top: var(--bal-space-xx-large-desktop) !important;
11452
+ }
11031
11453
  .mt-xxx-large {
11032
11454
  margin-top: var(--bal-space-xxx-large-desktop) !important;
11033
11455
  }
11456
+ .desktop:mt-xxx-large {
11457
+ margin-top: var(--bal-space-xxx-large-desktop) !important;
11458
+ }
11034
11459
  .mt-xxxx-large {
11035
11460
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
11036
11461
  }
11462
+ .desktop:mt-xxxx-large {
11463
+ margin-top: var(--bal-space-xxxx-large-desktop) !important;
11464
+ }
11037
11465
  }
11038
11466
  .mr-none {
11039
11467
  margin-right: 0 !important;
@@ -11083,6 +11511,38 @@
11083
11511
  margin-right: var(--bal-space-xxxx-large) !important;
11084
11512
  }
11085
11513
 
11514
+ @media screen and (max-width: 768px) {
11515
+ .mobile:mr-xx-small {
11516
+ margin-right: var(--bal-space-xx-small-mobile) !important;
11517
+ }
11518
+ .mobile:mr-x-small {
11519
+ margin-right: var(--bal-space-x-small-mobile) !important;
11520
+ }
11521
+ .mobile:mr-small {
11522
+ margin-right: var(--bal-space-small-mobile) !important;
11523
+ }
11524
+ .mobile:mr-normal {
11525
+ margin-right: var(--bal-space-normal-mobile) !important;
11526
+ }
11527
+ .mobile:mr-medium {
11528
+ margin-right: var(--bal-space-medium-mobile) !important;
11529
+ }
11530
+ .mobile:mr-large {
11531
+ margin-right: var(--bal-space-large-mobile) !important;
11532
+ }
11533
+ .mobile:mr-x-large {
11534
+ margin-right: var(--bal-space-x-large-mobile) !important;
11535
+ }
11536
+ .mobile:mr-xx-large {
11537
+ margin-right: var(--bal-space-xx-large-mobile) !important;
11538
+ }
11539
+ .mobile:mr-xxx-large {
11540
+ margin-right: var(--bal-space-xxx-large-mobile) !important;
11541
+ }
11542
+ .mobile:mr-xxxx-large {
11543
+ margin-right: var(--bal-space-xxxx-large-mobile) !important;
11544
+ }
11545
+ }
11086
11546
  @media screen and (min-width: 769px), print {
11087
11547
  .mr-none {
11088
11548
  margin-right: 0 !important;
@@ -11093,33 +11553,63 @@
11093
11553
  .mr-xx-small {
11094
11554
  margin-right: var(--bal-space-xx-small-tablet) !important;
11095
11555
  }
11556
+ .tablet:mr-xx-small {
11557
+ margin-right: var(--bal-space-xx-small-tablet) !important;
11558
+ }
11096
11559
  .mr-x-small {
11097
11560
  margin-right: var(--bal-space-x-small-tablet) !important;
11098
11561
  }
11562
+ .tablet:mr-x-small {
11563
+ margin-right: var(--bal-space-x-small-tablet) !important;
11564
+ }
11099
11565
  .mr-small {
11100
11566
  margin-right: var(--bal-space-small-tablet) !important;
11101
11567
  }
11568
+ .tablet:mr-small {
11569
+ margin-right: var(--bal-space-small-tablet) !important;
11570
+ }
11102
11571
  .mr-normal {
11103
11572
  margin-right: var(--bal-space-normal-tablet) !important;
11104
11573
  }
11574
+ .tablet:mr-normal {
11575
+ margin-right: var(--bal-space-normal-tablet) !important;
11576
+ }
11105
11577
  .mr-medium {
11106
11578
  margin-right: var(--bal-space-medium-tablet) !important;
11107
11579
  }
11580
+ .tablet:mr-medium {
11581
+ margin-right: var(--bal-space-medium-tablet) !important;
11582
+ }
11108
11583
  .mr-large {
11109
11584
  margin-right: var(--bal-space-large-tablet) !important;
11110
11585
  }
11586
+ .tablet:mr-large {
11587
+ margin-right: var(--bal-space-large-tablet) !important;
11588
+ }
11111
11589
  .mr-x-large {
11112
11590
  margin-right: var(--bal-space-x-large-tablet) !important;
11113
11591
  }
11592
+ .tablet:mr-x-large {
11593
+ margin-right: var(--bal-space-x-large-tablet) !important;
11594
+ }
11114
11595
  .mr-xx-large {
11115
11596
  margin-right: var(--bal-space-xx-large-tablet) !important;
11116
11597
  }
11598
+ .tablet:mr-xx-large {
11599
+ margin-right: var(--bal-space-xx-large-tablet) !important;
11600
+ }
11117
11601
  .mr-xxx-large {
11118
11602
  margin-right: var(--bal-space-xxx-large-tablet) !important;
11119
11603
  }
11604
+ .tablet:mr-xxx-large {
11605
+ margin-right: var(--bal-space-xxx-large-tablet) !important;
11606
+ }
11120
11607
  .mr-xxxx-large {
11121
11608
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
11122
11609
  }
11610
+ .tablet:mr-xxxx-large {
11611
+ margin-right: var(--bal-space-xxxx-large-tablet) !important;
11612
+ }
11123
11613
  }
11124
11614
  @media screen and (min-width: 1024px) {
11125
11615
  .mr-none {
@@ -11131,33 +11621,63 @@
11131
11621
  .mr-xx-small {
11132
11622
  margin-right: var(--bal-space-xx-small-desktop) !important;
11133
11623
  }
11624
+ .desktop:mr-xx-small {
11625
+ margin-right: var(--bal-space-xx-small-desktop) !important;
11626
+ }
11134
11627
  .mr-x-small {
11135
11628
  margin-right: var(--bal-space-x-small-desktop) !important;
11136
11629
  }
11630
+ .desktop:mr-x-small {
11631
+ margin-right: var(--bal-space-x-small-desktop) !important;
11632
+ }
11137
11633
  .mr-small {
11138
11634
  margin-right: var(--bal-space-small-desktop) !important;
11139
11635
  }
11636
+ .desktop:mr-small {
11637
+ margin-right: var(--bal-space-small-desktop) !important;
11638
+ }
11140
11639
  .mr-normal {
11141
11640
  margin-right: var(--bal-space-normal-desktop) !important;
11142
11641
  }
11642
+ .desktop:mr-normal {
11643
+ margin-right: var(--bal-space-normal-desktop) !important;
11644
+ }
11143
11645
  .mr-medium {
11144
11646
  margin-right: var(--bal-space-medium-desktop) !important;
11145
11647
  }
11648
+ .desktop:mr-medium {
11649
+ margin-right: var(--bal-space-medium-desktop) !important;
11650
+ }
11146
11651
  .mr-large {
11147
11652
  margin-right: var(--bal-space-large-desktop) !important;
11148
11653
  }
11654
+ .desktop:mr-large {
11655
+ margin-right: var(--bal-space-large-desktop) !important;
11656
+ }
11149
11657
  .mr-x-large {
11150
11658
  margin-right: var(--bal-space-x-large-desktop) !important;
11151
11659
  }
11660
+ .desktop:mr-x-large {
11661
+ margin-right: var(--bal-space-x-large-desktop) !important;
11662
+ }
11152
11663
  .mr-xx-large {
11153
11664
  margin-right: var(--bal-space-xx-large-desktop) !important;
11154
11665
  }
11666
+ .desktop:mr-xx-large {
11667
+ margin-right: var(--bal-space-xx-large-desktop) !important;
11668
+ }
11155
11669
  .mr-xxx-large {
11156
11670
  margin-right: var(--bal-space-xxx-large-desktop) !important;
11157
11671
  }
11672
+ .desktop:mr-xxx-large {
11673
+ margin-right: var(--bal-space-xxx-large-desktop) !important;
11674
+ }
11158
11675
  .mr-xxxx-large {
11159
11676
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
11160
11677
  }
11678
+ .desktop:mr-xxxx-large {
11679
+ margin-right: var(--bal-space-xxxx-large-desktop) !important;
11680
+ }
11161
11681
  }
11162
11682
  .mb-none {
11163
11683
  margin-bottom: 0 !important;
@@ -11207,6 +11727,38 @@
11207
11727
  margin-bottom: var(--bal-space-xxxx-large) !important;
11208
11728
  }
11209
11729
 
11730
+ @media screen and (max-width: 768px) {
11731
+ .mobile:mb-xx-small {
11732
+ margin-bottom: var(--bal-space-xx-small-mobile) !important;
11733
+ }
11734
+ .mobile:mb-x-small {
11735
+ margin-bottom: var(--bal-space-x-small-mobile) !important;
11736
+ }
11737
+ .mobile:mb-small {
11738
+ margin-bottom: var(--bal-space-small-mobile) !important;
11739
+ }
11740
+ .mobile:mb-normal {
11741
+ margin-bottom: var(--bal-space-normal-mobile) !important;
11742
+ }
11743
+ .mobile:mb-medium {
11744
+ margin-bottom: var(--bal-space-medium-mobile) !important;
11745
+ }
11746
+ .mobile:mb-large {
11747
+ margin-bottom: var(--bal-space-large-mobile) !important;
11748
+ }
11749
+ .mobile:mb-x-large {
11750
+ margin-bottom: var(--bal-space-x-large-mobile) !important;
11751
+ }
11752
+ .mobile:mb-xx-large {
11753
+ margin-bottom: var(--bal-space-xx-large-mobile) !important;
11754
+ }
11755
+ .mobile:mb-xxx-large {
11756
+ margin-bottom: var(--bal-space-xxx-large-mobile) !important;
11757
+ }
11758
+ .mobile:mb-xxxx-large {
11759
+ margin-bottom: var(--bal-space-xxxx-large-mobile) !important;
11760
+ }
11761
+ }
11210
11762
  @media screen and (min-width: 769px), print {
11211
11763
  .mb-none {
11212
11764
  margin-bottom: 0 !important;
@@ -11217,33 +11769,63 @@
11217
11769
  .mb-xx-small {
11218
11770
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
11219
11771
  }
11772
+ .tablet:mb-xx-small {
11773
+ margin-bottom: var(--bal-space-xx-small-tablet) !important;
11774
+ }
11220
11775
  .mb-x-small {
11221
11776
  margin-bottom: var(--bal-space-x-small-tablet) !important;
11222
11777
  }
11778
+ .tablet:mb-x-small {
11779
+ margin-bottom: var(--bal-space-x-small-tablet) !important;
11780
+ }
11223
11781
  .mb-small {
11224
11782
  margin-bottom: var(--bal-space-small-tablet) !important;
11225
11783
  }
11784
+ .tablet:mb-small {
11785
+ margin-bottom: var(--bal-space-small-tablet) !important;
11786
+ }
11226
11787
  .mb-normal {
11227
11788
  margin-bottom: var(--bal-space-normal-tablet) !important;
11228
11789
  }
11790
+ .tablet:mb-normal {
11791
+ margin-bottom: var(--bal-space-normal-tablet) !important;
11792
+ }
11229
11793
  .mb-medium {
11230
11794
  margin-bottom: var(--bal-space-medium-tablet) !important;
11231
11795
  }
11796
+ .tablet:mb-medium {
11797
+ margin-bottom: var(--bal-space-medium-tablet) !important;
11798
+ }
11232
11799
  .mb-large {
11233
11800
  margin-bottom: var(--bal-space-large-tablet) !important;
11234
11801
  }
11802
+ .tablet:mb-large {
11803
+ margin-bottom: var(--bal-space-large-tablet) !important;
11804
+ }
11235
11805
  .mb-x-large {
11236
11806
  margin-bottom: var(--bal-space-x-large-tablet) !important;
11237
11807
  }
11808
+ .tablet:mb-x-large {
11809
+ margin-bottom: var(--bal-space-x-large-tablet) !important;
11810
+ }
11238
11811
  .mb-xx-large {
11239
11812
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
11240
11813
  }
11814
+ .tablet:mb-xx-large {
11815
+ margin-bottom: var(--bal-space-xx-large-tablet) !important;
11816
+ }
11241
11817
  .mb-xxx-large {
11242
11818
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
11243
11819
  }
11820
+ .tablet:mb-xxx-large {
11821
+ margin-bottom: var(--bal-space-xxx-large-tablet) !important;
11822
+ }
11244
11823
  .mb-xxxx-large {
11245
11824
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
11246
11825
  }
11826
+ .tablet:mb-xxxx-large {
11827
+ margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
11828
+ }
11247
11829
  }
11248
11830
  @media screen and (min-width: 1024px) {
11249
11831
  .mb-none {
@@ -11255,33 +11837,63 @@
11255
11837
  .mb-xx-small {
11256
11838
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
11257
11839
  }
11840
+ .desktop:mb-xx-small {
11841
+ margin-bottom: var(--bal-space-xx-small-desktop) !important;
11842
+ }
11258
11843
  .mb-x-small {
11259
11844
  margin-bottom: var(--bal-space-x-small-desktop) !important;
11260
11845
  }
11846
+ .desktop:mb-x-small {
11847
+ margin-bottom: var(--bal-space-x-small-desktop) !important;
11848
+ }
11261
11849
  .mb-small {
11262
11850
  margin-bottom: var(--bal-space-small-desktop) !important;
11263
11851
  }
11852
+ .desktop:mb-small {
11853
+ margin-bottom: var(--bal-space-small-desktop) !important;
11854
+ }
11264
11855
  .mb-normal {
11265
11856
  margin-bottom: var(--bal-space-normal-desktop) !important;
11266
11857
  }
11858
+ .desktop:mb-normal {
11859
+ margin-bottom: var(--bal-space-normal-desktop) !important;
11860
+ }
11267
11861
  .mb-medium {
11268
11862
  margin-bottom: var(--bal-space-medium-desktop) !important;
11269
11863
  }
11864
+ .desktop:mb-medium {
11865
+ margin-bottom: var(--bal-space-medium-desktop) !important;
11866
+ }
11270
11867
  .mb-large {
11271
11868
  margin-bottom: var(--bal-space-large-desktop) !important;
11272
11869
  }
11870
+ .desktop:mb-large {
11871
+ margin-bottom: var(--bal-space-large-desktop) !important;
11872
+ }
11273
11873
  .mb-x-large {
11274
11874
  margin-bottom: var(--bal-space-x-large-desktop) !important;
11275
11875
  }
11876
+ .desktop:mb-x-large {
11877
+ margin-bottom: var(--bal-space-x-large-desktop) !important;
11878
+ }
11276
11879
  .mb-xx-large {
11277
11880
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
11278
11881
  }
11882
+ .desktop:mb-xx-large {
11883
+ margin-bottom: var(--bal-space-xx-large-desktop) !important;
11884
+ }
11279
11885
  .mb-xxx-large {
11280
11886
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
11281
11887
  }
11888
+ .desktop:mb-xxx-large {
11889
+ margin-bottom: var(--bal-space-xxx-large-desktop) !important;
11890
+ }
11282
11891
  .mb-xxxx-large {
11283
11892
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
11284
11893
  }
11894
+ .desktop:mb-xxxx-large {
11895
+ margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
11896
+ }
11285
11897
  }
11286
11898
  .ml-none {
11287
11899
  margin-left: 0 !important;
@@ -11331,6 +11943,38 @@
11331
11943
  margin-left: var(--bal-space-xxxx-large) !important;
11332
11944
  }
11333
11945
 
11946
+ @media screen and (max-width: 768px) {
11947
+ .mobile:ml-xx-small {
11948
+ margin-left: var(--bal-space-xx-small-mobile) !important;
11949
+ }
11950
+ .mobile:ml-x-small {
11951
+ margin-left: var(--bal-space-x-small-mobile) !important;
11952
+ }
11953
+ .mobile:ml-small {
11954
+ margin-left: var(--bal-space-small-mobile) !important;
11955
+ }
11956
+ .mobile:ml-normal {
11957
+ margin-left: var(--bal-space-normal-mobile) !important;
11958
+ }
11959
+ .mobile:ml-medium {
11960
+ margin-left: var(--bal-space-medium-mobile) !important;
11961
+ }
11962
+ .mobile:ml-large {
11963
+ margin-left: var(--bal-space-large-mobile) !important;
11964
+ }
11965
+ .mobile:ml-x-large {
11966
+ margin-left: var(--bal-space-x-large-mobile) !important;
11967
+ }
11968
+ .mobile:ml-xx-large {
11969
+ margin-left: var(--bal-space-xx-large-mobile) !important;
11970
+ }
11971
+ .mobile:ml-xxx-large {
11972
+ margin-left: var(--bal-space-xxx-large-mobile) !important;
11973
+ }
11974
+ .mobile:ml-xxxx-large {
11975
+ margin-left: var(--bal-space-xxxx-large-mobile) !important;
11976
+ }
11977
+ }
11334
11978
  @media screen and (min-width: 769px), print {
11335
11979
  .ml-none {
11336
11980
  margin-left: 0 !important;
@@ -11341,33 +11985,63 @@
11341
11985
  .ml-xx-small {
11342
11986
  margin-left: var(--bal-space-xx-small-tablet) !important;
11343
11987
  }
11988
+ .tablet:ml-xx-small {
11989
+ margin-left: var(--bal-space-xx-small-tablet) !important;
11990
+ }
11344
11991
  .ml-x-small {
11345
11992
  margin-left: var(--bal-space-x-small-tablet) !important;
11346
11993
  }
11994
+ .tablet:ml-x-small {
11995
+ margin-left: var(--bal-space-x-small-tablet) !important;
11996
+ }
11347
11997
  .ml-small {
11348
11998
  margin-left: var(--bal-space-small-tablet) !important;
11349
11999
  }
12000
+ .tablet:ml-small {
12001
+ margin-left: var(--bal-space-small-tablet) !important;
12002
+ }
11350
12003
  .ml-normal {
11351
12004
  margin-left: var(--bal-space-normal-tablet) !important;
11352
12005
  }
12006
+ .tablet:ml-normal {
12007
+ margin-left: var(--bal-space-normal-tablet) !important;
12008
+ }
11353
12009
  .ml-medium {
11354
12010
  margin-left: var(--bal-space-medium-tablet) !important;
11355
12011
  }
12012
+ .tablet:ml-medium {
12013
+ margin-left: var(--bal-space-medium-tablet) !important;
12014
+ }
11356
12015
  .ml-large {
11357
12016
  margin-left: var(--bal-space-large-tablet) !important;
11358
12017
  }
12018
+ .tablet:ml-large {
12019
+ margin-left: var(--bal-space-large-tablet) !important;
12020
+ }
11359
12021
  .ml-x-large {
11360
12022
  margin-left: var(--bal-space-x-large-tablet) !important;
11361
12023
  }
12024
+ .tablet:ml-x-large {
12025
+ margin-left: var(--bal-space-x-large-tablet) !important;
12026
+ }
11362
12027
  .ml-xx-large {
11363
12028
  margin-left: var(--bal-space-xx-large-tablet) !important;
11364
12029
  }
12030
+ .tablet:ml-xx-large {
12031
+ margin-left: var(--bal-space-xx-large-tablet) !important;
12032
+ }
11365
12033
  .ml-xxx-large {
11366
12034
  margin-left: var(--bal-space-xxx-large-tablet) !important;
11367
12035
  }
12036
+ .tablet:ml-xxx-large {
12037
+ margin-left: var(--bal-space-xxx-large-tablet) !important;
12038
+ }
11368
12039
  .ml-xxxx-large {
11369
12040
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
11370
12041
  }
12042
+ .tablet:ml-xxxx-large {
12043
+ margin-left: var(--bal-space-xxxx-large-tablet) !important;
12044
+ }
11371
12045
  }
11372
12046
  @media screen and (min-width: 1024px) {
11373
12047
  .ml-none {
@@ -11379,33 +12053,63 @@
11379
12053
  .ml-xx-small {
11380
12054
  margin-left: var(--bal-space-xx-small-desktop) !important;
11381
12055
  }
12056
+ .desktop:ml-xx-small {
12057
+ margin-left: var(--bal-space-xx-small-desktop) !important;
12058
+ }
11382
12059
  .ml-x-small {
11383
12060
  margin-left: var(--bal-space-x-small-desktop) !important;
11384
12061
  }
12062
+ .desktop:ml-x-small {
12063
+ margin-left: var(--bal-space-x-small-desktop) !important;
12064
+ }
11385
12065
  .ml-small {
11386
12066
  margin-left: var(--bal-space-small-desktop) !important;
11387
12067
  }
12068
+ .desktop:ml-small {
12069
+ margin-left: var(--bal-space-small-desktop) !important;
12070
+ }
11388
12071
  .ml-normal {
11389
12072
  margin-left: var(--bal-space-normal-desktop) !important;
11390
12073
  }
12074
+ .desktop:ml-normal {
12075
+ margin-left: var(--bal-space-normal-desktop) !important;
12076
+ }
11391
12077
  .ml-medium {
11392
12078
  margin-left: var(--bal-space-medium-desktop) !important;
11393
12079
  }
12080
+ .desktop:ml-medium {
12081
+ margin-left: var(--bal-space-medium-desktop) !important;
12082
+ }
11394
12083
  .ml-large {
11395
12084
  margin-left: var(--bal-space-large-desktop) !important;
11396
12085
  }
12086
+ .desktop:ml-large {
12087
+ margin-left: var(--bal-space-large-desktop) !important;
12088
+ }
11397
12089
  .ml-x-large {
11398
12090
  margin-left: var(--bal-space-x-large-desktop) !important;
11399
12091
  }
12092
+ .desktop:ml-x-large {
12093
+ margin-left: var(--bal-space-x-large-desktop) !important;
12094
+ }
11400
12095
  .ml-xx-large {
11401
12096
  margin-left: var(--bal-space-xx-large-desktop) !important;
11402
12097
  }
12098
+ .desktop:ml-xx-large {
12099
+ margin-left: var(--bal-space-xx-large-desktop) !important;
12100
+ }
11403
12101
  .ml-xxx-large {
11404
12102
  margin-left: var(--bal-space-xxx-large-desktop) !important;
11405
12103
  }
12104
+ .desktop:ml-xxx-large {
12105
+ margin-left: var(--bal-space-xxx-large-desktop) !important;
12106
+ }
11406
12107
  .ml-xxxx-large {
11407
12108
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
11408
12109
  }
12110
+ .desktop:ml-xxxx-large {
12111
+ margin-left: var(--bal-space-xxxx-large-desktop) !important;
12112
+ }
11409
12113
  }
11410
12114
  .p-none {
11411
12115
  padding: 0 !important;
@@ -11455,6 +12159,38 @@
11455
12159
  padding: var(--bal-space-xxxx-large) !important;
11456
12160
  }
11457
12161
 
12162
+ @media screen and (max-width: 768px) {
12163
+ .mobile:p-xx-small {
12164
+ padding: var(--bal-space-xx-small-mobile) !important;
12165
+ }
12166
+ .mobile:p-x-small {
12167
+ padding: var(--bal-space-x-small-mobile) !important;
12168
+ }
12169
+ .mobile:p-small {
12170
+ padding: var(--bal-space-small-mobile) !important;
12171
+ }
12172
+ .mobile:p-normal {
12173
+ padding: var(--bal-space-normal-mobile) !important;
12174
+ }
12175
+ .mobile:p-medium {
12176
+ padding: var(--bal-space-medium-mobile) !important;
12177
+ }
12178
+ .mobile:p-large {
12179
+ padding: var(--bal-space-large-mobile) !important;
12180
+ }
12181
+ .mobile:p-x-large {
12182
+ padding: var(--bal-space-x-large-mobile) !important;
12183
+ }
12184
+ .mobile:p-xx-large {
12185
+ padding: var(--bal-space-xx-large-mobile) !important;
12186
+ }
12187
+ .mobile:p-xxx-large {
12188
+ padding: var(--bal-space-xxx-large-mobile) !important;
12189
+ }
12190
+ .mobile:p-xxxx-large {
12191
+ padding: var(--bal-space-xxxx-large-mobile) !important;
12192
+ }
12193
+ }
11458
12194
  @media screen and (min-width: 769px), print {
11459
12195
  .p-none {
11460
12196
  padding: 0 !important;
@@ -11465,33 +12201,63 @@
11465
12201
  .p-xx-small {
11466
12202
  padding: var(--bal-space-xx-small-tablet) !important;
11467
12203
  }
12204
+ .tablet:p-xx-small {
12205
+ padding: var(--bal-space-xx-small-tablet) !important;
12206
+ }
11468
12207
  .p-x-small {
11469
12208
  padding: var(--bal-space-x-small-tablet) !important;
11470
12209
  }
12210
+ .tablet:p-x-small {
12211
+ padding: var(--bal-space-x-small-tablet) !important;
12212
+ }
11471
12213
  .p-small {
11472
12214
  padding: var(--bal-space-small-tablet) !important;
11473
12215
  }
12216
+ .tablet:p-small {
12217
+ padding: var(--bal-space-small-tablet) !important;
12218
+ }
11474
12219
  .p-normal {
11475
12220
  padding: var(--bal-space-normal-tablet) !important;
11476
12221
  }
12222
+ .tablet:p-normal {
12223
+ padding: var(--bal-space-normal-tablet) !important;
12224
+ }
11477
12225
  .p-medium {
11478
12226
  padding: var(--bal-space-medium-tablet) !important;
11479
12227
  }
12228
+ .tablet:p-medium {
12229
+ padding: var(--bal-space-medium-tablet) !important;
12230
+ }
11480
12231
  .p-large {
11481
12232
  padding: var(--bal-space-large-tablet) !important;
11482
12233
  }
12234
+ .tablet:p-large {
12235
+ padding: var(--bal-space-large-tablet) !important;
12236
+ }
11483
12237
  .p-x-large {
11484
12238
  padding: var(--bal-space-x-large-tablet) !important;
11485
12239
  }
12240
+ .tablet:p-x-large {
12241
+ padding: var(--bal-space-x-large-tablet) !important;
12242
+ }
11486
12243
  .p-xx-large {
11487
12244
  padding: var(--bal-space-xx-large-tablet) !important;
11488
12245
  }
12246
+ .tablet:p-xx-large {
12247
+ padding: var(--bal-space-xx-large-tablet) !important;
12248
+ }
11489
12249
  .p-xxx-large {
11490
12250
  padding: var(--bal-space-xxx-large-tablet) !important;
11491
12251
  }
12252
+ .tablet:p-xxx-large {
12253
+ padding: var(--bal-space-xxx-large-tablet) !important;
12254
+ }
11492
12255
  .p-xxxx-large {
11493
12256
  padding: var(--bal-space-xxxx-large-tablet) !important;
11494
12257
  }
12258
+ .tablet:p-xxxx-large {
12259
+ padding: var(--bal-space-xxxx-large-tablet) !important;
12260
+ }
11495
12261
  }
11496
12262
  @media screen and (min-width: 1024px) {
11497
12263
  .p-none {
@@ -11503,33 +12269,63 @@
11503
12269
  .p-xx-small {
11504
12270
  padding: var(--bal-space-xx-small-desktop) !important;
11505
12271
  }
12272
+ .desktop:p-xx-small {
12273
+ padding: var(--bal-space-xx-small-desktop) !important;
12274
+ }
11506
12275
  .p-x-small {
11507
12276
  padding: var(--bal-space-x-small-desktop) !important;
11508
12277
  }
12278
+ .desktop:p-x-small {
12279
+ padding: var(--bal-space-x-small-desktop) !important;
12280
+ }
11509
12281
  .p-small {
11510
12282
  padding: var(--bal-space-small-desktop) !important;
11511
12283
  }
12284
+ .desktop:p-small {
12285
+ padding: var(--bal-space-small-desktop) !important;
12286
+ }
11512
12287
  .p-normal {
11513
12288
  padding: var(--bal-space-normal-desktop) !important;
11514
12289
  }
12290
+ .desktop:p-normal {
12291
+ padding: var(--bal-space-normal-desktop) !important;
12292
+ }
11515
12293
  .p-medium {
11516
12294
  padding: var(--bal-space-medium-desktop) !important;
11517
12295
  }
12296
+ .desktop:p-medium {
12297
+ padding: var(--bal-space-medium-desktop) !important;
12298
+ }
11518
12299
  .p-large {
11519
12300
  padding: var(--bal-space-large-desktop) !important;
11520
12301
  }
12302
+ .desktop:p-large {
12303
+ padding: var(--bal-space-large-desktop) !important;
12304
+ }
11521
12305
  .p-x-large {
11522
12306
  padding: var(--bal-space-x-large-desktop) !important;
11523
12307
  }
12308
+ .desktop:p-x-large {
12309
+ padding: var(--bal-space-x-large-desktop) !important;
12310
+ }
11524
12311
  .p-xx-large {
11525
12312
  padding: var(--bal-space-xx-large-desktop) !important;
11526
12313
  }
12314
+ .desktop:p-xx-large {
12315
+ padding: var(--bal-space-xx-large-desktop) !important;
12316
+ }
11527
12317
  .p-xxx-large {
11528
12318
  padding: var(--bal-space-xxx-large-desktop) !important;
11529
12319
  }
12320
+ .desktop:p-xxx-large {
12321
+ padding: var(--bal-space-xxx-large-desktop) !important;
12322
+ }
11530
12323
  .p-xxxx-large {
11531
12324
  padding: var(--bal-space-xxxx-large-desktop) !important;
11532
12325
  }
12326
+ .desktop:p-xxxx-large {
12327
+ padding: var(--bal-space-xxxx-large-desktop) !important;
12328
+ }
11533
12329
  }
11534
12330
  .px-none {
11535
12331
  padding-left: 0 !important;
@@ -11591,6 +12387,48 @@
11591
12387
  padding-right: var(--bal-space-xxxx-large) !important;
11592
12388
  }
11593
12389
 
12390
+ @media screen and (max-width: 768px) {
12391
+ .mobile:px-xx-small {
12392
+ padding-left: var(--bal-space-xx-small-mobile) !important;
12393
+ padding-right: var(--bal-space-xx-small-mobile) !important;
12394
+ }
12395
+ .mobile:px-x-small {
12396
+ padding-left: var(--bal-space-x-small-mobile) !important;
12397
+ padding-right: var(--bal-space-x-small-mobile) !important;
12398
+ }
12399
+ .mobile:px-small {
12400
+ padding-left: var(--bal-space-small-mobile) !important;
12401
+ padding-right: var(--bal-space-small-mobile) !important;
12402
+ }
12403
+ .mobile:px-normal {
12404
+ padding-left: var(--bal-space-normal-mobile) !important;
12405
+ padding-right: var(--bal-space-normal-mobile) !important;
12406
+ }
12407
+ .mobile:px-medium {
12408
+ padding-left: var(--bal-space-medium-mobile) !important;
12409
+ padding-right: var(--bal-space-medium-mobile) !important;
12410
+ }
12411
+ .mobile:px-large {
12412
+ padding-left: var(--bal-space-large-mobile) !important;
12413
+ padding-right: var(--bal-space-large-mobile) !important;
12414
+ }
12415
+ .mobile:px-x-large {
12416
+ padding-left: var(--bal-space-x-large-mobile) !important;
12417
+ padding-right: var(--bal-space-x-large-mobile) !important;
12418
+ }
12419
+ .mobile:px-xx-large {
12420
+ padding-left: var(--bal-space-xx-large-mobile) !important;
12421
+ padding-right: var(--bal-space-xx-large-mobile) !important;
12422
+ }
12423
+ .mobile:px-xxx-large {
12424
+ padding-left: var(--bal-space-xxx-large-mobile) !important;
12425
+ padding-right: var(--bal-space-xxx-large-mobile) !important;
12426
+ }
12427
+ .mobile:px-xxxx-large {
12428
+ padding-left: var(--bal-space-xxxx-large-mobile) !important;
12429
+ padding-right: var(--bal-space-xxxx-large-mobile) !important;
12430
+ }
12431
+ }
11594
12432
  @media screen and (min-width: 769px), print {
11595
12433
  .px-none {
11596
12434
  padding-left: 0 !important;
@@ -11604,42 +12442,82 @@
11604
12442
  padding-left: var(--bal-space-xx-small-tablet) !important;
11605
12443
  padding-right: var(--bal-space-xx-small-tablet) !important;
11606
12444
  }
12445
+ .tablet:px-xx-small {
12446
+ padding-left: var(--bal-space-xx-small-tablet) !important;
12447
+ padding-right: var(--bal-space-xx-small-tablet) !important;
12448
+ }
11607
12449
  .px-x-small {
11608
12450
  padding-left: var(--bal-space-x-small-tablet) !important;
11609
12451
  padding-right: var(--bal-space-x-small-tablet) !important;
11610
12452
  }
12453
+ .tablet:px-x-small {
12454
+ padding-left: var(--bal-space-x-small-tablet) !important;
12455
+ padding-right: var(--bal-space-x-small-tablet) !important;
12456
+ }
11611
12457
  .px-small {
11612
12458
  padding-left: var(--bal-space-small-tablet) !important;
11613
12459
  padding-right: var(--bal-space-small-tablet) !important;
11614
12460
  }
12461
+ .tablet:px-small {
12462
+ padding-left: var(--bal-space-small-tablet) !important;
12463
+ padding-right: var(--bal-space-small-tablet) !important;
12464
+ }
11615
12465
  .px-normal {
11616
12466
  padding-left: var(--bal-space-normal-tablet) !important;
11617
12467
  padding-right: var(--bal-space-normal-tablet) !important;
11618
12468
  }
12469
+ .tablet:px-normal {
12470
+ padding-left: var(--bal-space-normal-tablet) !important;
12471
+ padding-right: var(--bal-space-normal-tablet) !important;
12472
+ }
11619
12473
  .px-medium {
11620
12474
  padding-left: var(--bal-space-medium-tablet) !important;
11621
12475
  padding-right: var(--bal-space-medium-tablet) !important;
11622
12476
  }
12477
+ .tablet:px-medium {
12478
+ padding-left: var(--bal-space-medium-tablet) !important;
12479
+ padding-right: var(--bal-space-medium-tablet) !important;
12480
+ }
11623
12481
  .px-large {
11624
12482
  padding-left: var(--bal-space-large-tablet) !important;
11625
12483
  padding-right: var(--bal-space-large-tablet) !important;
11626
12484
  }
12485
+ .tablet:px-large {
12486
+ padding-left: var(--bal-space-large-tablet) !important;
12487
+ padding-right: var(--bal-space-large-tablet) !important;
12488
+ }
11627
12489
  .px-x-large {
11628
12490
  padding-left: var(--bal-space-x-large-tablet) !important;
11629
12491
  padding-right: var(--bal-space-x-large-tablet) !important;
11630
12492
  }
12493
+ .tablet:px-x-large {
12494
+ padding-left: var(--bal-space-x-large-tablet) !important;
12495
+ padding-right: var(--bal-space-x-large-tablet) !important;
12496
+ }
11631
12497
  .px-xx-large {
11632
12498
  padding-left: var(--bal-space-xx-large-tablet) !important;
11633
12499
  padding-right: var(--bal-space-xx-large-tablet) !important;
11634
12500
  }
12501
+ .tablet:px-xx-large {
12502
+ padding-left: var(--bal-space-xx-large-tablet) !important;
12503
+ padding-right: var(--bal-space-xx-large-tablet) !important;
12504
+ }
11635
12505
  .px-xxx-large {
11636
12506
  padding-left: var(--bal-space-xxx-large-tablet) !important;
11637
12507
  padding-right: var(--bal-space-xxx-large-tablet) !important;
11638
12508
  }
12509
+ .tablet:px-xxx-large {
12510
+ padding-left: var(--bal-space-xxx-large-tablet) !important;
12511
+ padding-right: var(--bal-space-xxx-large-tablet) !important;
12512
+ }
11639
12513
  .px-xxxx-large {
11640
12514
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
11641
12515
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
11642
12516
  }
12517
+ .tablet:px-xxxx-large {
12518
+ padding-left: var(--bal-space-xxxx-large-tablet) !important;
12519
+ padding-right: var(--bal-space-xxxx-large-tablet) !important;
12520
+ }
11643
12521
  }
11644
12522
  @media screen and (min-width: 1024px) {
11645
12523
  .px-none {
@@ -11654,42 +12532,82 @@
11654
12532
  padding-left: var(--bal-space-xx-small-desktop) !important;
11655
12533
  padding-right: var(--bal-space-xx-small-desktop) !important;
11656
12534
  }
12535
+ .desktop:px-xx-small {
12536
+ padding-left: var(--bal-space-xx-small-desktop) !important;
12537
+ padding-right: var(--bal-space-xx-small-desktop) !important;
12538
+ }
11657
12539
  .px-x-small {
11658
12540
  padding-left: var(--bal-space-x-small-desktop) !important;
11659
12541
  padding-right: var(--bal-space-x-small-desktop) !important;
11660
12542
  }
12543
+ .desktop:px-x-small {
12544
+ padding-left: var(--bal-space-x-small-desktop) !important;
12545
+ padding-right: var(--bal-space-x-small-desktop) !important;
12546
+ }
11661
12547
  .px-small {
11662
12548
  padding-left: var(--bal-space-small-desktop) !important;
11663
12549
  padding-right: var(--bal-space-small-desktop) !important;
11664
12550
  }
12551
+ .desktop:px-small {
12552
+ padding-left: var(--bal-space-small-desktop) !important;
12553
+ padding-right: var(--bal-space-small-desktop) !important;
12554
+ }
11665
12555
  .px-normal {
11666
12556
  padding-left: var(--bal-space-normal-desktop) !important;
11667
12557
  padding-right: var(--bal-space-normal-desktop) !important;
11668
12558
  }
12559
+ .desktop:px-normal {
12560
+ padding-left: var(--bal-space-normal-desktop) !important;
12561
+ padding-right: var(--bal-space-normal-desktop) !important;
12562
+ }
11669
12563
  .px-medium {
11670
12564
  padding-left: var(--bal-space-medium-desktop) !important;
11671
12565
  padding-right: var(--bal-space-medium-desktop) !important;
11672
12566
  }
12567
+ .desktop:px-medium {
12568
+ padding-left: var(--bal-space-medium-desktop) !important;
12569
+ padding-right: var(--bal-space-medium-desktop) !important;
12570
+ }
11673
12571
  .px-large {
11674
12572
  padding-left: var(--bal-space-large-desktop) !important;
11675
12573
  padding-right: var(--bal-space-large-desktop) !important;
11676
12574
  }
12575
+ .desktop:px-large {
12576
+ padding-left: var(--bal-space-large-desktop) !important;
12577
+ padding-right: var(--bal-space-large-desktop) !important;
12578
+ }
11677
12579
  .px-x-large {
11678
12580
  padding-left: var(--bal-space-x-large-desktop) !important;
11679
12581
  padding-right: var(--bal-space-x-large-desktop) !important;
11680
12582
  }
12583
+ .desktop:px-x-large {
12584
+ padding-left: var(--bal-space-x-large-desktop) !important;
12585
+ padding-right: var(--bal-space-x-large-desktop) !important;
12586
+ }
11681
12587
  .px-xx-large {
11682
12588
  padding-left: var(--bal-space-xx-large-desktop) !important;
11683
12589
  padding-right: var(--bal-space-xx-large-desktop) !important;
11684
12590
  }
12591
+ .desktop:px-xx-large {
12592
+ padding-left: var(--bal-space-xx-large-desktop) !important;
12593
+ padding-right: var(--bal-space-xx-large-desktop) !important;
12594
+ }
11685
12595
  .px-xxx-large {
11686
12596
  padding-left: var(--bal-space-xxx-large-desktop) !important;
11687
12597
  padding-right: var(--bal-space-xxx-large-desktop) !important;
11688
12598
  }
12599
+ .desktop:px-xxx-large {
12600
+ padding-left: var(--bal-space-xxx-large-desktop) !important;
12601
+ padding-right: var(--bal-space-xxx-large-desktop) !important;
12602
+ }
11689
12603
  .px-xxxx-large {
11690
12604
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
11691
12605
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
11692
12606
  }
12607
+ .desktop:px-xxxx-large {
12608
+ padding-left: var(--bal-space-xxxx-large-desktop) !important;
12609
+ padding-right: var(--bal-space-xxxx-large-desktop) !important;
12610
+ }
11693
12611
  }
11694
12612
  .py-none {
11695
12613
  padding-top: 0 !important;
@@ -11751,6 +12669,48 @@
11751
12669
  padding-bottom: var(--bal-space-xxxx-large) !important;
11752
12670
  }
11753
12671
 
12672
+ @media screen and (max-width: 768px) {
12673
+ .mobile:py-xx-small {
12674
+ padding-top: var(--bal-space-xx-small-mobile) !important;
12675
+ padding-bottom: var(--bal-space-xx-small-mobile) !important;
12676
+ }
12677
+ .mobile:py-x-small {
12678
+ padding-top: var(--bal-space-x-small-mobile) !important;
12679
+ padding-bottom: var(--bal-space-x-small-mobile) !important;
12680
+ }
12681
+ .mobile:py-small {
12682
+ padding-top: var(--bal-space-small-mobile) !important;
12683
+ padding-bottom: var(--bal-space-small-mobile) !important;
12684
+ }
12685
+ .mobile:py-normal {
12686
+ padding-top: var(--bal-space-normal-mobile) !important;
12687
+ padding-bottom: var(--bal-space-normal-mobile) !important;
12688
+ }
12689
+ .mobile:py-medium {
12690
+ padding-top: var(--bal-space-medium-mobile) !important;
12691
+ padding-bottom: var(--bal-space-medium-mobile) !important;
12692
+ }
12693
+ .mobile:py-large {
12694
+ padding-top: var(--bal-space-large-mobile) !important;
12695
+ padding-bottom: var(--bal-space-large-mobile) !important;
12696
+ }
12697
+ .mobile:py-x-large {
12698
+ padding-top: var(--bal-space-x-large-mobile) !important;
12699
+ padding-bottom: var(--bal-space-x-large-mobile) !important;
12700
+ }
12701
+ .mobile:py-xx-large {
12702
+ padding-top: var(--bal-space-xx-large-mobile) !important;
12703
+ padding-bottom: var(--bal-space-xx-large-mobile) !important;
12704
+ }
12705
+ .mobile:py-xxx-large {
12706
+ padding-top: var(--bal-space-xxx-large-mobile) !important;
12707
+ padding-bottom: var(--bal-space-xxx-large-mobile) !important;
12708
+ }
12709
+ .mobile:py-xxxx-large {
12710
+ padding-top: var(--bal-space-xxxx-large-mobile) !important;
12711
+ padding-bottom: var(--bal-space-xxxx-large-mobile) !important;
12712
+ }
12713
+ }
11754
12714
  @media screen and (min-width: 769px), print {
11755
12715
  .py-none {
11756
12716
  padding-top: 0 !important;
@@ -11764,42 +12724,82 @@
11764
12724
  padding-top: var(--bal-space-xx-small-tablet) !important;
11765
12725
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
11766
12726
  }
12727
+ .tablet:py-xx-small {
12728
+ padding-top: var(--bal-space-xx-small-tablet) !important;
12729
+ padding-bottom: var(--bal-space-xx-small-tablet) !important;
12730
+ }
11767
12731
  .py-x-small {
11768
12732
  padding-top: var(--bal-space-x-small-tablet) !important;
11769
12733
  padding-bottom: var(--bal-space-x-small-tablet) !important;
11770
12734
  }
12735
+ .tablet:py-x-small {
12736
+ padding-top: var(--bal-space-x-small-tablet) !important;
12737
+ padding-bottom: var(--bal-space-x-small-tablet) !important;
12738
+ }
11771
12739
  .py-small {
11772
12740
  padding-top: var(--bal-space-small-tablet) !important;
11773
12741
  padding-bottom: var(--bal-space-small-tablet) !important;
11774
12742
  }
12743
+ .tablet:py-small {
12744
+ padding-top: var(--bal-space-small-tablet) !important;
12745
+ padding-bottom: var(--bal-space-small-tablet) !important;
12746
+ }
11775
12747
  .py-normal {
11776
12748
  padding-top: var(--bal-space-normal-tablet) !important;
11777
12749
  padding-bottom: var(--bal-space-normal-tablet) !important;
11778
12750
  }
12751
+ .tablet:py-normal {
12752
+ padding-top: var(--bal-space-normal-tablet) !important;
12753
+ padding-bottom: var(--bal-space-normal-tablet) !important;
12754
+ }
11779
12755
  .py-medium {
11780
12756
  padding-top: var(--bal-space-medium-tablet) !important;
11781
12757
  padding-bottom: var(--bal-space-medium-tablet) !important;
11782
12758
  }
12759
+ .tablet:py-medium {
12760
+ padding-top: var(--bal-space-medium-tablet) !important;
12761
+ padding-bottom: var(--bal-space-medium-tablet) !important;
12762
+ }
11783
12763
  .py-large {
11784
12764
  padding-top: var(--bal-space-large-tablet) !important;
11785
12765
  padding-bottom: var(--bal-space-large-tablet) !important;
11786
12766
  }
12767
+ .tablet:py-large {
12768
+ padding-top: var(--bal-space-large-tablet) !important;
12769
+ padding-bottom: var(--bal-space-large-tablet) !important;
12770
+ }
11787
12771
  .py-x-large {
11788
12772
  padding-top: var(--bal-space-x-large-tablet) !important;
11789
12773
  padding-bottom: var(--bal-space-x-large-tablet) !important;
11790
12774
  }
12775
+ .tablet:py-x-large {
12776
+ padding-top: var(--bal-space-x-large-tablet) !important;
12777
+ padding-bottom: var(--bal-space-x-large-tablet) !important;
12778
+ }
11791
12779
  .py-xx-large {
11792
12780
  padding-top: var(--bal-space-xx-large-tablet) !important;
11793
12781
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
11794
12782
  }
12783
+ .tablet:py-xx-large {
12784
+ padding-top: var(--bal-space-xx-large-tablet) !important;
12785
+ padding-bottom: var(--bal-space-xx-large-tablet) !important;
12786
+ }
11795
12787
  .py-xxx-large {
11796
12788
  padding-top: var(--bal-space-xxx-large-tablet) !important;
11797
12789
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
11798
12790
  }
12791
+ .tablet:py-xxx-large {
12792
+ padding-top: var(--bal-space-xxx-large-tablet) !important;
12793
+ padding-bottom: var(--bal-space-xxx-large-tablet) !important;
12794
+ }
11799
12795
  .py-xxxx-large {
11800
12796
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
11801
12797
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
11802
12798
  }
12799
+ .tablet:py-xxxx-large {
12800
+ padding-top: var(--bal-space-xxxx-large-tablet) !important;
12801
+ padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
12802
+ }
11803
12803
  }
11804
12804
  @media screen and (min-width: 1024px) {
11805
12805
  .py-none {
@@ -11814,42 +12814,82 @@
11814
12814
  padding-top: var(--bal-space-xx-small-desktop) !important;
11815
12815
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
11816
12816
  }
12817
+ .desktop:py-xx-small {
12818
+ padding-top: var(--bal-space-xx-small-desktop) !important;
12819
+ padding-bottom: var(--bal-space-xx-small-desktop) !important;
12820
+ }
11817
12821
  .py-x-small {
11818
12822
  padding-top: var(--bal-space-x-small-desktop) !important;
11819
12823
  padding-bottom: var(--bal-space-x-small-desktop) !important;
11820
12824
  }
12825
+ .desktop:py-x-small {
12826
+ padding-top: var(--bal-space-x-small-desktop) !important;
12827
+ padding-bottom: var(--bal-space-x-small-desktop) !important;
12828
+ }
11821
12829
  .py-small {
11822
12830
  padding-top: var(--bal-space-small-desktop) !important;
11823
12831
  padding-bottom: var(--bal-space-small-desktop) !important;
11824
12832
  }
12833
+ .desktop:py-small {
12834
+ padding-top: var(--bal-space-small-desktop) !important;
12835
+ padding-bottom: var(--bal-space-small-desktop) !important;
12836
+ }
11825
12837
  .py-normal {
11826
12838
  padding-top: var(--bal-space-normal-desktop) !important;
11827
12839
  padding-bottom: var(--bal-space-normal-desktop) !important;
11828
12840
  }
12841
+ .desktop:py-normal {
12842
+ padding-top: var(--bal-space-normal-desktop) !important;
12843
+ padding-bottom: var(--bal-space-normal-desktop) !important;
12844
+ }
11829
12845
  .py-medium {
11830
12846
  padding-top: var(--bal-space-medium-desktop) !important;
11831
12847
  padding-bottom: var(--bal-space-medium-desktop) !important;
11832
12848
  }
12849
+ .desktop:py-medium {
12850
+ padding-top: var(--bal-space-medium-desktop) !important;
12851
+ padding-bottom: var(--bal-space-medium-desktop) !important;
12852
+ }
11833
12853
  .py-large {
11834
12854
  padding-top: var(--bal-space-large-desktop) !important;
11835
12855
  padding-bottom: var(--bal-space-large-desktop) !important;
11836
12856
  }
12857
+ .desktop:py-large {
12858
+ padding-top: var(--bal-space-large-desktop) !important;
12859
+ padding-bottom: var(--bal-space-large-desktop) !important;
12860
+ }
11837
12861
  .py-x-large {
11838
12862
  padding-top: var(--bal-space-x-large-desktop) !important;
11839
12863
  padding-bottom: var(--bal-space-x-large-desktop) !important;
11840
12864
  }
12865
+ .desktop:py-x-large {
12866
+ padding-top: var(--bal-space-x-large-desktop) !important;
12867
+ padding-bottom: var(--bal-space-x-large-desktop) !important;
12868
+ }
11841
12869
  .py-xx-large {
11842
12870
  padding-top: var(--bal-space-xx-large-desktop) !important;
11843
12871
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
11844
12872
  }
12873
+ .desktop:py-xx-large {
12874
+ padding-top: var(--bal-space-xx-large-desktop) !important;
12875
+ padding-bottom: var(--bal-space-xx-large-desktop) !important;
12876
+ }
11845
12877
  .py-xxx-large {
11846
12878
  padding-top: var(--bal-space-xxx-large-desktop) !important;
11847
12879
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
11848
12880
  }
12881
+ .desktop:py-xxx-large {
12882
+ padding-top: var(--bal-space-xxx-large-desktop) !important;
12883
+ padding-bottom: var(--bal-space-xxx-large-desktop) !important;
12884
+ }
11849
12885
  .py-xxxx-large {
11850
12886
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
11851
12887
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
11852
12888
  }
12889
+ .desktop:py-xxxx-large {
12890
+ padding-top: var(--bal-space-xxxx-large-desktop) !important;
12891
+ padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
12892
+ }
11853
12893
  }
11854
12894
  .pt-none {
11855
12895
  padding-top: 0 !important;
@@ -11899,6 +12939,38 @@
11899
12939
  padding-top: var(--bal-space-xxxx-large) !important;
11900
12940
  }
11901
12941
 
12942
+ @media screen and (max-width: 768px) {
12943
+ .mobile:pt-xx-small {
12944
+ padding-top: var(--bal-space-xx-small-mobile) !important;
12945
+ }
12946
+ .mobile:pt-x-small {
12947
+ padding-top: var(--bal-space-x-small-mobile) !important;
12948
+ }
12949
+ .mobile:pt-small {
12950
+ padding-top: var(--bal-space-small-mobile) !important;
12951
+ }
12952
+ .mobile:pt-normal {
12953
+ padding-top: var(--bal-space-normal-mobile) !important;
12954
+ }
12955
+ .mobile:pt-medium {
12956
+ padding-top: var(--bal-space-medium-mobile) !important;
12957
+ }
12958
+ .mobile:pt-large {
12959
+ padding-top: var(--bal-space-large-mobile) !important;
12960
+ }
12961
+ .mobile:pt-x-large {
12962
+ padding-top: var(--bal-space-x-large-mobile) !important;
12963
+ }
12964
+ .mobile:pt-xx-large {
12965
+ padding-top: var(--bal-space-xx-large-mobile) !important;
12966
+ }
12967
+ .mobile:pt-xxx-large {
12968
+ padding-top: var(--bal-space-xxx-large-mobile) !important;
12969
+ }
12970
+ .mobile:pt-xxxx-large {
12971
+ padding-top: var(--bal-space-xxxx-large-mobile) !important;
12972
+ }
12973
+ }
11902
12974
  @media screen and (min-width: 769px), print {
11903
12975
  .pt-none {
11904
12976
  padding-top: 0 !important;
@@ -11909,33 +12981,63 @@
11909
12981
  .pt-xx-small {
11910
12982
  padding-top: var(--bal-space-xx-small-tablet) !important;
11911
12983
  }
12984
+ .tablet:pt-xx-small {
12985
+ padding-top: var(--bal-space-xx-small-tablet) !important;
12986
+ }
11912
12987
  .pt-x-small {
11913
12988
  padding-top: var(--bal-space-x-small-tablet) !important;
11914
12989
  }
12990
+ .tablet:pt-x-small {
12991
+ padding-top: var(--bal-space-x-small-tablet) !important;
12992
+ }
11915
12993
  .pt-small {
11916
12994
  padding-top: var(--bal-space-small-tablet) !important;
11917
12995
  }
12996
+ .tablet:pt-small {
12997
+ padding-top: var(--bal-space-small-tablet) !important;
12998
+ }
11918
12999
  .pt-normal {
11919
13000
  padding-top: var(--bal-space-normal-tablet) !important;
11920
13001
  }
13002
+ .tablet:pt-normal {
13003
+ padding-top: var(--bal-space-normal-tablet) !important;
13004
+ }
11921
13005
  .pt-medium {
11922
13006
  padding-top: var(--bal-space-medium-tablet) !important;
11923
13007
  }
13008
+ .tablet:pt-medium {
13009
+ padding-top: var(--bal-space-medium-tablet) !important;
13010
+ }
11924
13011
  .pt-large {
11925
13012
  padding-top: var(--bal-space-large-tablet) !important;
11926
13013
  }
13014
+ .tablet:pt-large {
13015
+ padding-top: var(--bal-space-large-tablet) !important;
13016
+ }
11927
13017
  .pt-x-large {
11928
13018
  padding-top: var(--bal-space-x-large-tablet) !important;
11929
13019
  }
13020
+ .tablet:pt-x-large {
13021
+ padding-top: var(--bal-space-x-large-tablet) !important;
13022
+ }
11930
13023
  .pt-xx-large {
11931
13024
  padding-top: var(--bal-space-xx-large-tablet) !important;
11932
13025
  }
13026
+ .tablet:pt-xx-large {
13027
+ padding-top: var(--bal-space-xx-large-tablet) !important;
13028
+ }
11933
13029
  .pt-xxx-large {
11934
13030
  padding-top: var(--bal-space-xxx-large-tablet) !important;
11935
13031
  }
13032
+ .tablet:pt-xxx-large {
13033
+ padding-top: var(--bal-space-xxx-large-tablet) !important;
13034
+ }
11936
13035
  .pt-xxxx-large {
11937
13036
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
11938
13037
  }
13038
+ .tablet:pt-xxxx-large {
13039
+ padding-top: var(--bal-space-xxxx-large-tablet) !important;
13040
+ }
11939
13041
  }
11940
13042
  @media screen and (min-width: 1024px) {
11941
13043
  .pt-none {
@@ -11947,33 +13049,63 @@
11947
13049
  .pt-xx-small {
11948
13050
  padding-top: var(--bal-space-xx-small-desktop) !important;
11949
13051
  }
13052
+ .desktop:pt-xx-small {
13053
+ padding-top: var(--bal-space-xx-small-desktop) !important;
13054
+ }
11950
13055
  .pt-x-small {
11951
13056
  padding-top: var(--bal-space-x-small-desktop) !important;
11952
13057
  }
13058
+ .desktop:pt-x-small {
13059
+ padding-top: var(--bal-space-x-small-desktop) !important;
13060
+ }
11953
13061
  .pt-small {
11954
13062
  padding-top: var(--bal-space-small-desktop) !important;
11955
13063
  }
13064
+ .desktop:pt-small {
13065
+ padding-top: var(--bal-space-small-desktop) !important;
13066
+ }
11956
13067
  .pt-normal {
11957
13068
  padding-top: var(--bal-space-normal-desktop) !important;
11958
13069
  }
13070
+ .desktop:pt-normal {
13071
+ padding-top: var(--bal-space-normal-desktop) !important;
13072
+ }
11959
13073
  .pt-medium {
11960
13074
  padding-top: var(--bal-space-medium-desktop) !important;
11961
13075
  }
13076
+ .desktop:pt-medium {
13077
+ padding-top: var(--bal-space-medium-desktop) !important;
13078
+ }
11962
13079
  .pt-large {
11963
13080
  padding-top: var(--bal-space-large-desktop) !important;
11964
13081
  }
13082
+ .desktop:pt-large {
13083
+ padding-top: var(--bal-space-large-desktop) !important;
13084
+ }
11965
13085
  .pt-x-large {
11966
13086
  padding-top: var(--bal-space-x-large-desktop) !important;
11967
13087
  }
13088
+ .desktop:pt-x-large {
13089
+ padding-top: var(--bal-space-x-large-desktop) !important;
13090
+ }
11968
13091
  .pt-xx-large {
11969
13092
  padding-top: var(--bal-space-xx-large-desktop) !important;
11970
13093
  }
13094
+ .desktop:pt-xx-large {
13095
+ padding-top: var(--bal-space-xx-large-desktop) !important;
13096
+ }
11971
13097
  .pt-xxx-large {
11972
13098
  padding-top: var(--bal-space-xxx-large-desktop) !important;
11973
13099
  }
13100
+ .desktop:pt-xxx-large {
13101
+ padding-top: var(--bal-space-xxx-large-desktop) !important;
13102
+ }
11974
13103
  .pt-xxxx-large {
11975
13104
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
11976
13105
  }
13106
+ .desktop:pt-xxxx-large {
13107
+ padding-top: var(--bal-space-xxxx-large-desktop) !important;
13108
+ }
11977
13109
  }
11978
13110
  .pr-none {
11979
13111
  padding-right: 0 !important;
@@ -12023,6 +13155,38 @@
12023
13155
  padding-right: var(--bal-space-xxxx-large) !important;
12024
13156
  }
12025
13157
 
13158
+ @media screen and (max-width: 768px) {
13159
+ .mobile:pr-xx-small {
13160
+ padding-right: var(--bal-space-xx-small-mobile) !important;
13161
+ }
13162
+ .mobile:pr-x-small {
13163
+ padding-right: var(--bal-space-x-small-mobile) !important;
13164
+ }
13165
+ .mobile:pr-small {
13166
+ padding-right: var(--bal-space-small-mobile) !important;
13167
+ }
13168
+ .mobile:pr-normal {
13169
+ padding-right: var(--bal-space-normal-mobile) !important;
13170
+ }
13171
+ .mobile:pr-medium {
13172
+ padding-right: var(--bal-space-medium-mobile) !important;
13173
+ }
13174
+ .mobile:pr-large {
13175
+ padding-right: var(--bal-space-large-mobile) !important;
13176
+ }
13177
+ .mobile:pr-x-large {
13178
+ padding-right: var(--bal-space-x-large-mobile) !important;
13179
+ }
13180
+ .mobile:pr-xx-large {
13181
+ padding-right: var(--bal-space-xx-large-mobile) !important;
13182
+ }
13183
+ .mobile:pr-xxx-large {
13184
+ padding-right: var(--bal-space-xxx-large-mobile) !important;
13185
+ }
13186
+ .mobile:pr-xxxx-large {
13187
+ padding-right: var(--bal-space-xxxx-large-mobile) !important;
13188
+ }
13189
+ }
12026
13190
  @media screen and (min-width: 769px), print {
12027
13191
  .pr-none {
12028
13192
  padding-right: 0 !important;
@@ -12033,33 +13197,63 @@
12033
13197
  .pr-xx-small {
12034
13198
  padding-right: var(--bal-space-xx-small-tablet) !important;
12035
13199
  }
13200
+ .tablet:pr-xx-small {
13201
+ padding-right: var(--bal-space-xx-small-tablet) !important;
13202
+ }
12036
13203
  .pr-x-small {
12037
13204
  padding-right: var(--bal-space-x-small-tablet) !important;
12038
13205
  }
13206
+ .tablet:pr-x-small {
13207
+ padding-right: var(--bal-space-x-small-tablet) !important;
13208
+ }
12039
13209
  .pr-small {
12040
13210
  padding-right: var(--bal-space-small-tablet) !important;
12041
13211
  }
13212
+ .tablet:pr-small {
13213
+ padding-right: var(--bal-space-small-tablet) !important;
13214
+ }
12042
13215
  .pr-normal {
12043
13216
  padding-right: var(--bal-space-normal-tablet) !important;
12044
13217
  }
13218
+ .tablet:pr-normal {
13219
+ padding-right: var(--bal-space-normal-tablet) !important;
13220
+ }
12045
13221
  .pr-medium {
12046
13222
  padding-right: var(--bal-space-medium-tablet) !important;
12047
13223
  }
13224
+ .tablet:pr-medium {
13225
+ padding-right: var(--bal-space-medium-tablet) !important;
13226
+ }
12048
13227
  .pr-large {
12049
13228
  padding-right: var(--bal-space-large-tablet) !important;
12050
13229
  }
13230
+ .tablet:pr-large {
13231
+ padding-right: var(--bal-space-large-tablet) !important;
13232
+ }
12051
13233
  .pr-x-large {
12052
13234
  padding-right: var(--bal-space-x-large-tablet) !important;
12053
13235
  }
13236
+ .tablet:pr-x-large {
13237
+ padding-right: var(--bal-space-x-large-tablet) !important;
13238
+ }
12054
13239
  .pr-xx-large {
12055
13240
  padding-right: var(--bal-space-xx-large-tablet) !important;
12056
13241
  }
13242
+ .tablet:pr-xx-large {
13243
+ padding-right: var(--bal-space-xx-large-tablet) !important;
13244
+ }
12057
13245
  .pr-xxx-large {
12058
13246
  padding-right: var(--bal-space-xxx-large-tablet) !important;
12059
13247
  }
13248
+ .tablet:pr-xxx-large {
13249
+ padding-right: var(--bal-space-xxx-large-tablet) !important;
13250
+ }
12060
13251
  .pr-xxxx-large {
12061
13252
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
12062
13253
  }
13254
+ .tablet:pr-xxxx-large {
13255
+ padding-right: var(--bal-space-xxxx-large-tablet) !important;
13256
+ }
12063
13257
  }
12064
13258
  @media screen and (min-width: 1024px) {
12065
13259
  .pr-none {
@@ -12071,33 +13265,63 @@
12071
13265
  .pr-xx-small {
12072
13266
  padding-right: var(--bal-space-xx-small-desktop) !important;
12073
13267
  }
13268
+ .desktop:pr-xx-small {
13269
+ padding-right: var(--bal-space-xx-small-desktop) !important;
13270
+ }
12074
13271
  .pr-x-small {
12075
13272
  padding-right: var(--bal-space-x-small-desktop) !important;
12076
13273
  }
13274
+ .desktop:pr-x-small {
13275
+ padding-right: var(--bal-space-x-small-desktop) !important;
13276
+ }
12077
13277
  .pr-small {
12078
13278
  padding-right: var(--bal-space-small-desktop) !important;
12079
13279
  }
13280
+ .desktop:pr-small {
13281
+ padding-right: var(--bal-space-small-desktop) !important;
13282
+ }
12080
13283
  .pr-normal {
12081
13284
  padding-right: var(--bal-space-normal-desktop) !important;
12082
13285
  }
13286
+ .desktop:pr-normal {
13287
+ padding-right: var(--bal-space-normal-desktop) !important;
13288
+ }
12083
13289
  .pr-medium {
12084
13290
  padding-right: var(--bal-space-medium-desktop) !important;
12085
13291
  }
13292
+ .desktop:pr-medium {
13293
+ padding-right: var(--bal-space-medium-desktop) !important;
13294
+ }
12086
13295
  .pr-large {
12087
13296
  padding-right: var(--bal-space-large-desktop) !important;
12088
13297
  }
13298
+ .desktop:pr-large {
13299
+ padding-right: var(--bal-space-large-desktop) !important;
13300
+ }
12089
13301
  .pr-x-large {
12090
13302
  padding-right: var(--bal-space-x-large-desktop) !important;
12091
13303
  }
13304
+ .desktop:pr-x-large {
13305
+ padding-right: var(--bal-space-x-large-desktop) !important;
13306
+ }
12092
13307
  .pr-xx-large {
12093
13308
  padding-right: var(--bal-space-xx-large-desktop) !important;
12094
13309
  }
13310
+ .desktop:pr-xx-large {
13311
+ padding-right: var(--bal-space-xx-large-desktop) !important;
13312
+ }
12095
13313
  .pr-xxx-large {
12096
13314
  padding-right: var(--bal-space-xxx-large-desktop) !important;
12097
13315
  }
13316
+ .desktop:pr-xxx-large {
13317
+ padding-right: var(--bal-space-xxx-large-desktop) !important;
13318
+ }
12098
13319
  .pr-xxxx-large {
12099
13320
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
12100
13321
  }
13322
+ .desktop:pr-xxxx-large {
13323
+ padding-right: var(--bal-space-xxxx-large-desktop) !important;
13324
+ }
12101
13325
  }
12102
13326
  .pb-none {
12103
13327
  padding-bottom: 0 !important;
@@ -12147,6 +13371,38 @@
12147
13371
  padding-bottom: var(--bal-space-xxxx-large) !important;
12148
13372
  }
12149
13373
 
13374
+ @media screen and (max-width: 768px) {
13375
+ .mobile:pb-xx-small {
13376
+ padding-bottom: var(--bal-space-xx-small-mobile) !important;
13377
+ }
13378
+ .mobile:pb-x-small {
13379
+ padding-bottom: var(--bal-space-x-small-mobile) !important;
13380
+ }
13381
+ .mobile:pb-small {
13382
+ padding-bottom: var(--bal-space-small-mobile) !important;
13383
+ }
13384
+ .mobile:pb-normal {
13385
+ padding-bottom: var(--bal-space-normal-mobile) !important;
13386
+ }
13387
+ .mobile:pb-medium {
13388
+ padding-bottom: var(--bal-space-medium-mobile) !important;
13389
+ }
13390
+ .mobile:pb-large {
13391
+ padding-bottom: var(--bal-space-large-mobile) !important;
13392
+ }
13393
+ .mobile:pb-x-large {
13394
+ padding-bottom: var(--bal-space-x-large-mobile) !important;
13395
+ }
13396
+ .mobile:pb-xx-large {
13397
+ padding-bottom: var(--bal-space-xx-large-mobile) !important;
13398
+ }
13399
+ .mobile:pb-xxx-large {
13400
+ padding-bottom: var(--bal-space-xxx-large-mobile) !important;
13401
+ }
13402
+ .mobile:pb-xxxx-large {
13403
+ padding-bottom: var(--bal-space-xxxx-large-mobile) !important;
13404
+ }
13405
+ }
12150
13406
  @media screen and (min-width: 769px), print {
12151
13407
  .pb-none {
12152
13408
  padding-bottom: 0 !important;
@@ -12157,33 +13413,63 @@
12157
13413
  .pb-xx-small {
12158
13414
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
12159
13415
  }
13416
+ .tablet:pb-xx-small {
13417
+ padding-bottom: var(--bal-space-xx-small-tablet) !important;
13418
+ }
12160
13419
  .pb-x-small {
12161
13420
  padding-bottom: var(--bal-space-x-small-tablet) !important;
12162
13421
  }
13422
+ .tablet:pb-x-small {
13423
+ padding-bottom: var(--bal-space-x-small-tablet) !important;
13424
+ }
12163
13425
  .pb-small {
12164
13426
  padding-bottom: var(--bal-space-small-tablet) !important;
12165
13427
  }
13428
+ .tablet:pb-small {
13429
+ padding-bottom: var(--bal-space-small-tablet) !important;
13430
+ }
12166
13431
  .pb-normal {
12167
13432
  padding-bottom: var(--bal-space-normal-tablet) !important;
12168
13433
  }
13434
+ .tablet:pb-normal {
13435
+ padding-bottom: var(--bal-space-normal-tablet) !important;
13436
+ }
12169
13437
  .pb-medium {
12170
13438
  padding-bottom: var(--bal-space-medium-tablet) !important;
12171
13439
  }
13440
+ .tablet:pb-medium {
13441
+ padding-bottom: var(--bal-space-medium-tablet) !important;
13442
+ }
12172
13443
  .pb-large {
12173
13444
  padding-bottom: var(--bal-space-large-tablet) !important;
12174
13445
  }
13446
+ .tablet:pb-large {
13447
+ padding-bottom: var(--bal-space-large-tablet) !important;
13448
+ }
12175
13449
  .pb-x-large {
12176
13450
  padding-bottom: var(--bal-space-x-large-tablet) !important;
12177
13451
  }
13452
+ .tablet:pb-x-large {
13453
+ padding-bottom: var(--bal-space-x-large-tablet) !important;
13454
+ }
12178
13455
  .pb-xx-large {
12179
13456
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
12180
13457
  }
13458
+ .tablet:pb-xx-large {
13459
+ padding-bottom: var(--bal-space-xx-large-tablet) !important;
13460
+ }
12181
13461
  .pb-xxx-large {
12182
13462
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
12183
13463
  }
13464
+ .tablet:pb-xxx-large {
13465
+ padding-bottom: var(--bal-space-xxx-large-tablet) !important;
13466
+ }
12184
13467
  .pb-xxxx-large {
12185
13468
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
12186
13469
  }
13470
+ .tablet:pb-xxxx-large {
13471
+ padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
13472
+ }
12187
13473
  }
12188
13474
  @media screen and (min-width: 1024px) {
12189
13475
  .pb-none {
@@ -12195,33 +13481,63 @@
12195
13481
  .pb-xx-small {
12196
13482
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
12197
13483
  }
13484
+ .desktop:pb-xx-small {
13485
+ padding-bottom: var(--bal-space-xx-small-desktop) !important;
13486
+ }
12198
13487
  .pb-x-small {
12199
13488
  padding-bottom: var(--bal-space-x-small-desktop) !important;
12200
13489
  }
13490
+ .desktop:pb-x-small {
13491
+ padding-bottom: var(--bal-space-x-small-desktop) !important;
13492
+ }
12201
13493
  .pb-small {
12202
13494
  padding-bottom: var(--bal-space-small-desktop) !important;
12203
13495
  }
13496
+ .desktop:pb-small {
13497
+ padding-bottom: var(--bal-space-small-desktop) !important;
13498
+ }
12204
13499
  .pb-normal {
12205
13500
  padding-bottom: var(--bal-space-normal-desktop) !important;
12206
13501
  }
13502
+ .desktop:pb-normal {
13503
+ padding-bottom: var(--bal-space-normal-desktop) !important;
13504
+ }
12207
13505
  .pb-medium {
12208
13506
  padding-bottom: var(--bal-space-medium-desktop) !important;
12209
13507
  }
13508
+ .desktop:pb-medium {
13509
+ padding-bottom: var(--bal-space-medium-desktop) !important;
13510
+ }
12210
13511
  .pb-large {
12211
13512
  padding-bottom: var(--bal-space-large-desktop) !important;
12212
13513
  }
13514
+ .desktop:pb-large {
13515
+ padding-bottom: var(--bal-space-large-desktop) !important;
13516
+ }
12213
13517
  .pb-x-large {
12214
13518
  padding-bottom: var(--bal-space-x-large-desktop) !important;
12215
13519
  }
13520
+ .desktop:pb-x-large {
13521
+ padding-bottom: var(--bal-space-x-large-desktop) !important;
13522
+ }
12216
13523
  .pb-xx-large {
12217
13524
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
12218
13525
  }
13526
+ .desktop:pb-xx-large {
13527
+ padding-bottom: var(--bal-space-xx-large-desktop) !important;
13528
+ }
12219
13529
  .pb-xxx-large {
12220
13530
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
12221
13531
  }
13532
+ .desktop:pb-xxx-large {
13533
+ padding-bottom: var(--bal-space-xxx-large-desktop) !important;
13534
+ }
12222
13535
  .pb-xxxx-large {
12223
13536
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
12224
13537
  }
13538
+ .desktop:pb-xxxx-large {
13539
+ padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
13540
+ }
12225
13541
  }
12226
13542
  .pl-none {
12227
13543
  padding-left: 0 !important;
@@ -12271,6 +13587,38 @@
12271
13587
  padding-left: var(--bal-space-xxxx-large) !important;
12272
13588
  }
12273
13589
 
13590
+ @media screen and (max-width: 768px) {
13591
+ .mobile:pl-xx-small {
13592
+ padding-left: var(--bal-space-xx-small-mobile) !important;
13593
+ }
13594
+ .mobile:pl-x-small {
13595
+ padding-left: var(--bal-space-x-small-mobile) !important;
13596
+ }
13597
+ .mobile:pl-small {
13598
+ padding-left: var(--bal-space-small-mobile) !important;
13599
+ }
13600
+ .mobile:pl-normal {
13601
+ padding-left: var(--bal-space-normal-mobile) !important;
13602
+ }
13603
+ .mobile:pl-medium {
13604
+ padding-left: var(--bal-space-medium-mobile) !important;
13605
+ }
13606
+ .mobile:pl-large {
13607
+ padding-left: var(--bal-space-large-mobile) !important;
13608
+ }
13609
+ .mobile:pl-x-large {
13610
+ padding-left: var(--bal-space-x-large-mobile) !important;
13611
+ }
13612
+ .mobile:pl-xx-large {
13613
+ padding-left: var(--bal-space-xx-large-mobile) !important;
13614
+ }
13615
+ .mobile:pl-xxx-large {
13616
+ padding-left: var(--bal-space-xxx-large-mobile) !important;
13617
+ }
13618
+ .mobile:pl-xxxx-large {
13619
+ padding-left: var(--bal-space-xxxx-large-mobile) !important;
13620
+ }
13621
+ }
12274
13622
  @media screen and (min-width: 769px), print {
12275
13623
  .pl-none {
12276
13624
  padding-left: 0 !important;
@@ -12281,33 +13629,63 @@
12281
13629
  .pl-xx-small {
12282
13630
  padding-left: var(--bal-space-xx-small-tablet) !important;
12283
13631
  }
13632
+ .tablet:pl-xx-small {
13633
+ padding-left: var(--bal-space-xx-small-tablet) !important;
13634
+ }
12284
13635
  .pl-x-small {
12285
13636
  padding-left: var(--bal-space-x-small-tablet) !important;
12286
13637
  }
13638
+ .tablet:pl-x-small {
13639
+ padding-left: var(--bal-space-x-small-tablet) !important;
13640
+ }
12287
13641
  .pl-small {
12288
13642
  padding-left: var(--bal-space-small-tablet) !important;
12289
13643
  }
13644
+ .tablet:pl-small {
13645
+ padding-left: var(--bal-space-small-tablet) !important;
13646
+ }
12290
13647
  .pl-normal {
12291
13648
  padding-left: var(--bal-space-normal-tablet) !important;
12292
13649
  }
13650
+ .tablet:pl-normal {
13651
+ padding-left: var(--bal-space-normal-tablet) !important;
13652
+ }
12293
13653
  .pl-medium {
12294
13654
  padding-left: var(--bal-space-medium-tablet) !important;
12295
13655
  }
13656
+ .tablet:pl-medium {
13657
+ padding-left: var(--bal-space-medium-tablet) !important;
13658
+ }
12296
13659
  .pl-large {
12297
13660
  padding-left: var(--bal-space-large-tablet) !important;
12298
13661
  }
13662
+ .tablet:pl-large {
13663
+ padding-left: var(--bal-space-large-tablet) !important;
13664
+ }
12299
13665
  .pl-x-large {
12300
13666
  padding-left: var(--bal-space-x-large-tablet) !important;
12301
13667
  }
13668
+ .tablet:pl-x-large {
13669
+ padding-left: var(--bal-space-x-large-tablet) !important;
13670
+ }
12302
13671
  .pl-xx-large {
12303
13672
  padding-left: var(--bal-space-xx-large-tablet) !important;
12304
13673
  }
13674
+ .tablet:pl-xx-large {
13675
+ padding-left: var(--bal-space-xx-large-tablet) !important;
13676
+ }
12305
13677
  .pl-xxx-large {
12306
13678
  padding-left: var(--bal-space-xxx-large-tablet) !important;
12307
13679
  }
13680
+ .tablet:pl-xxx-large {
13681
+ padding-left: var(--bal-space-xxx-large-tablet) !important;
13682
+ }
12308
13683
  .pl-xxxx-large {
12309
13684
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
12310
13685
  }
13686
+ .tablet:pl-xxxx-large {
13687
+ padding-left: var(--bal-space-xxxx-large-tablet) !important;
13688
+ }
12311
13689
  }
12312
13690
  @media screen and (min-width: 1024px) {
12313
13691
  .pl-none {
@@ -12319,33 +13697,63 @@
12319
13697
  .pl-xx-small {
12320
13698
  padding-left: var(--bal-space-xx-small-desktop) !important;
12321
13699
  }
13700
+ .desktop:pl-xx-small {
13701
+ padding-left: var(--bal-space-xx-small-desktop) !important;
13702
+ }
12322
13703
  .pl-x-small {
12323
13704
  padding-left: var(--bal-space-x-small-desktop) !important;
12324
13705
  }
13706
+ .desktop:pl-x-small {
13707
+ padding-left: var(--bal-space-x-small-desktop) !important;
13708
+ }
12325
13709
  .pl-small {
12326
13710
  padding-left: var(--bal-space-small-desktop) !important;
12327
13711
  }
13712
+ .desktop:pl-small {
13713
+ padding-left: var(--bal-space-small-desktop) !important;
13714
+ }
12328
13715
  .pl-normal {
12329
13716
  padding-left: var(--bal-space-normal-desktop) !important;
12330
13717
  }
13718
+ .desktop:pl-normal {
13719
+ padding-left: var(--bal-space-normal-desktop) !important;
13720
+ }
12331
13721
  .pl-medium {
12332
13722
  padding-left: var(--bal-space-medium-desktop) !important;
12333
13723
  }
13724
+ .desktop:pl-medium {
13725
+ padding-left: var(--bal-space-medium-desktop) !important;
13726
+ }
12334
13727
  .pl-large {
12335
13728
  padding-left: var(--bal-space-large-desktop) !important;
12336
13729
  }
13730
+ .desktop:pl-large {
13731
+ padding-left: var(--bal-space-large-desktop) !important;
13732
+ }
12337
13733
  .pl-x-large {
12338
13734
  padding-left: var(--bal-space-x-large-desktop) !important;
12339
13735
  }
13736
+ .desktop:pl-x-large {
13737
+ padding-left: var(--bal-space-x-large-desktop) !important;
13738
+ }
12340
13739
  .pl-xx-large {
12341
13740
  padding-left: var(--bal-space-xx-large-desktop) !important;
12342
13741
  }
13742
+ .desktop:pl-xx-large {
13743
+ padding-left: var(--bal-space-xx-large-desktop) !important;
13744
+ }
12343
13745
  .pl-xxx-large {
12344
13746
  padding-left: var(--bal-space-xxx-large-desktop) !important;
12345
13747
  }
13748
+ .desktop:pl-xxx-large {
13749
+ padding-left: var(--bal-space-xxx-large-desktop) !important;
13750
+ }
12346
13751
  .pl-xxxx-large {
12347
13752
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
12348
13753
  }
13754
+ .desktop:pl-xxxx-large {
13755
+ padding-left: var(--bal-space-xxxx-large-desktop) !important;
13756
+ }
12349
13757
  }
12350
13758
  .text-primary {
12351
13759
  color: var(--bal-color-text-primary) !important;