@baloise/ds-styles 17.4.0 → 17.4.1

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.
@@ -10814,35 +10814,35 @@
10814
10814
  }
10815
10815
 
10816
10816
  @media screen and (max-width: 768px) {
10817
- .mobile:m-xx-small {
10818
- margin: var(--bal-space-xx-small-mobile) !important;
10817
+ .mobile\:m-xx-small {
10818
+ margin: var(--bal-space-xx-small) !important;
10819
10819
  }
10820
- .mobile:m-x-small {
10821
- margin: var(--bal-space-x-small-mobile) !important;
10820
+ .mobile\:m-x-small {
10821
+ margin: var(--bal-space-x-small) !important;
10822
10822
  }
10823
- .mobile:m-small {
10824
- margin: var(--bal-space-small-mobile) !important;
10823
+ .mobile\:m-small {
10824
+ margin: var(--bal-space-small) !important;
10825
10825
  }
10826
- .mobile:m-normal {
10827
- margin: var(--bal-space-normal-mobile) !important;
10826
+ .mobile\:m-normal {
10827
+ margin: var(--bal-space-normal) !important;
10828
10828
  }
10829
- .mobile:m-medium {
10830
- margin: var(--bal-space-medium-mobile) !important;
10829
+ .mobile\:m-medium {
10830
+ margin: var(--bal-space-medium) !important;
10831
10831
  }
10832
- .mobile:m-large {
10833
- margin: var(--bal-space-large-mobile) !important;
10832
+ .mobile\:m-large {
10833
+ margin: var(--bal-space-large) !important;
10834
10834
  }
10835
- .mobile:m-x-large {
10836
- margin: var(--bal-space-x-large-mobile) !important;
10835
+ .mobile\:m-x-large {
10836
+ margin: var(--bal-space-x-large) !important;
10837
10837
  }
10838
- .mobile:m-xx-large {
10839
- margin: var(--bal-space-xx-large-mobile) !important;
10838
+ .mobile\:m-xx-large {
10839
+ margin: var(--bal-space-xx-large) !important;
10840
10840
  }
10841
- .mobile:m-xxx-large {
10842
- margin: var(--bal-space-xxx-large-mobile) !important;
10841
+ .mobile\:m-xxx-large {
10842
+ margin: var(--bal-space-xxx-large) !important;
10843
10843
  }
10844
- .mobile:m-xxxx-large {
10845
- margin: var(--bal-space-xxxx-large-mobile) !important;
10844
+ .mobile\:m-xxxx-large {
10845
+ margin: var(--bal-space-xxxx-large) !important;
10846
10846
  }
10847
10847
  }
10848
10848
  @media screen and (min-width: 769px), print {
@@ -10855,61 +10855,61 @@
10855
10855
  .m-xx-small {
10856
10856
  margin: var(--bal-space-xx-small-tablet) !important;
10857
10857
  }
10858
- .tablet:m-xx-small {
10858
+ .tablet\:m-xx-small {
10859
10859
  margin: var(--bal-space-xx-small-tablet) !important;
10860
10860
  }
10861
10861
  .m-x-small {
10862
10862
  margin: var(--bal-space-x-small-tablet) !important;
10863
10863
  }
10864
- .tablet:m-x-small {
10864
+ .tablet\:m-x-small {
10865
10865
  margin: var(--bal-space-x-small-tablet) !important;
10866
10866
  }
10867
10867
  .m-small {
10868
10868
  margin: var(--bal-space-small-tablet) !important;
10869
10869
  }
10870
- .tablet:m-small {
10870
+ .tablet\:m-small {
10871
10871
  margin: var(--bal-space-small-tablet) !important;
10872
10872
  }
10873
10873
  .m-normal {
10874
10874
  margin: var(--bal-space-normal-tablet) !important;
10875
10875
  }
10876
- .tablet:m-normal {
10876
+ .tablet\:m-normal {
10877
10877
  margin: var(--bal-space-normal-tablet) !important;
10878
10878
  }
10879
10879
  .m-medium {
10880
10880
  margin: var(--bal-space-medium-tablet) !important;
10881
10881
  }
10882
- .tablet:m-medium {
10882
+ .tablet\:m-medium {
10883
10883
  margin: var(--bal-space-medium-tablet) !important;
10884
10884
  }
10885
10885
  .m-large {
10886
10886
  margin: var(--bal-space-large-tablet) !important;
10887
10887
  }
10888
- .tablet:m-large {
10888
+ .tablet\:m-large {
10889
10889
  margin: var(--bal-space-large-tablet) !important;
10890
10890
  }
10891
10891
  .m-x-large {
10892
10892
  margin: var(--bal-space-x-large-tablet) !important;
10893
10893
  }
10894
- .tablet:m-x-large {
10894
+ .tablet\:m-x-large {
10895
10895
  margin: var(--bal-space-x-large-tablet) !important;
10896
10896
  }
10897
10897
  .m-xx-large {
10898
10898
  margin: var(--bal-space-xx-large-tablet) !important;
10899
10899
  }
10900
- .tablet:m-xx-large {
10900
+ .tablet\:m-xx-large {
10901
10901
  margin: var(--bal-space-xx-large-tablet) !important;
10902
10902
  }
10903
10903
  .m-xxx-large {
10904
10904
  margin: var(--bal-space-xxx-large-tablet) !important;
10905
10905
  }
10906
- .tablet:m-xxx-large {
10906
+ .tablet\:m-xxx-large {
10907
10907
  margin: var(--bal-space-xxx-large-tablet) !important;
10908
10908
  }
10909
10909
  .m-xxxx-large {
10910
10910
  margin: var(--bal-space-xxxx-large-tablet) !important;
10911
10911
  }
10912
- .tablet:m-xxxx-large {
10912
+ .tablet\:m-xxxx-large {
10913
10913
  margin: var(--bal-space-xxxx-large-tablet) !important;
10914
10914
  }
10915
10915
  }
@@ -10923,61 +10923,61 @@
10923
10923
  .m-xx-small {
10924
10924
  margin: var(--bal-space-xx-small-desktop) !important;
10925
10925
  }
10926
- .desktop:m-xx-small {
10926
+ .desktop\:m-xx-small {
10927
10927
  margin: var(--bal-space-xx-small-desktop) !important;
10928
10928
  }
10929
10929
  .m-x-small {
10930
10930
  margin: var(--bal-space-x-small-desktop) !important;
10931
10931
  }
10932
- .desktop:m-x-small {
10932
+ .desktop\:m-x-small {
10933
10933
  margin: var(--bal-space-x-small-desktop) !important;
10934
10934
  }
10935
10935
  .m-small {
10936
10936
  margin: var(--bal-space-small-desktop) !important;
10937
10937
  }
10938
- .desktop:m-small {
10938
+ .desktop\:m-small {
10939
10939
  margin: var(--bal-space-small-desktop) !important;
10940
10940
  }
10941
10941
  .m-normal {
10942
10942
  margin: var(--bal-space-normal-desktop) !important;
10943
10943
  }
10944
- .desktop:m-normal {
10944
+ .desktop\:m-normal {
10945
10945
  margin: var(--bal-space-normal-desktop) !important;
10946
10946
  }
10947
10947
  .m-medium {
10948
10948
  margin: var(--bal-space-medium-desktop) !important;
10949
10949
  }
10950
- .desktop:m-medium {
10950
+ .desktop\:m-medium {
10951
10951
  margin: var(--bal-space-medium-desktop) !important;
10952
10952
  }
10953
10953
  .m-large {
10954
10954
  margin: var(--bal-space-large-desktop) !important;
10955
10955
  }
10956
- .desktop:m-large {
10956
+ .desktop\:m-large {
10957
10957
  margin: var(--bal-space-large-desktop) !important;
10958
10958
  }
10959
10959
  .m-x-large {
10960
10960
  margin: var(--bal-space-x-large-desktop) !important;
10961
10961
  }
10962
- .desktop:m-x-large {
10962
+ .desktop\:m-x-large {
10963
10963
  margin: var(--bal-space-x-large-desktop) !important;
10964
10964
  }
10965
10965
  .m-xx-large {
10966
10966
  margin: var(--bal-space-xx-large-desktop) !important;
10967
10967
  }
10968
- .desktop:m-xx-large {
10968
+ .desktop\:m-xx-large {
10969
10969
  margin: var(--bal-space-xx-large-desktop) !important;
10970
10970
  }
10971
10971
  .m-xxx-large {
10972
10972
  margin: var(--bal-space-xxx-large-desktop) !important;
10973
10973
  }
10974
- .desktop:m-xxx-large {
10974
+ .desktop\:m-xxx-large {
10975
10975
  margin: var(--bal-space-xxx-large-desktop) !important;
10976
10976
  }
10977
10977
  .m-xxxx-large {
10978
10978
  margin: var(--bal-space-xxxx-large-desktop) !important;
10979
10979
  }
10980
- .desktop:m-xxxx-large {
10980
+ .desktop\:m-xxxx-large {
10981
10981
  margin: var(--bal-space-xxxx-large-desktop) !important;
10982
10982
  }
10983
10983
  }
@@ -11042,45 +11042,45 @@
11042
11042
  }
11043
11043
 
11044
11044
  @media screen and (max-width: 768px) {
11045
- .mobile:mx-xx-small {
11046
- margin-left: var(--bal-space-xx-small-mobile) !important;
11047
- margin-right: var(--bal-space-xx-small-mobile) !important;
11045
+ .mobile\:mx-xx-small {
11046
+ margin-left: var(--bal-space-xx-small) !important;
11047
+ margin-right: var(--bal-space-xx-small) !important;
11048
11048
  }
11049
- .mobile:mx-x-small {
11050
- margin-left: var(--bal-space-x-small-mobile) !important;
11051
- margin-right: var(--bal-space-x-small-mobile) !important;
11049
+ .mobile\:mx-x-small {
11050
+ margin-left: var(--bal-space-x-small) !important;
11051
+ margin-right: var(--bal-space-x-small) !important;
11052
11052
  }
11053
- .mobile:mx-small {
11054
- margin-left: var(--bal-space-small-mobile) !important;
11055
- margin-right: var(--bal-space-small-mobile) !important;
11053
+ .mobile\:mx-small {
11054
+ margin-left: var(--bal-space-small) !important;
11055
+ margin-right: var(--bal-space-small) !important;
11056
11056
  }
11057
- .mobile:mx-normal {
11058
- margin-left: var(--bal-space-normal-mobile) !important;
11059
- margin-right: var(--bal-space-normal-mobile) !important;
11057
+ .mobile\:mx-normal {
11058
+ margin-left: var(--bal-space-normal) !important;
11059
+ margin-right: var(--bal-space-normal) !important;
11060
11060
  }
11061
- .mobile:mx-medium {
11062
- margin-left: var(--bal-space-medium-mobile) !important;
11063
- margin-right: var(--bal-space-medium-mobile) !important;
11061
+ .mobile\:mx-medium {
11062
+ margin-left: var(--bal-space-medium) !important;
11063
+ margin-right: var(--bal-space-medium) !important;
11064
11064
  }
11065
- .mobile:mx-large {
11066
- margin-left: var(--bal-space-large-mobile) !important;
11067
- margin-right: var(--bal-space-large-mobile) !important;
11065
+ .mobile\:mx-large {
11066
+ margin-left: var(--bal-space-large) !important;
11067
+ margin-right: var(--bal-space-large) !important;
11068
11068
  }
11069
- .mobile:mx-x-large {
11070
- margin-left: var(--bal-space-x-large-mobile) !important;
11071
- margin-right: var(--bal-space-x-large-mobile) !important;
11069
+ .mobile\:mx-x-large {
11070
+ margin-left: var(--bal-space-x-large) !important;
11071
+ margin-right: var(--bal-space-x-large) !important;
11072
11072
  }
11073
- .mobile:mx-xx-large {
11074
- margin-left: var(--bal-space-xx-large-mobile) !important;
11075
- margin-right: var(--bal-space-xx-large-mobile) !important;
11073
+ .mobile\:mx-xx-large {
11074
+ margin-left: var(--bal-space-xx-large) !important;
11075
+ margin-right: var(--bal-space-xx-large) !important;
11076
11076
  }
11077
- .mobile:mx-xxx-large {
11078
- margin-left: var(--bal-space-xxx-large-mobile) !important;
11079
- margin-right: var(--bal-space-xxx-large-mobile) !important;
11077
+ .mobile\:mx-xxx-large {
11078
+ margin-left: var(--bal-space-xxx-large) !important;
11079
+ margin-right: var(--bal-space-xxx-large) !important;
11080
11080
  }
11081
- .mobile:mx-xxxx-large {
11082
- margin-left: var(--bal-space-xxxx-large-mobile) !important;
11083
- margin-right: var(--bal-space-xxxx-large-mobile) !important;
11081
+ .mobile\:mx-xxxx-large {
11082
+ margin-left: var(--bal-space-xxxx-large) !important;
11083
+ margin-right: var(--bal-space-xxxx-large) !important;
11084
11084
  }
11085
11085
  }
11086
11086
  @media screen and (min-width: 769px), print {
@@ -11096,7 +11096,7 @@
11096
11096
  margin-left: var(--bal-space-xx-small-tablet) !important;
11097
11097
  margin-right: var(--bal-space-xx-small-tablet) !important;
11098
11098
  }
11099
- .tablet:mx-xx-small {
11099
+ .tablet\:mx-xx-small {
11100
11100
  margin-left: var(--bal-space-xx-small-tablet) !important;
11101
11101
  margin-right: var(--bal-space-xx-small-tablet) !important;
11102
11102
  }
@@ -11104,7 +11104,7 @@
11104
11104
  margin-left: var(--bal-space-x-small-tablet) !important;
11105
11105
  margin-right: var(--bal-space-x-small-tablet) !important;
11106
11106
  }
11107
- .tablet:mx-x-small {
11107
+ .tablet\:mx-x-small {
11108
11108
  margin-left: var(--bal-space-x-small-tablet) !important;
11109
11109
  margin-right: var(--bal-space-x-small-tablet) !important;
11110
11110
  }
@@ -11112,7 +11112,7 @@
11112
11112
  margin-left: var(--bal-space-small-tablet) !important;
11113
11113
  margin-right: var(--bal-space-small-tablet) !important;
11114
11114
  }
11115
- .tablet:mx-small {
11115
+ .tablet\:mx-small {
11116
11116
  margin-left: var(--bal-space-small-tablet) !important;
11117
11117
  margin-right: var(--bal-space-small-tablet) !important;
11118
11118
  }
@@ -11120,7 +11120,7 @@
11120
11120
  margin-left: var(--bal-space-normal-tablet) !important;
11121
11121
  margin-right: var(--bal-space-normal-tablet) !important;
11122
11122
  }
11123
- .tablet:mx-normal {
11123
+ .tablet\:mx-normal {
11124
11124
  margin-left: var(--bal-space-normal-tablet) !important;
11125
11125
  margin-right: var(--bal-space-normal-tablet) !important;
11126
11126
  }
@@ -11128,7 +11128,7 @@
11128
11128
  margin-left: var(--bal-space-medium-tablet) !important;
11129
11129
  margin-right: var(--bal-space-medium-tablet) !important;
11130
11130
  }
11131
- .tablet:mx-medium {
11131
+ .tablet\:mx-medium {
11132
11132
  margin-left: var(--bal-space-medium-tablet) !important;
11133
11133
  margin-right: var(--bal-space-medium-tablet) !important;
11134
11134
  }
@@ -11136,7 +11136,7 @@
11136
11136
  margin-left: var(--bal-space-large-tablet) !important;
11137
11137
  margin-right: var(--bal-space-large-tablet) !important;
11138
11138
  }
11139
- .tablet:mx-large {
11139
+ .tablet\:mx-large {
11140
11140
  margin-left: var(--bal-space-large-tablet) !important;
11141
11141
  margin-right: var(--bal-space-large-tablet) !important;
11142
11142
  }
@@ -11144,7 +11144,7 @@
11144
11144
  margin-left: var(--bal-space-x-large-tablet) !important;
11145
11145
  margin-right: var(--bal-space-x-large-tablet) !important;
11146
11146
  }
11147
- .tablet:mx-x-large {
11147
+ .tablet\:mx-x-large {
11148
11148
  margin-left: var(--bal-space-x-large-tablet) !important;
11149
11149
  margin-right: var(--bal-space-x-large-tablet) !important;
11150
11150
  }
@@ -11152,7 +11152,7 @@
11152
11152
  margin-left: var(--bal-space-xx-large-tablet) !important;
11153
11153
  margin-right: var(--bal-space-xx-large-tablet) !important;
11154
11154
  }
11155
- .tablet:mx-xx-large {
11155
+ .tablet\:mx-xx-large {
11156
11156
  margin-left: var(--bal-space-xx-large-tablet) !important;
11157
11157
  margin-right: var(--bal-space-xx-large-tablet) !important;
11158
11158
  }
@@ -11160,7 +11160,7 @@
11160
11160
  margin-left: var(--bal-space-xxx-large-tablet) !important;
11161
11161
  margin-right: var(--bal-space-xxx-large-tablet) !important;
11162
11162
  }
11163
- .tablet:mx-xxx-large {
11163
+ .tablet\:mx-xxx-large {
11164
11164
  margin-left: var(--bal-space-xxx-large-tablet) !important;
11165
11165
  margin-right: var(--bal-space-xxx-large-tablet) !important;
11166
11166
  }
@@ -11168,7 +11168,7 @@
11168
11168
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
11169
11169
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
11170
11170
  }
11171
- .tablet:mx-xxxx-large {
11171
+ .tablet\:mx-xxxx-large {
11172
11172
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
11173
11173
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
11174
11174
  }
@@ -11186,7 +11186,7 @@
11186
11186
  margin-left: var(--bal-space-xx-small-desktop) !important;
11187
11187
  margin-right: var(--bal-space-xx-small-desktop) !important;
11188
11188
  }
11189
- .desktop:mx-xx-small {
11189
+ .desktop\:mx-xx-small {
11190
11190
  margin-left: var(--bal-space-xx-small-desktop) !important;
11191
11191
  margin-right: var(--bal-space-xx-small-desktop) !important;
11192
11192
  }
@@ -11194,7 +11194,7 @@
11194
11194
  margin-left: var(--bal-space-x-small-desktop) !important;
11195
11195
  margin-right: var(--bal-space-x-small-desktop) !important;
11196
11196
  }
11197
- .desktop:mx-x-small {
11197
+ .desktop\:mx-x-small {
11198
11198
  margin-left: var(--bal-space-x-small-desktop) !important;
11199
11199
  margin-right: var(--bal-space-x-small-desktop) !important;
11200
11200
  }
@@ -11202,7 +11202,7 @@
11202
11202
  margin-left: var(--bal-space-small-desktop) !important;
11203
11203
  margin-right: var(--bal-space-small-desktop) !important;
11204
11204
  }
11205
- .desktop:mx-small {
11205
+ .desktop\:mx-small {
11206
11206
  margin-left: var(--bal-space-small-desktop) !important;
11207
11207
  margin-right: var(--bal-space-small-desktop) !important;
11208
11208
  }
@@ -11210,7 +11210,7 @@
11210
11210
  margin-left: var(--bal-space-normal-desktop) !important;
11211
11211
  margin-right: var(--bal-space-normal-desktop) !important;
11212
11212
  }
11213
- .desktop:mx-normal {
11213
+ .desktop\:mx-normal {
11214
11214
  margin-left: var(--bal-space-normal-desktop) !important;
11215
11215
  margin-right: var(--bal-space-normal-desktop) !important;
11216
11216
  }
@@ -11218,7 +11218,7 @@
11218
11218
  margin-left: var(--bal-space-medium-desktop) !important;
11219
11219
  margin-right: var(--bal-space-medium-desktop) !important;
11220
11220
  }
11221
- .desktop:mx-medium {
11221
+ .desktop\:mx-medium {
11222
11222
  margin-left: var(--bal-space-medium-desktop) !important;
11223
11223
  margin-right: var(--bal-space-medium-desktop) !important;
11224
11224
  }
@@ -11226,7 +11226,7 @@
11226
11226
  margin-left: var(--bal-space-large-desktop) !important;
11227
11227
  margin-right: var(--bal-space-large-desktop) !important;
11228
11228
  }
11229
- .desktop:mx-large {
11229
+ .desktop\:mx-large {
11230
11230
  margin-left: var(--bal-space-large-desktop) !important;
11231
11231
  margin-right: var(--bal-space-large-desktop) !important;
11232
11232
  }
@@ -11234,7 +11234,7 @@
11234
11234
  margin-left: var(--bal-space-x-large-desktop) !important;
11235
11235
  margin-right: var(--bal-space-x-large-desktop) !important;
11236
11236
  }
11237
- .desktop:mx-x-large {
11237
+ .desktop\:mx-x-large {
11238
11238
  margin-left: var(--bal-space-x-large-desktop) !important;
11239
11239
  margin-right: var(--bal-space-x-large-desktop) !important;
11240
11240
  }
@@ -11242,7 +11242,7 @@
11242
11242
  margin-left: var(--bal-space-xx-large-desktop) !important;
11243
11243
  margin-right: var(--bal-space-xx-large-desktop) !important;
11244
11244
  }
11245
- .desktop:mx-xx-large {
11245
+ .desktop\:mx-xx-large {
11246
11246
  margin-left: var(--bal-space-xx-large-desktop) !important;
11247
11247
  margin-right: var(--bal-space-xx-large-desktop) !important;
11248
11248
  }
@@ -11250,7 +11250,7 @@
11250
11250
  margin-left: var(--bal-space-xxx-large-desktop) !important;
11251
11251
  margin-right: var(--bal-space-xxx-large-desktop) !important;
11252
11252
  }
11253
- .desktop:mx-xxx-large {
11253
+ .desktop\:mx-xxx-large {
11254
11254
  margin-left: var(--bal-space-xxx-large-desktop) !important;
11255
11255
  margin-right: var(--bal-space-xxx-large-desktop) !important;
11256
11256
  }
@@ -11258,7 +11258,7 @@
11258
11258
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
11259
11259
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
11260
11260
  }
11261
- .desktop:mx-xxxx-large {
11261
+ .desktop\:mx-xxxx-large {
11262
11262
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
11263
11263
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
11264
11264
  }
@@ -11324,45 +11324,45 @@
11324
11324
  }
11325
11325
 
11326
11326
  @media screen and (max-width: 768px) {
11327
- .mobile:my-xx-small {
11328
- margin-top: var(--bal-space-xx-small-mobile) !important;
11329
- margin-bottom: var(--bal-space-xx-small-mobile) !important;
11327
+ .mobile\:my-xx-small {
11328
+ margin-top: var(--bal-space-xx-small) !important;
11329
+ margin-bottom: var(--bal-space-xx-small) !important;
11330
11330
  }
11331
- .mobile:my-x-small {
11332
- margin-top: var(--bal-space-x-small-mobile) !important;
11333
- margin-bottom: var(--bal-space-x-small-mobile) !important;
11331
+ .mobile\:my-x-small {
11332
+ margin-top: var(--bal-space-x-small) !important;
11333
+ margin-bottom: var(--bal-space-x-small) !important;
11334
11334
  }
11335
- .mobile:my-small {
11336
- margin-top: var(--bal-space-small-mobile) !important;
11337
- margin-bottom: var(--bal-space-small-mobile) !important;
11335
+ .mobile\:my-small {
11336
+ margin-top: var(--bal-space-small) !important;
11337
+ margin-bottom: var(--bal-space-small) !important;
11338
11338
  }
11339
- .mobile:my-normal {
11340
- margin-top: var(--bal-space-normal-mobile) !important;
11341
- margin-bottom: var(--bal-space-normal-mobile) !important;
11339
+ .mobile\:my-normal {
11340
+ margin-top: var(--bal-space-normal) !important;
11341
+ margin-bottom: var(--bal-space-normal) !important;
11342
11342
  }
11343
- .mobile:my-medium {
11344
- margin-top: var(--bal-space-medium-mobile) !important;
11345
- margin-bottom: var(--bal-space-medium-mobile) !important;
11343
+ .mobile\:my-medium {
11344
+ margin-top: var(--bal-space-medium) !important;
11345
+ margin-bottom: var(--bal-space-medium) !important;
11346
11346
  }
11347
- .mobile:my-large {
11348
- margin-top: var(--bal-space-large-mobile) !important;
11349
- margin-bottom: var(--bal-space-large-mobile) !important;
11347
+ .mobile\:my-large {
11348
+ margin-top: var(--bal-space-large) !important;
11349
+ margin-bottom: var(--bal-space-large) !important;
11350
11350
  }
11351
- .mobile:my-x-large {
11352
- margin-top: var(--bal-space-x-large-mobile) !important;
11353
- margin-bottom: var(--bal-space-x-large-mobile) !important;
11351
+ .mobile\:my-x-large {
11352
+ margin-top: var(--bal-space-x-large) !important;
11353
+ margin-bottom: var(--bal-space-x-large) !important;
11354
11354
  }
11355
- .mobile:my-xx-large {
11356
- margin-top: var(--bal-space-xx-large-mobile) !important;
11357
- margin-bottom: var(--bal-space-xx-large-mobile) !important;
11355
+ .mobile\:my-xx-large {
11356
+ margin-top: var(--bal-space-xx-large) !important;
11357
+ margin-bottom: var(--bal-space-xx-large) !important;
11358
11358
  }
11359
- .mobile:my-xxx-large {
11360
- margin-top: var(--bal-space-xxx-large-mobile) !important;
11361
- margin-bottom: var(--bal-space-xxx-large-mobile) !important;
11359
+ .mobile\:my-xxx-large {
11360
+ margin-top: var(--bal-space-xxx-large) !important;
11361
+ margin-bottom: var(--bal-space-xxx-large) !important;
11362
11362
  }
11363
- .mobile:my-xxxx-large {
11364
- margin-top: var(--bal-space-xxxx-large-mobile) !important;
11365
- margin-bottom: var(--bal-space-xxxx-large-mobile) !important;
11363
+ .mobile\:my-xxxx-large {
11364
+ margin-top: var(--bal-space-xxxx-large) !important;
11365
+ margin-bottom: var(--bal-space-xxxx-large) !important;
11366
11366
  }
11367
11367
  }
11368
11368
  @media screen and (min-width: 769px), print {
@@ -11378,7 +11378,7 @@
11378
11378
  margin-top: var(--bal-space-xx-small-tablet) !important;
11379
11379
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
11380
11380
  }
11381
- .tablet:my-xx-small {
11381
+ .tablet\:my-xx-small {
11382
11382
  margin-top: var(--bal-space-xx-small-tablet) !important;
11383
11383
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
11384
11384
  }
@@ -11386,7 +11386,7 @@
11386
11386
  margin-top: var(--bal-space-x-small-tablet) !important;
11387
11387
  margin-bottom: var(--bal-space-x-small-tablet) !important;
11388
11388
  }
11389
- .tablet:my-x-small {
11389
+ .tablet\:my-x-small {
11390
11390
  margin-top: var(--bal-space-x-small-tablet) !important;
11391
11391
  margin-bottom: var(--bal-space-x-small-tablet) !important;
11392
11392
  }
@@ -11394,7 +11394,7 @@
11394
11394
  margin-top: var(--bal-space-small-tablet) !important;
11395
11395
  margin-bottom: var(--bal-space-small-tablet) !important;
11396
11396
  }
11397
- .tablet:my-small {
11397
+ .tablet\:my-small {
11398
11398
  margin-top: var(--bal-space-small-tablet) !important;
11399
11399
  margin-bottom: var(--bal-space-small-tablet) !important;
11400
11400
  }
@@ -11402,7 +11402,7 @@
11402
11402
  margin-top: var(--bal-space-normal-tablet) !important;
11403
11403
  margin-bottom: var(--bal-space-normal-tablet) !important;
11404
11404
  }
11405
- .tablet:my-normal {
11405
+ .tablet\:my-normal {
11406
11406
  margin-top: var(--bal-space-normal-tablet) !important;
11407
11407
  margin-bottom: var(--bal-space-normal-tablet) !important;
11408
11408
  }
@@ -11410,7 +11410,7 @@
11410
11410
  margin-top: var(--bal-space-medium-tablet) !important;
11411
11411
  margin-bottom: var(--bal-space-medium-tablet) !important;
11412
11412
  }
11413
- .tablet:my-medium {
11413
+ .tablet\:my-medium {
11414
11414
  margin-top: var(--bal-space-medium-tablet) !important;
11415
11415
  margin-bottom: var(--bal-space-medium-tablet) !important;
11416
11416
  }
@@ -11418,7 +11418,7 @@
11418
11418
  margin-top: var(--bal-space-large-tablet) !important;
11419
11419
  margin-bottom: var(--bal-space-large-tablet) !important;
11420
11420
  }
11421
- .tablet:my-large {
11421
+ .tablet\:my-large {
11422
11422
  margin-top: var(--bal-space-large-tablet) !important;
11423
11423
  margin-bottom: var(--bal-space-large-tablet) !important;
11424
11424
  }
@@ -11426,7 +11426,7 @@
11426
11426
  margin-top: var(--bal-space-x-large-tablet) !important;
11427
11427
  margin-bottom: var(--bal-space-x-large-tablet) !important;
11428
11428
  }
11429
- .tablet:my-x-large {
11429
+ .tablet\:my-x-large {
11430
11430
  margin-top: var(--bal-space-x-large-tablet) !important;
11431
11431
  margin-bottom: var(--bal-space-x-large-tablet) !important;
11432
11432
  }
@@ -11434,7 +11434,7 @@
11434
11434
  margin-top: var(--bal-space-xx-large-tablet) !important;
11435
11435
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
11436
11436
  }
11437
- .tablet:my-xx-large {
11437
+ .tablet\:my-xx-large {
11438
11438
  margin-top: var(--bal-space-xx-large-tablet) !important;
11439
11439
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
11440
11440
  }
@@ -11442,7 +11442,7 @@
11442
11442
  margin-top: var(--bal-space-xxx-large-tablet) !important;
11443
11443
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
11444
11444
  }
11445
- .tablet:my-xxx-large {
11445
+ .tablet\:my-xxx-large {
11446
11446
  margin-top: var(--bal-space-xxx-large-tablet) !important;
11447
11447
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
11448
11448
  }
@@ -11450,7 +11450,7 @@
11450
11450
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
11451
11451
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
11452
11452
  }
11453
- .tablet:my-xxxx-large {
11453
+ .tablet\:my-xxxx-large {
11454
11454
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
11455
11455
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
11456
11456
  }
@@ -11468,7 +11468,7 @@
11468
11468
  margin-top: var(--bal-space-xx-small-desktop) !important;
11469
11469
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
11470
11470
  }
11471
- .desktop:my-xx-small {
11471
+ .desktop\:my-xx-small {
11472
11472
  margin-top: var(--bal-space-xx-small-desktop) !important;
11473
11473
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
11474
11474
  }
@@ -11476,7 +11476,7 @@
11476
11476
  margin-top: var(--bal-space-x-small-desktop) !important;
11477
11477
  margin-bottom: var(--bal-space-x-small-desktop) !important;
11478
11478
  }
11479
- .desktop:my-x-small {
11479
+ .desktop\:my-x-small {
11480
11480
  margin-top: var(--bal-space-x-small-desktop) !important;
11481
11481
  margin-bottom: var(--bal-space-x-small-desktop) !important;
11482
11482
  }
@@ -11484,7 +11484,7 @@
11484
11484
  margin-top: var(--bal-space-small-desktop) !important;
11485
11485
  margin-bottom: var(--bal-space-small-desktop) !important;
11486
11486
  }
11487
- .desktop:my-small {
11487
+ .desktop\:my-small {
11488
11488
  margin-top: var(--bal-space-small-desktop) !important;
11489
11489
  margin-bottom: var(--bal-space-small-desktop) !important;
11490
11490
  }
@@ -11492,7 +11492,7 @@
11492
11492
  margin-top: var(--bal-space-normal-desktop) !important;
11493
11493
  margin-bottom: var(--bal-space-normal-desktop) !important;
11494
11494
  }
11495
- .desktop:my-normal {
11495
+ .desktop\:my-normal {
11496
11496
  margin-top: var(--bal-space-normal-desktop) !important;
11497
11497
  margin-bottom: var(--bal-space-normal-desktop) !important;
11498
11498
  }
@@ -11500,7 +11500,7 @@
11500
11500
  margin-top: var(--bal-space-medium-desktop) !important;
11501
11501
  margin-bottom: var(--bal-space-medium-desktop) !important;
11502
11502
  }
11503
- .desktop:my-medium {
11503
+ .desktop\:my-medium {
11504
11504
  margin-top: var(--bal-space-medium-desktop) !important;
11505
11505
  margin-bottom: var(--bal-space-medium-desktop) !important;
11506
11506
  }
@@ -11508,7 +11508,7 @@
11508
11508
  margin-top: var(--bal-space-large-desktop) !important;
11509
11509
  margin-bottom: var(--bal-space-large-desktop) !important;
11510
11510
  }
11511
- .desktop:my-large {
11511
+ .desktop\:my-large {
11512
11512
  margin-top: var(--bal-space-large-desktop) !important;
11513
11513
  margin-bottom: var(--bal-space-large-desktop) !important;
11514
11514
  }
@@ -11516,7 +11516,7 @@
11516
11516
  margin-top: var(--bal-space-x-large-desktop) !important;
11517
11517
  margin-bottom: var(--bal-space-x-large-desktop) !important;
11518
11518
  }
11519
- .desktop:my-x-large {
11519
+ .desktop\:my-x-large {
11520
11520
  margin-top: var(--bal-space-x-large-desktop) !important;
11521
11521
  margin-bottom: var(--bal-space-x-large-desktop) !important;
11522
11522
  }
@@ -11524,7 +11524,7 @@
11524
11524
  margin-top: var(--bal-space-xx-large-desktop) !important;
11525
11525
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
11526
11526
  }
11527
- .desktop:my-xx-large {
11527
+ .desktop\:my-xx-large {
11528
11528
  margin-top: var(--bal-space-xx-large-desktop) !important;
11529
11529
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
11530
11530
  }
@@ -11532,7 +11532,7 @@
11532
11532
  margin-top: var(--bal-space-xxx-large-desktop) !important;
11533
11533
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
11534
11534
  }
11535
- .desktop:my-xxx-large {
11535
+ .desktop\:my-xxx-large {
11536
11536
  margin-top: var(--bal-space-xxx-large-desktop) !important;
11537
11537
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
11538
11538
  }
@@ -11540,7 +11540,7 @@
11540
11540
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
11541
11541
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
11542
11542
  }
11543
- .desktop:my-xxxx-large {
11543
+ .desktop\:my-xxxx-large {
11544
11544
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
11545
11545
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
11546
11546
  }
@@ -11594,35 +11594,35 @@
11594
11594
  }
11595
11595
 
11596
11596
  @media screen and (max-width: 768px) {
11597
- .mobile:mt-xx-small {
11598
- margin-top: var(--bal-space-xx-small-mobile) !important;
11597
+ .mobile\:mt-xx-small {
11598
+ margin-top: var(--bal-space-xx-small) !important;
11599
11599
  }
11600
- .mobile:mt-x-small {
11601
- margin-top: var(--bal-space-x-small-mobile) !important;
11600
+ .mobile\:mt-x-small {
11601
+ margin-top: var(--bal-space-x-small) !important;
11602
11602
  }
11603
- .mobile:mt-small {
11604
- margin-top: var(--bal-space-small-mobile) !important;
11603
+ .mobile\:mt-small {
11604
+ margin-top: var(--bal-space-small) !important;
11605
11605
  }
11606
- .mobile:mt-normal {
11607
- margin-top: var(--bal-space-normal-mobile) !important;
11606
+ .mobile\:mt-normal {
11607
+ margin-top: var(--bal-space-normal) !important;
11608
11608
  }
11609
- .mobile:mt-medium {
11610
- margin-top: var(--bal-space-medium-mobile) !important;
11609
+ .mobile\:mt-medium {
11610
+ margin-top: var(--bal-space-medium) !important;
11611
11611
  }
11612
- .mobile:mt-large {
11613
- margin-top: var(--bal-space-large-mobile) !important;
11612
+ .mobile\:mt-large {
11613
+ margin-top: var(--bal-space-large) !important;
11614
11614
  }
11615
- .mobile:mt-x-large {
11616
- margin-top: var(--bal-space-x-large-mobile) !important;
11615
+ .mobile\:mt-x-large {
11616
+ margin-top: var(--bal-space-x-large) !important;
11617
11617
  }
11618
- .mobile:mt-xx-large {
11619
- margin-top: var(--bal-space-xx-large-mobile) !important;
11618
+ .mobile\:mt-xx-large {
11619
+ margin-top: var(--bal-space-xx-large) !important;
11620
11620
  }
11621
- .mobile:mt-xxx-large {
11622
- margin-top: var(--bal-space-xxx-large-mobile) !important;
11621
+ .mobile\:mt-xxx-large {
11622
+ margin-top: var(--bal-space-xxx-large) !important;
11623
11623
  }
11624
- .mobile:mt-xxxx-large {
11625
- margin-top: var(--bal-space-xxxx-large-mobile) !important;
11624
+ .mobile\:mt-xxxx-large {
11625
+ margin-top: var(--bal-space-xxxx-large) !important;
11626
11626
  }
11627
11627
  }
11628
11628
  @media screen and (min-width: 769px), print {
@@ -11635,61 +11635,61 @@
11635
11635
  .mt-xx-small {
11636
11636
  margin-top: var(--bal-space-xx-small-tablet) !important;
11637
11637
  }
11638
- .tablet:mt-xx-small {
11638
+ .tablet\:mt-xx-small {
11639
11639
  margin-top: var(--bal-space-xx-small-tablet) !important;
11640
11640
  }
11641
11641
  .mt-x-small {
11642
11642
  margin-top: var(--bal-space-x-small-tablet) !important;
11643
11643
  }
11644
- .tablet:mt-x-small {
11644
+ .tablet\:mt-x-small {
11645
11645
  margin-top: var(--bal-space-x-small-tablet) !important;
11646
11646
  }
11647
11647
  .mt-small {
11648
11648
  margin-top: var(--bal-space-small-tablet) !important;
11649
11649
  }
11650
- .tablet:mt-small {
11650
+ .tablet\:mt-small {
11651
11651
  margin-top: var(--bal-space-small-tablet) !important;
11652
11652
  }
11653
11653
  .mt-normal {
11654
11654
  margin-top: var(--bal-space-normal-tablet) !important;
11655
11655
  }
11656
- .tablet:mt-normal {
11656
+ .tablet\:mt-normal {
11657
11657
  margin-top: var(--bal-space-normal-tablet) !important;
11658
11658
  }
11659
11659
  .mt-medium {
11660
11660
  margin-top: var(--bal-space-medium-tablet) !important;
11661
11661
  }
11662
- .tablet:mt-medium {
11662
+ .tablet\:mt-medium {
11663
11663
  margin-top: var(--bal-space-medium-tablet) !important;
11664
11664
  }
11665
11665
  .mt-large {
11666
11666
  margin-top: var(--bal-space-large-tablet) !important;
11667
11667
  }
11668
- .tablet:mt-large {
11668
+ .tablet\:mt-large {
11669
11669
  margin-top: var(--bal-space-large-tablet) !important;
11670
11670
  }
11671
11671
  .mt-x-large {
11672
11672
  margin-top: var(--bal-space-x-large-tablet) !important;
11673
11673
  }
11674
- .tablet:mt-x-large {
11674
+ .tablet\:mt-x-large {
11675
11675
  margin-top: var(--bal-space-x-large-tablet) !important;
11676
11676
  }
11677
11677
  .mt-xx-large {
11678
11678
  margin-top: var(--bal-space-xx-large-tablet) !important;
11679
11679
  }
11680
- .tablet:mt-xx-large {
11680
+ .tablet\:mt-xx-large {
11681
11681
  margin-top: var(--bal-space-xx-large-tablet) !important;
11682
11682
  }
11683
11683
  .mt-xxx-large {
11684
11684
  margin-top: var(--bal-space-xxx-large-tablet) !important;
11685
11685
  }
11686
- .tablet:mt-xxx-large {
11686
+ .tablet\:mt-xxx-large {
11687
11687
  margin-top: var(--bal-space-xxx-large-tablet) !important;
11688
11688
  }
11689
11689
  .mt-xxxx-large {
11690
11690
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
11691
11691
  }
11692
- .tablet:mt-xxxx-large {
11692
+ .tablet\:mt-xxxx-large {
11693
11693
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
11694
11694
  }
11695
11695
  }
@@ -11703,61 +11703,61 @@
11703
11703
  .mt-xx-small {
11704
11704
  margin-top: var(--bal-space-xx-small-desktop) !important;
11705
11705
  }
11706
- .desktop:mt-xx-small {
11706
+ .desktop\:mt-xx-small {
11707
11707
  margin-top: var(--bal-space-xx-small-desktop) !important;
11708
11708
  }
11709
11709
  .mt-x-small {
11710
11710
  margin-top: var(--bal-space-x-small-desktop) !important;
11711
11711
  }
11712
- .desktop:mt-x-small {
11712
+ .desktop\:mt-x-small {
11713
11713
  margin-top: var(--bal-space-x-small-desktop) !important;
11714
11714
  }
11715
11715
  .mt-small {
11716
11716
  margin-top: var(--bal-space-small-desktop) !important;
11717
11717
  }
11718
- .desktop:mt-small {
11718
+ .desktop\:mt-small {
11719
11719
  margin-top: var(--bal-space-small-desktop) !important;
11720
11720
  }
11721
11721
  .mt-normal {
11722
11722
  margin-top: var(--bal-space-normal-desktop) !important;
11723
11723
  }
11724
- .desktop:mt-normal {
11724
+ .desktop\:mt-normal {
11725
11725
  margin-top: var(--bal-space-normal-desktop) !important;
11726
11726
  }
11727
11727
  .mt-medium {
11728
11728
  margin-top: var(--bal-space-medium-desktop) !important;
11729
11729
  }
11730
- .desktop:mt-medium {
11730
+ .desktop\:mt-medium {
11731
11731
  margin-top: var(--bal-space-medium-desktop) !important;
11732
11732
  }
11733
11733
  .mt-large {
11734
11734
  margin-top: var(--bal-space-large-desktop) !important;
11735
11735
  }
11736
- .desktop:mt-large {
11736
+ .desktop\:mt-large {
11737
11737
  margin-top: var(--bal-space-large-desktop) !important;
11738
11738
  }
11739
11739
  .mt-x-large {
11740
11740
  margin-top: var(--bal-space-x-large-desktop) !important;
11741
11741
  }
11742
- .desktop:mt-x-large {
11742
+ .desktop\:mt-x-large {
11743
11743
  margin-top: var(--bal-space-x-large-desktop) !important;
11744
11744
  }
11745
11745
  .mt-xx-large {
11746
11746
  margin-top: var(--bal-space-xx-large-desktop) !important;
11747
11747
  }
11748
- .desktop:mt-xx-large {
11748
+ .desktop\:mt-xx-large {
11749
11749
  margin-top: var(--bal-space-xx-large-desktop) !important;
11750
11750
  }
11751
11751
  .mt-xxx-large {
11752
11752
  margin-top: var(--bal-space-xxx-large-desktop) !important;
11753
11753
  }
11754
- .desktop:mt-xxx-large {
11754
+ .desktop\:mt-xxx-large {
11755
11755
  margin-top: var(--bal-space-xxx-large-desktop) !important;
11756
11756
  }
11757
11757
  .mt-xxxx-large {
11758
11758
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
11759
11759
  }
11760
- .desktop:mt-xxxx-large {
11760
+ .desktop\:mt-xxxx-large {
11761
11761
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
11762
11762
  }
11763
11763
  }
@@ -11810,35 +11810,35 @@
11810
11810
  }
11811
11811
 
11812
11812
  @media screen and (max-width: 768px) {
11813
- .mobile:mr-xx-small {
11814
- margin-right: var(--bal-space-xx-small-mobile) !important;
11813
+ .mobile\:mr-xx-small {
11814
+ margin-right: var(--bal-space-xx-small) !important;
11815
11815
  }
11816
- .mobile:mr-x-small {
11817
- margin-right: var(--bal-space-x-small-mobile) !important;
11816
+ .mobile\:mr-x-small {
11817
+ margin-right: var(--bal-space-x-small) !important;
11818
11818
  }
11819
- .mobile:mr-small {
11820
- margin-right: var(--bal-space-small-mobile) !important;
11819
+ .mobile\:mr-small {
11820
+ margin-right: var(--bal-space-small) !important;
11821
11821
  }
11822
- .mobile:mr-normal {
11823
- margin-right: var(--bal-space-normal-mobile) !important;
11822
+ .mobile\:mr-normal {
11823
+ margin-right: var(--bal-space-normal) !important;
11824
11824
  }
11825
- .mobile:mr-medium {
11826
- margin-right: var(--bal-space-medium-mobile) !important;
11825
+ .mobile\:mr-medium {
11826
+ margin-right: var(--bal-space-medium) !important;
11827
11827
  }
11828
- .mobile:mr-large {
11829
- margin-right: var(--bal-space-large-mobile) !important;
11828
+ .mobile\:mr-large {
11829
+ margin-right: var(--bal-space-large) !important;
11830
11830
  }
11831
- .mobile:mr-x-large {
11832
- margin-right: var(--bal-space-x-large-mobile) !important;
11831
+ .mobile\:mr-x-large {
11832
+ margin-right: var(--bal-space-x-large) !important;
11833
11833
  }
11834
- .mobile:mr-xx-large {
11835
- margin-right: var(--bal-space-xx-large-mobile) !important;
11834
+ .mobile\:mr-xx-large {
11835
+ margin-right: var(--bal-space-xx-large) !important;
11836
11836
  }
11837
- .mobile:mr-xxx-large {
11838
- margin-right: var(--bal-space-xxx-large-mobile) !important;
11837
+ .mobile\:mr-xxx-large {
11838
+ margin-right: var(--bal-space-xxx-large) !important;
11839
11839
  }
11840
- .mobile:mr-xxxx-large {
11841
- margin-right: var(--bal-space-xxxx-large-mobile) !important;
11840
+ .mobile\:mr-xxxx-large {
11841
+ margin-right: var(--bal-space-xxxx-large) !important;
11842
11842
  }
11843
11843
  }
11844
11844
  @media screen and (min-width: 769px), print {
@@ -11851,61 +11851,61 @@
11851
11851
  .mr-xx-small {
11852
11852
  margin-right: var(--bal-space-xx-small-tablet) !important;
11853
11853
  }
11854
- .tablet:mr-xx-small {
11854
+ .tablet\:mr-xx-small {
11855
11855
  margin-right: var(--bal-space-xx-small-tablet) !important;
11856
11856
  }
11857
11857
  .mr-x-small {
11858
11858
  margin-right: var(--bal-space-x-small-tablet) !important;
11859
11859
  }
11860
- .tablet:mr-x-small {
11860
+ .tablet\:mr-x-small {
11861
11861
  margin-right: var(--bal-space-x-small-tablet) !important;
11862
11862
  }
11863
11863
  .mr-small {
11864
11864
  margin-right: var(--bal-space-small-tablet) !important;
11865
11865
  }
11866
- .tablet:mr-small {
11866
+ .tablet\:mr-small {
11867
11867
  margin-right: var(--bal-space-small-tablet) !important;
11868
11868
  }
11869
11869
  .mr-normal {
11870
11870
  margin-right: var(--bal-space-normal-tablet) !important;
11871
11871
  }
11872
- .tablet:mr-normal {
11872
+ .tablet\:mr-normal {
11873
11873
  margin-right: var(--bal-space-normal-tablet) !important;
11874
11874
  }
11875
11875
  .mr-medium {
11876
11876
  margin-right: var(--bal-space-medium-tablet) !important;
11877
11877
  }
11878
- .tablet:mr-medium {
11878
+ .tablet\:mr-medium {
11879
11879
  margin-right: var(--bal-space-medium-tablet) !important;
11880
11880
  }
11881
11881
  .mr-large {
11882
11882
  margin-right: var(--bal-space-large-tablet) !important;
11883
11883
  }
11884
- .tablet:mr-large {
11884
+ .tablet\:mr-large {
11885
11885
  margin-right: var(--bal-space-large-tablet) !important;
11886
11886
  }
11887
11887
  .mr-x-large {
11888
11888
  margin-right: var(--bal-space-x-large-tablet) !important;
11889
11889
  }
11890
- .tablet:mr-x-large {
11890
+ .tablet\:mr-x-large {
11891
11891
  margin-right: var(--bal-space-x-large-tablet) !important;
11892
11892
  }
11893
11893
  .mr-xx-large {
11894
11894
  margin-right: var(--bal-space-xx-large-tablet) !important;
11895
11895
  }
11896
- .tablet:mr-xx-large {
11896
+ .tablet\:mr-xx-large {
11897
11897
  margin-right: var(--bal-space-xx-large-tablet) !important;
11898
11898
  }
11899
11899
  .mr-xxx-large {
11900
11900
  margin-right: var(--bal-space-xxx-large-tablet) !important;
11901
11901
  }
11902
- .tablet:mr-xxx-large {
11902
+ .tablet\:mr-xxx-large {
11903
11903
  margin-right: var(--bal-space-xxx-large-tablet) !important;
11904
11904
  }
11905
11905
  .mr-xxxx-large {
11906
11906
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
11907
11907
  }
11908
- .tablet:mr-xxxx-large {
11908
+ .tablet\:mr-xxxx-large {
11909
11909
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
11910
11910
  }
11911
11911
  }
@@ -11919,61 +11919,61 @@
11919
11919
  .mr-xx-small {
11920
11920
  margin-right: var(--bal-space-xx-small-desktop) !important;
11921
11921
  }
11922
- .desktop:mr-xx-small {
11922
+ .desktop\:mr-xx-small {
11923
11923
  margin-right: var(--bal-space-xx-small-desktop) !important;
11924
11924
  }
11925
11925
  .mr-x-small {
11926
11926
  margin-right: var(--bal-space-x-small-desktop) !important;
11927
11927
  }
11928
- .desktop:mr-x-small {
11928
+ .desktop\:mr-x-small {
11929
11929
  margin-right: var(--bal-space-x-small-desktop) !important;
11930
11930
  }
11931
11931
  .mr-small {
11932
11932
  margin-right: var(--bal-space-small-desktop) !important;
11933
11933
  }
11934
- .desktop:mr-small {
11934
+ .desktop\:mr-small {
11935
11935
  margin-right: var(--bal-space-small-desktop) !important;
11936
11936
  }
11937
11937
  .mr-normal {
11938
11938
  margin-right: var(--bal-space-normal-desktop) !important;
11939
11939
  }
11940
- .desktop:mr-normal {
11940
+ .desktop\:mr-normal {
11941
11941
  margin-right: var(--bal-space-normal-desktop) !important;
11942
11942
  }
11943
11943
  .mr-medium {
11944
11944
  margin-right: var(--bal-space-medium-desktop) !important;
11945
11945
  }
11946
- .desktop:mr-medium {
11946
+ .desktop\:mr-medium {
11947
11947
  margin-right: var(--bal-space-medium-desktop) !important;
11948
11948
  }
11949
11949
  .mr-large {
11950
11950
  margin-right: var(--bal-space-large-desktop) !important;
11951
11951
  }
11952
- .desktop:mr-large {
11952
+ .desktop\:mr-large {
11953
11953
  margin-right: var(--bal-space-large-desktop) !important;
11954
11954
  }
11955
11955
  .mr-x-large {
11956
11956
  margin-right: var(--bal-space-x-large-desktop) !important;
11957
11957
  }
11958
- .desktop:mr-x-large {
11958
+ .desktop\:mr-x-large {
11959
11959
  margin-right: var(--bal-space-x-large-desktop) !important;
11960
11960
  }
11961
11961
  .mr-xx-large {
11962
11962
  margin-right: var(--bal-space-xx-large-desktop) !important;
11963
11963
  }
11964
- .desktop:mr-xx-large {
11964
+ .desktop\:mr-xx-large {
11965
11965
  margin-right: var(--bal-space-xx-large-desktop) !important;
11966
11966
  }
11967
11967
  .mr-xxx-large {
11968
11968
  margin-right: var(--bal-space-xxx-large-desktop) !important;
11969
11969
  }
11970
- .desktop:mr-xxx-large {
11970
+ .desktop\:mr-xxx-large {
11971
11971
  margin-right: var(--bal-space-xxx-large-desktop) !important;
11972
11972
  }
11973
11973
  .mr-xxxx-large {
11974
11974
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
11975
11975
  }
11976
- .desktop:mr-xxxx-large {
11976
+ .desktop\:mr-xxxx-large {
11977
11977
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
11978
11978
  }
11979
11979
  }
@@ -12026,35 +12026,35 @@
12026
12026
  }
12027
12027
 
12028
12028
  @media screen and (max-width: 768px) {
12029
- .mobile:mb-xx-small {
12030
- margin-bottom: var(--bal-space-xx-small-mobile) !important;
12029
+ .mobile\:mb-xx-small {
12030
+ margin-bottom: var(--bal-space-xx-small) !important;
12031
12031
  }
12032
- .mobile:mb-x-small {
12033
- margin-bottom: var(--bal-space-x-small-mobile) !important;
12032
+ .mobile\:mb-x-small {
12033
+ margin-bottom: var(--bal-space-x-small) !important;
12034
12034
  }
12035
- .mobile:mb-small {
12036
- margin-bottom: var(--bal-space-small-mobile) !important;
12035
+ .mobile\:mb-small {
12036
+ margin-bottom: var(--bal-space-small) !important;
12037
12037
  }
12038
- .mobile:mb-normal {
12039
- margin-bottom: var(--bal-space-normal-mobile) !important;
12038
+ .mobile\:mb-normal {
12039
+ margin-bottom: var(--bal-space-normal) !important;
12040
12040
  }
12041
- .mobile:mb-medium {
12042
- margin-bottom: var(--bal-space-medium-mobile) !important;
12041
+ .mobile\:mb-medium {
12042
+ margin-bottom: var(--bal-space-medium) !important;
12043
12043
  }
12044
- .mobile:mb-large {
12045
- margin-bottom: var(--bal-space-large-mobile) !important;
12044
+ .mobile\:mb-large {
12045
+ margin-bottom: var(--bal-space-large) !important;
12046
12046
  }
12047
- .mobile:mb-x-large {
12048
- margin-bottom: var(--bal-space-x-large-mobile) !important;
12047
+ .mobile\:mb-x-large {
12048
+ margin-bottom: var(--bal-space-x-large) !important;
12049
12049
  }
12050
- .mobile:mb-xx-large {
12051
- margin-bottom: var(--bal-space-xx-large-mobile) !important;
12050
+ .mobile\:mb-xx-large {
12051
+ margin-bottom: var(--bal-space-xx-large) !important;
12052
12052
  }
12053
- .mobile:mb-xxx-large {
12054
- margin-bottom: var(--bal-space-xxx-large-mobile) !important;
12053
+ .mobile\:mb-xxx-large {
12054
+ margin-bottom: var(--bal-space-xxx-large) !important;
12055
12055
  }
12056
- .mobile:mb-xxxx-large {
12057
- margin-bottom: var(--bal-space-xxxx-large-mobile) !important;
12056
+ .mobile\:mb-xxxx-large {
12057
+ margin-bottom: var(--bal-space-xxxx-large) !important;
12058
12058
  }
12059
12059
  }
12060
12060
  @media screen and (min-width: 769px), print {
@@ -12067,61 +12067,61 @@
12067
12067
  .mb-xx-small {
12068
12068
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
12069
12069
  }
12070
- .tablet:mb-xx-small {
12070
+ .tablet\:mb-xx-small {
12071
12071
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
12072
12072
  }
12073
12073
  .mb-x-small {
12074
12074
  margin-bottom: var(--bal-space-x-small-tablet) !important;
12075
12075
  }
12076
- .tablet:mb-x-small {
12076
+ .tablet\:mb-x-small {
12077
12077
  margin-bottom: var(--bal-space-x-small-tablet) !important;
12078
12078
  }
12079
12079
  .mb-small {
12080
12080
  margin-bottom: var(--bal-space-small-tablet) !important;
12081
12081
  }
12082
- .tablet:mb-small {
12082
+ .tablet\:mb-small {
12083
12083
  margin-bottom: var(--bal-space-small-tablet) !important;
12084
12084
  }
12085
12085
  .mb-normal {
12086
12086
  margin-bottom: var(--bal-space-normal-tablet) !important;
12087
12087
  }
12088
- .tablet:mb-normal {
12088
+ .tablet\:mb-normal {
12089
12089
  margin-bottom: var(--bal-space-normal-tablet) !important;
12090
12090
  }
12091
12091
  .mb-medium {
12092
12092
  margin-bottom: var(--bal-space-medium-tablet) !important;
12093
12093
  }
12094
- .tablet:mb-medium {
12094
+ .tablet\:mb-medium {
12095
12095
  margin-bottom: var(--bal-space-medium-tablet) !important;
12096
12096
  }
12097
12097
  .mb-large {
12098
12098
  margin-bottom: var(--bal-space-large-tablet) !important;
12099
12099
  }
12100
- .tablet:mb-large {
12100
+ .tablet\:mb-large {
12101
12101
  margin-bottom: var(--bal-space-large-tablet) !important;
12102
12102
  }
12103
12103
  .mb-x-large {
12104
12104
  margin-bottom: var(--bal-space-x-large-tablet) !important;
12105
12105
  }
12106
- .tablet:mb-x-large {
12106
+ .tablet\:mb-x-large {
12107
12107
  margin-bottom: var(--bal-space-x-large-tablet) !important;
12108
12108
  }
12109
12109
  .mb-xx-large {
12110
12110
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
12111
12111
  }
12112
- .tablet:mb-xx-large {
12112
+ .tablet\:mb-xx-large {
12113
12113
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
12114
12114
  }
12115
12115
  .mb-xxx-large {
12116
12116
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
12117
12117
  }
12118
- .tablet:mb-xxx-large {
12118
+ .tablet\:mb-xxx-large {
12119
12119
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
12120
12120
  }
12121
12121
  .mb-xxxx-large {
12122
12122
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
12123
12123
  }
12124
- .tablet:mb-xxxx-large {
12124
+ .tablet\:mb-xxxx-large {
12125
12125
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
12126
12126
  }
12127
12127
  }
@@ -12135,61 +12135,61 @@
12135
12135
  .mb-xx-small {
12136
12136
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
12137
12137
  }
12138
- .desktop:mb-xx-small {
12138
+ .desktop\:mb-xx-small {
12139
12139
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
12140
12140
  }
12141
12141
  .mb-x-small {
12142
12142
  margin-bottom: var(--bal-space-x-small-desktop) !important;
12143
12143
  }
12144
- .desktop:mb-x-small {
12144
+ .desktop\:mb-x-small {
12145
12145
  margin-bottom: var(--bal-space-x-small-desktop) !important;
12146
12146
  }
12147
12147
  .mb-small {
12148
12148
  margin-bottom: var(--bal-space-small-desktop) !important;
12149
12149
  }
12150
- .desktop:mb-small {
12150
+ .desktop\:mb-small {
12151
12151
  margin-bottom: var(--bal-space-small-desktop) !important;
12152
12152
  }
12153
12153
  .mb-normal {
12154
12154
  margin-bottom: var(--bal-space-normal-desktop) !important;
12155
12155
  }
12156
- .desktop:mb-normal {
12156
+ .desktop\:mb-normal {
12157
12157
  margin-bottom: var(--bal-space-normal-desktop) !important;
12158
12158
  }
12159
12159
  .mb-medium {
12160
12160
  margin-bottom: var(--bal-space-medium-desktop) !important;
12161
12161
  }
12162
- .desktop:mb-medium {
12162
+ .desktop\:mb-medium {
12163
12163
  margin-bottom: var(--bal-space-medium-desktop) !important;
12164
12164
  }
12165
12165
  .mb-large {
12166
12166
  margin-bottom: var(--bal-space-large-desktop) !important;
12167
12167
  }
12168
- .desktop:mb-large {
12168
+ .desktop\:mb-large {
12169
12169
  margin-bottom: var(--bal-space-large-desktop) !important;
12170
12170
  }
12171
12171
  .mb-x-large {
12172
12172
  margin-bottom: var(--bal-space-x-large-desktop) !important;
12173
12173
  }
12174
- .desktop:mb-x-large {
12174
+ .desktop\:mb-x-large {
12175
12175
  margin-bottom: var(--bal-space-x-large-desktop) !important;
12176
12176
  }
12177
12177
  .mb-xx-large {
12178
12178
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
12179
12179
  }
12180
- .desktop:mb-xx-large {
12180
+ .desktop\:mb-xx-large {
12181
12181
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
12182
12182
  }
12183
12183
  .mb-xxx-large {
12184
12184
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
12185
12185
  }
12186
- .desktop:mb-xxx-large {
12186
+ .desktop\:mb-xxx-large {
12187
12187
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
12188
12188
  }
12189
12189
  .mb-xxxx-large {
12190
12190
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
12191
12191
  }
12192
- .desktop:mb-xxxx-large {
12192
+ .desktop\:mb-xxxx-large {
12193
12193
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
12194
12194
  }
12195
12195
  }
@@ -12242,35 +12242,35 @@
12242
12242
  }
12243
12243
 
12244
12244
  @media screen and (max-width: 768px) {
12245
- .mobile:ml-xx-small {
12246
- margin-left: var(--bal-space-xx-small-mobile) !important;
12245
+ .mobile\:ml-xx-small {
12246
+ margin-left: var(--bal-space-xx-small) !important;
12247
12247
  }
12248
- .mobile:ml-x-small {
12249
- margin-left: var(--bal-space-x-small-mobile) !important;
12248
+ .mobile\:ml-x-small {
12249
+ margin-left: var(--bal-space-x-small) !important;
12250
12250
  }
12251
- .mobile:ml-small {
12252
- margin-left: var(--bal-space-small-mobile) !important;
12251
+ .mobile\:ml-small {
12252
+ margin-left: var(--bal-space-small) !important;
12253
12253
  }
12254
- .mobile:ml-normal {
12255
- margin-left: var(--bal-space-normal-mobile) !important;
12254
+ .mobile\:ml-normal {
12255
+ margin-left: var(--bal-space-normal) !important;
12256
12256
  }
12257
- .mobile:ml-medium {
12258
- margin-left: var(--bal-space-medium-mobile) !important;
12257
+ .mobile\:ml-medium {
12258
+ margin-left: var(--bal-space-medium) !important;
12259
12259
  }
12260
- .mobile:ml-large {
12261
- margin-left: var(--bal-space-large-mobile) !important;
12260
+ .mobile\:ml-large {
12261
+ margin-left: var(--bal-space-large) !important;
12262
12262
  }
12263
- .mobile:ml-x-large {
12264
- margin-left: var(--bal-space-x-large-mobile) !important;
12263
+ .mobile\:ml-x-large {
12264
+ margin-left: var(--bal-space-x-large) !important;
12265
12265
  }
12266
- .mobile:ml-xx-large {
12267
- margin-left: var(--bal-space-xx-large-mobile) !important;
12266
+ .mobile\:ml-xx-large {
12267
+ margin-left: var(--bal-space-xx-large) !important;
12268
12268
  }
12269
- .mobile:ml-xxx-large {
12270
- margin-left: var(--bal-space-xxx-large-mobile) !important;
12269
+ .mobile\:ml-xxx-large {
12270
+ margin-left: var(--bal-space-xxx-large) !important;
12271
12271
  }
12272
- .mobile:ml-xxxx-large {
12273
- margin-left: var(--bal-space-xxxx-large-mobile) !important;
12272
+ .mobile\:ml-xxxx-large {
12273
+ margin-left: var(--bal-space-xxxx-large) !important;
12274
12274
  }
12275
12275
  }
12276
12276
  @media screen and (min-width: 769px), print {
@@ -12283,61 +12283,61 @@
12283
12283
  .ml-xx-small {
12284
12284
  margin-left: var(--bal-space-xx-small-tablet) !important;
12285
12285
  }
12286
- .tablet:ml-xx-small {
12286
+ .tablet\:ml-xx-small {
12287
12287
  margin-left: var(--bal-space-xx-small-tablet) !important;
12288
12288
  }
12289
12289
  .ml-x-small {
12290
12290
  margin-left: var(--bal-space-x-small-tablet) !important;
12291
12291
  }
12292
- .tablet:ml-x-small {
12292
+ .tablet\:ml-x-small {
12293
12293
  margin-left: var(--bal-space-x-small-tablet) !important;
12294
12294
  }
12295
12295
  .ml-small {
12296
12296
  margin-left: var(--bal-space-small-tablet) !important;
12297
12297
  }
12298
- .tablet:ml-small {
12298
+ .tablet\:ml-small {
12299
12299
  margin-left: var(--bal-space-small-tablet) !important;
12300
12300
  }
12301
12301
  .ml-normal {
12302
12302
  margin-left: var(--bal-space-normal-tablet) !important;
12303
12303
  }
12304
- .tablet:ml-normal {
12304
+ .tablet\:ml-normal {
12305
12305
  margin-left: var(--bal-space-normal-tablet) !important;
12306
12306
  }
12307
12307
  .ml-medium {
12308
12308
  margin-left: var(--bal-space-medium-tablet) !important;
12309
12309
  }
12310
- .tablet:ml-medium {
12310
+ .tablet\:ml-medium {
12311
12311
  margin-left: var(--bal-space-medium-tablet) !important;
12312
12312
  }
12313
12313
  .ml-large {
12314
12314
  margin-left: var(--bal-space-large-tablet) !important;
12315
12315
  }
12316
- .tablet:ml-large {
12316
+ .tablet\:ml-large {
12317
12317
  margin-left: var(--bal-space-large-tablet) !important;
12318
12318
  }
12319
12319
  .ml-x-large {
12320
12320
  margin-left: var(--bal-space-x-large-tablet) !important;
12321
12321
  }
12322
- .tablet:ml-x-large {
12322
+ .tablet\:ml-x-large {
12323
12323
  margin-left: var(--bal-space-x-large-tablet) !important;
12324
12324
  }
12325
12325
  .ml-xx-large {
12326
12326
  margin-left: var(--bal-space-xx-large-tablet) !important;
12327
12327
  }
12328
- .tablet:ml-xx-large {
12328
+ .tablet\:ml-xx-large {
12329
12329
  margin-left: var(--bal-space-xx-large-tablet) !important;
12330
12330
  }
12331
12331
  .ml-xxx-large {
12332
12332
  margin-left: var(--bal-space-xxx-large-tablet) !important;
12333
12333
  }
12334
- .tablet:ml-xxx-large {
12334
+ .tablet\:ml-xxx-large {
12335
12335
  margin-left: var(--bal-space-xxx-large-tablet) !important;
12336
12336
  }
12337
12337
  .ml-xxxx-large {
12338
12338
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
12339
12339
  }
12340
- .tablet:ml-xxxx-large {
12340
+ .tablet\:ml-xxxx-large {
12341
12341
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
12342
12342
  }
12343
12343
  }
@@ -12351,61 +12351,61 @@
12351
12351
  .ml-xx-small {
12352
12352
  margin-left: var(--bal-space-xx-small-desktop) !important;
12353
12353
  }
12354
- .desktop:ml-xx-small {
12354
+ .desktop\:ml-xx-small {
12355
12355
  margin-left: var(--bal-space-xx-small-desktop) !important;
12356
12356
  }
12357
12357
  .ml-x-small {
12358
12358
  margin-left: var(--bal-space-x-small-desktop) !important;
12359
12359
  }
12360
- .desktop:ml-x-small {
12360
+ .desktop\:ml-x-small {
12361
12361
  margin-left: var(--bal-space-x-small-desktop) !important;
12362
12362
  }
12363
12363
  .ml-small {
12364
12364
  margin-left: var(--bal-space-small-desktop) !important;
12365
12365
  }
12366
- .desktop:ml-small {
12366
+ .desktop\:ml-small {
12367
12367
  margin-left: var(--bal-space-small-desktop) !important;
12368
12368
  }
12369
12369
  .ml-normal {
12370
12370
  margin-left: var(--bal-space-normal-desktop) !important;
12371
12371
  }
12372
- .desktop:ml-normal {
12372
+ .desktop\:ml-normal {
12373
12373
  margin-left: var(--bal-space-normal-desktop) !important;
12374
12374
  }
12375
12375
  .ml-medium {
12376
12376
  margin-left: var(--bal-space-medium-desktop) !important;
12377
12377
  }
12378
- .desktop:ml-medium {
12378
+ .desktop\:ml-medium {
12379
12379
  margin-left: var(--bal-space-medium-desktop) !important;
12380
12380
  }
12381
12381
  .ml-large {
12382
12382
  margin-left: var(--bal-space-large-desktop) !important;
12383
12383
  }
12384
- .desktop:ml-large {
12384
+ .desktop\:ml-large {
12385
12385
  margin-left: var(--bal-space-large-desktop) !important;
12386
12386
  }
12387
12387
  .ml-x-large {
12388
12388
  margin-left: var(--bal-space-x-large-desktop) !important;
12389
12389
  }
12390
- .desktop:ml-x-large {
12390
+ .desktop\:ml-x-large {
12391
12391
  margin-left: var(--bal-space-x-large-desktop) !important;
12392
12392
  }
12393
12393
  .ml-xx-large {
12394
12394
  margin-left: var(--bal-space-xx-large-desktop) !important;
12395
12395
  }
12396
- .desktop:ml-xx-large {
12396
+ .desktop\:ml-xx-large {
12397
12397
  margin-left: var(--bal-space-xx-large-desktop) !important;
12398
12398
  }
12399
12399
  .ml-xxx-large {
12400
12400
  margin-left: var(--bal-space-xxx-large-desktop) !important;
12401
12401
  }
12402
- .desktop:ml-xxx-large {
12402
+ .desktop\:ml-xxx-large {
12403
12403
  margin-left: var(--bal-space-xxx-large-desktop) !important;
12404
12404
  }
12405
12405
  .ml-xxxx-large {
12406
12406
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
12407
12407
  }
12408
- .desktop:ml-xxxx-large {
12408
+ .desktop\:ml-xxxx-large {
12409
12409
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
12410
12410
  }
12411
12411
  }
@@ -12458,35 +12458,35 @@
12458
12458
  }
12459
12459
 
12460
12460
  @media screen and (max-width: 768px) {
12461
- .mobile:p-xx-small {
12462
- padding: var(--bal-space-xx-small-mobile) !important;
12461
+ .mobile\:p-xx-small {
12462
+ padding: var(--bal-space-xx-small) !important;
12463
12463
  }
12464
- .mobile:p-x-small {
12465
- padding: var(--bal-space-x-small-mobile) !important;
12464
+ .mobile\:p-x-small {
12465
+ padding: var(--bal-space-x-small) !important;
12466
12466
  }
12467
- .mobile:p-small {
12468
- padding: var(--bal-space-small-mobile) !important;
12467
+ .mobile\:p-small {
12468
+ padding: var(--bal-space-small) !important;
12469
12469
  }
12470
- .mobile:p-normal {
12471
- padding: var(--bal-space-normal-mobile) !important;
12470
+ .mobile\:p-normal {
12471
+ padding: var(--bal-space-normal) !important;
12472
12472
  }
12473
- .mobile:p-medium {
12474
- padding: var(--bal-space-medium-mobile) !important;
12473
+ .mobile\:p-medium {
12474
+ padding: var(--bal-space-medium) !important;
12475
12475
  }
12476
- .mobile:p-large {
12477
- padding: var(--bal-space-large-mobile) !important;
12476
+ .mobile\:p-large {
12477
+ padding: var(--bal-space-large) !important;
12478
12478
  }
12479
- .mobile:p-x-large {
12480
- padding: var(--bal-space-x-large-mobile) !important;
12479
+ .mobile\:p-x-large {
12480
+ padding: var(--bal-space-x-large) !important;
12481
12481
  }
12482
- .mobile:p-xx-large {
12483
- padding: var(--bal-space-xx-large-mobile) !important;
12482
+ .mobile\:p-xx-large {
12483
+ padding: var(--bal-space-xx-large) !important;
12484
12484
  }
12485
- .mobile:p-xxx-large {
12486
- padding: var(--bal-space-xxx-large-mobile) !important;
12485
+ .mobile\:p-xxx-large {
12486
+ padding: var(--bal-space-xxx-large) !important;
12487
12487
  }
12488
- .mobile:p-xxxx-large {
12489
- padding: var(--bal-space-xxxx-large-mobile) !important;
12488
+ .mobile\:p-xxxx-large {
12489
+ padding: var(--bal-space-xxxx-large) !important;
12490
12490
  }
12491
12491
  }
12492
12492
  @media screen and (min-width: 769px), print {
@@ -12499,61 +12499,61 @@
12499
12499
  .p-xx-small {
12500
12500
  padding: var(--bal-space-xx-small-tablet) !important;
12501
12501
  }
12502
- .tablet:p-xx-small {
12502
+ .tablet\:p-xx-small {
12503
12503
  padding: var(--bal-space-xx-small-tablet) !important;
12504
12504
  }
12505
12505
  .p-x-small {
12506
12506
  padding: var(--bal-space-x-small-tablet) !important;
12507
12507
  }
12508
- .tablet:p-x-small {
12508
+ .tablet\:p-x-small {
12509
12509
  padding: var(--bal-space-x-small-tablet) !important;
12510
12510
  }
12511
12511
  .p-small {
12512
12512
  padding: var(--bal-space-small-tablet) !important;
12513
12513
  }
12514
- .tablet:p-small {
12514
+ .tablet\:p-small {
12515
12515
  padding: var(--bal-space-small-tablet) !important;
12516
12516
  }
12517
12517
  .p-normal {
12518
12518
  padding: var(--bal-space-normal-tablet) !important;
12519
12519
  }
12520
- .tablet:p-normal {
12520
+ .tablet\:p-normal {
12521
12521
  padding: var(--bal-space-normal-tablet) !important;
12522
12522
  }
12523
12523
  .p-medium {
12524
12524
  padding: var(--bal-space-medium-tablet) !important;
12525
12525
  }
12526
- .tablet:p-medium {
12526
+ .tablet\:p-medium {
12527
12527
  padding: var(--bal-space-medium-tablet) !important;
12528
12528
  }
12529
12529
  .p-large {
12530
12530
  padding: var(--bal-space-large-tablet) !important;
12531
12531
  }
12532
- .tablet:p-large {
12532
+ .tablet\:p-large {
12533
12533
  padding: var(--bal-space-large-tablet) !important;
12534
12534
  }
12535
12535
  .p-x-large {
12536
12536
  padding: var(--bal-space-x-large-tablet) !important;
12537
12537
  }
12538
- .tablet:p-x-large {
12538
+ .tablet\:p-x-large {
12539
12539
  padding: var(--bal-space-x-large-tablet) !important;
12540
12540
  }
12541
12541
  .p-xx-large {
12542
12542
  padding: var(--bal-space-xx-large-tablet) !important;
12543
12543
  }
12544
- .tablet:p-xx-large {
12544
+ .tablet\:p-xx-large {
12545
12545
  padding: var(--bal-space-xx-large-tablet) !important;
12546
12546
  }
12547
12547
  .p-xxx-large {
12548
12548
  padding: var(--bal-space-xxx-large-tablet) !important;
12549
12549
  }
12550
- .tablet:p-xxx-large {
12550
+ .tablet\:p-xxx-large {
12551
12551
  padding: var(--bal-space-xxx-large-tablet) !important;
12552
12552
  }
12553
12553
  .p-xxxx-large {
12554
12554
  padding: var(--bal-space-xxxx-large-tablet) !important;
12555
12555
  }
12556
- .tablet:p-xxxx-large {
12556
+ .tablet\:p-xxxx-large {
12557
12557
  padding: var(--bal-space-xxxx-large-tablet) !important;
12558
12558
  }
12559
12559
  }
@@ -12567,61 +12567,61 @@
12567
12567
  .p-xx-small {
12568
12568
  padding: var(--bal-space-xx-small-desktop) !important;
12569
12569
  }
12570
- .desktop:p-xx-small {
12570
+ .desktop\:p-xx-small {
12571
12571
  padding: var(--bal-space-xx-small-desktop) !important;
12572
12572
  }
12573
12573
  .p-x-small {
12574
12574
  padding: var(--bal-space-x-small-desktop) !important;
12575
12575
  }
12576
- .desktop:p-x-small {
12576
+ .desktop\:p-x-small {
12577
12577
  padding: var(--bal-space-x-small-desktop) !important;
12578
12578
  }
12579
12579
  .p-small {
12580
12580
  padding: var(--bal-space-small-desktop) !important;
12581
12581
  }
12582
- .desktop:p-small {
12582
+ .desktop\:p-small {
12583
12583
  padding: var(--bal-space-small-desktop) !important;
12584
12584
  }
12585
12585
  .p-normal {
12586
12586
  padding: var(--bal-space-normal-desktop) !important;
12587
12587
  }
12588
- .desktop:p-normal {
12588
+ .desktop\:p-normal {
12589
12589
  padding: var(--bal-space-normal-desktop) !important;
12590
12590
  }
12591
12591
  .p-medium {
12592
12592
  padding: var(--bal-space-medium-desktop) !important;
12593
12593
  }
12594
- .desktop:p-medium {
12594
+ .desktop\:p-medium {
12595
12595
  padding: var(--bal-space-medium-desktop) !important;
12596
12596
  }
12597
12597
  .p-large {
12598
12598
  padding: var(--bal-space-large-desktop) !important;
12599
12599
  }
12600
- .desktop:p-large {
12600
+ .desktop\:p-large {
12601
12601
  padding: var(--bal-space-large-desktop) !important;
12602
12602
  }
12603
12603
  .p-x-large {
12604
12604
  padding: var(--bal-space-x-large-desktop) !important;
12605
12605
  }
12606
- .desktop:p-x-large {
12606
+ .desktop\:p-x-large {
12607
12607
  padding: var(--bal-space-x-large-desktop) !important;
12608
12608
  }
12609
12609
  .p-xx-large {
12610
12610
  padding: var(--bal-space-xx-large-desktop) !important;
12611
12611
  }
12612
- .desktop:p-xx-large {
12612
+ .desktop\:p-xx-large {
12613
12613
  padding: var(--bal-space-xx-large-desktop) !important;
12614
12614
  }
12615
12615
  .p-xxx-large {
12616
12616
  padding: var(--bal-space-xxx-large-desktop) !important;
12617
12617
  }
12618
- .desktop:p-xxx-large {
12618
+ .desktop\:p-xxx-large {
12619
12619
  padding: var(--bal-space-xxx-large-desktop) !important;
12620
12620
  }
12621
12621
  .p-xxxx-large {
12622
12622
  padding: var(--bal-space-xxxx-large-desktop) !important;
12623
12623
  }
12624
- .desktop:p-xxxx-large {
12624
+ .desktop\:p-xxxx-large {
12625
12625
  padding: var(--bal-space-xxxx-large-desktop) !important;
12626
12626
  }
12627
12627
  }
@@ -12686,45 +12686,45 @@
12686
12686
  }
12687
12687
 
12688
12688
  @media screen and (max-width: 768px) {
12689
- .mobile:px-xx-small {
12690
- padding-left: var(--bal-space-xx-small-mobile) !important;
12691
- padding-right: var(--bal-space-xx-small-mobile) !important;
12689
+ .mobile\:px-xx-small {
12690
+ padding-left: var(--bal-space-xx-small) !important;
12691
+ padding-right: var(--bal-space-xx-small) !important;
12692
12692
  }
12693
- .mobile:px-x-small {
12694
- padding-left: var(--bal-space-x-small-mobile) !important;
12695
- padding-right: var(--bal-space-x-small-mobile) !important;
12693
+ .mobile\:px-x-small {
12694
+ padding-left: var(--bal-space-x-small) !important;
12695
+ padding-right: var(--bal-space-x-small) !important;
12696
12696
  }
12697
- .mobile:px-small {
12698
- padding-left: var(--bal-space-small-mobile) !important;
12699
- padding-right: var(--bal-space-small-mobile) !important;
12697
+ .mobile\:px-small {
12698
+ padding-left: var(--bal-space-small) !important;
12699
+ padding-right: var(--bal-space-small) !important;
12700
12700
  }
12701
- .mobile:px-normal {
12702
- padding-left: var(--bal-space-normal-mobile) !important;
12703
- padding-right: var(--bal-space-normal-mobile) !important;
12701
+ .mobile\:px-normal {
12702
+ padding-left: var(--bal-space-normal) !important;
12703
+ padding-right: var(--bal-space-normal) !important;
12704
12704
  }
12705
- .mobile:px-medium {
12706
- padding-left: var(--bal-space-medium-mobile) !important;
12707
- padding-right: var(--bal-space-medium-mobile) !important;
12705
+ .mobile\:px-medium {
12706
+ padding-left: var(--bal-space-medium) !important;
12707
+ padding-right: var(--bal-space-medium) !important;
12708
12708
  }
12709
- .mobile:px-large {
12710
- padding-left: var(--bal-space-large-mobile) !important;
12711
- padding-right: var(--bal-space-large-mobile) !important;
12709
+ .mobile\:px-large {
12710
+ padding-left: var(--bal-space-large) !important;
12711
+ padding-right: var(--bal-space-large) !important;
12712
12712
  }
12713
- .mobile:px-x-large {
12714
- padding-left: var(--bal-space-x-large-mobile) !important;
12715
- padding-right: var(--bal-space-x-large-mobile) !important;
12713
+ .mobile\:px-x-large {
12714
+ padding-left: var(--bal-space-x-large) !important;
12715
+ padding-right: var(--bal-space-x-large) !important;
12716
12716
  }
12717
- .mobile:px-xx-large {
12718
- padding-left: var(--bal-space-xx-large-mobile) !important;
12719
- padding-right: var(--bal-space-xx-large-mobile) !important;
12717
+ .mobile\:px-xx-large {
12718
+ padding-left: var(--bal-space-xx-large) !important;
12719
+ padding-right: var(--bal-space-xx-large) !important;
12720
12720
  }
12721
- .mobile:px-xxx-large {
12722
- padding-left: var(--bal-space-xxx-large-mobile) !important;
12723
- padding-right: var(--bal-space-xxx-large-mobile) !important;
12721
+ .mobile\:px-xxx-large {
12722
+ padding-left: var(--bal-space-xxx-large) !important;
12723
+ padding-right: var(--bal-space-xxx-large) !important;
12724
12724
  }
12725
- .mobile:px-xxxx-large {
12726
- padding-left: var(--bal-space-xxxx-large-mobile) !important;
12727
- padding-right: var(--bal-space-xxxx-large-mobile) !important;
12725
+ .mobile\:px-xxxx-large {
12726
+ padding-left: var(--bal-space-xxxx-large) !important;
12727
+ padding-right: var(--bal-space-xxxx-large) !important;
12728
12728
  }
12729
12729
  }
12730
12730
  @media screen and (min-width: 769px), print {
@@ -12740,7 +12740,7 @@
12740
12740
  padding-left: var(--bal-space-xx-small-tablet) !important;
12741
12741
  padding-right: var(--bal-space-xx-small-tablet) !important;
12742
12742
  }
12743
- .tablet:px-xx-small {
12743
+ .tablet\:px-xx-small {
12744
12744
  padding-left: var(--bal-space-xx-small-tablet) !important;
12745
12745
  padding-right: var(--bal-space-xx-small-tablet) !important;
12746
12746
  }
@@ -12748,7 +12748,7 @@
12748
12748
  padding-left: var(--bal-space-x-small-tablet) !important;
12749
12749
  padding-right: var(--bal-space-x-small-tablet) !important;
12750
12750
  }
12751
- .tablet:px-x-small {
12751
+ .tablet\:px-x-small {
12752
12752
  padding-left: var(--bal-space-x-small-tablet) !important;
12753
12753
  padding-right: var(--bal-space-x-small-tablet) !important;
12754
12754
  }
@@ -12756,7 +12756,7 @@
12756
12756
  padding-left: var(--bal-space-small-tablet) !important;
12757
12757
  padding-right: var(--bal-space-small-tablet) !important;
12758
12758
  }
12759
- .tablet:px-small {
12759
+ .tablet\:px-small {
12760
12760
  padding-left: var(--bal-space-small-tablet) !important;
12761
12761
  padding-right: var(--bal-space-small-tablet) !important;
12762
12762
  }
@@ -12764,7 +12764,7 @@
12764
12764
  padding-left: var(--bal-space-normal-tablet) !important;
12765
12765
  padding-right: var(--bal-space-normal-tablet) !important;
12766
12766
  }
12767
- .tablet:px-normal {
12767
+ .tablet\:px-normal {
12768
12768
  padding-left: var(--bal-space-normal-tablet) !important;
12769
12769
  padding-right: var(--bal-space-normal-tablet) !important;
12770
12770
  }
@@ -12772,7 +12772,7 @@
12772
12772
  padding-left: var(--bal-space-medium-tablet) !important;
12773
12773
  padding-right: var(--bal-space-medium-tablet) !important;
12774
12774
  }
12775
- .tablet:px-medium {
12775
+ .tablet\:px-medium {
12776
12776
  padding-left: var(--bal-space-medium-tablet) !important;
12777
12777
  padding-right: var(--bal-space-medium-tablet) !important;
12778
12778
  }
@@ -12780,7 +12780,7 @@
12780
12780
  padding-left: var(--bal-space-large-tablet) !important;
12781
12781
  padding-right: var(--bal-space-large-tablet) !important;
12782
12782
  }
12783
- .tablet:px-large {
12783
+ .tablet\:px-large {
12784
12784
  padding-left: var(--bal-space-large-tablet) !important;
12785
12785
  padding-right: var(--bal-space-large-tablet) !important;
12786
12786
  }
@@ -12788,7 +12788,7 @@
12788
12788
  padding-left: var(--bal-space-x-large-tablet) !important;
12789
12789
  padding-right: var(--bal-space-x-large-tablet) !important;
12790
12790
  }
12791
- .tablet:px-x-large {
12791
+ .tablet\:px-x-large {
12792
12792
  padding-left: var(--bal-space-x-large-tablet) !important;
12793
12793
  padding-right: var(--bal-space-x-large-tablet) !important;
12794
12794
  }
@@ -12796,7 +12796,7 @@
12796
12796
  padding-left: var(--bal-space-xx-large-tablet) !important;
12797
12797
  padding-right: var(--bal-space-xx-large-tablet) !important;
12798
12798
  }
12799
- .tablet:px-xx-large {
12799
+ .tablet\:px-xx-large {
12800
12800
  padding-left: var(--bal-space-xx-large-tablet) !important;
12801
12801
  padding-right: var(--bal-space-xx-large-tablet) !important;
12802
12802
  }
@@ -12804,7 +12804,7 @@
12804
12804
  padding-left: var(--bal-space-xxx-large-tablet) !important;
12805
12805
  padding-right: var(--bal-space-xxx-large-tablet) !important;
12806
12806
  }
12807
- .tablet:px-xxx-large {
12807
+ .tablet\:px-xxx-large {
12808
12808
  padding-left: var(--bal-space-xxx-large-tablet) !important;
12809
12809
  padding-right: var(--bal-space-xxx-large-tablet) !important;
12810
12810
  }
@@ -12812,7 +12812,7 @@
12812
12812
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
12813
12813
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
12814
12814
  }
12815
- .tablet:px-xxxx-large {
12815
+ .tablet\:px-xxxx-large {
12816
12816
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
12817
12817
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
12818
12818
  }
@@ -12830,7 +12830,7 @@
12830
12830
  padding-left: var(--bal-space-xx-small-desktop) !important;
12831
12831
  padding-right: var(--bal-space-xx-small-desktop) !important;
12832
12832
  }
12833
- .desktop:px-xx-small {
12833
+ .desktop\:px-xx-small {
12834
12834
  padding-left: var(--bal-space-xx-small-desktop) !important;
12835
12835
  padding-right: var(--bal-space-xx-small-desktop) !important;
12836
12836
  }
@@ -12838,7 +12838,7 @@
12838
12838
  padding-left: var(--bal-space-x-small-desktop) !important;
12839
12839
  padding-right: var(--bal-space-x-small-desktop) !important;
12840
12840
  }
12841
- .desktop:px-x-small {
12841
+ .desktop\:px-x-small {
12842
12842
  padding-left: var(--bal-space-x-small-desktop) !important;
12843
12843
  padding-right: var(--bal-space-x-small-desktop) !important;
12844
12844
  }
@@ -12846,7 +12846,7 @@
12846
12846
  padding-left: var(--bal-space-small-desktop) !important;
12847
12847
  padding-right: var(--bal-space-small-desktop) !important;
12848
12848
  }
12849
- .desktop:px-small {
12849
+ .desktop\:px-small {
12850
12850
  padding-left: var(--bal-space-small-desktop) !important;
12851
12851
  padding-right: var(--bal-space-small-desktop) !important;
12852
12852
  }
@@ -12854,7 +12854,7 @@
12854
12854
  padding-left: var(--bal-space-normal-desktop) !important;
12855
12855
  padding-right: var(--bal-space-normal-desktop) !important;
12856
12856
  }
12857
- .desktop:px-normal {
12857
+ .desktop\:px-normal {
12858
12858
  padding-left: var(--bal-space-normal-desktop) !important;
12859
12859
  padding-right: var(--bal-space-normal-desktop) !important;
12860
12860
  }
@@ -12862,7 +12862,7 @@
12862
12862
  padding-left: var(--bal-space-medium-desktop) !important;
12863
12863
  padding-right: var(--bal-space-medium-desktop) !important;
12864
12864
  }
12865
- .desktop:px-medium {
12865
+ .desktop\:px-medium {
12866
12866
  padding-left: var(--bal-space-medium-desktop) !important;
12867
12867
  padding-right: var(--bal-space-medium-desktop) !important;
12868
12868
  }
@@ -12870,7 +12870,7 @@
12870
12870
  padding-left: var(--bal-space-large-desktop) !important;
12871
12871
  padding-right: var(--bal-space-large-desktop) !important;
12872
12872
  }
12873
- .desktop:px-large {
12873
+ .desktop\:px-large {
12874
12874
  padding-left: var(--bal-space-large-desktop) !important;
12875
12875
  padding-right: var(--bal-space-large-desktop) !important;
12876
12876
  }
@@ -12878,7 +12878,7 @@
12878
12878
  padding-left: var(--bal-space-x-large-desktop) !important;
12879
12879
  padding-right: var(--bal-space-x-large-desktop) !important;
12880
12880
  }
12881
- .desktop:px-x-large {
12881
+ .desktop\:px-x-large {
12882
12882
  padding-left: var(--bal-space-x-large-desktop) !important;
12883
12883
  padding-right: var(--bal-space-x-large-desktop) !important;
12884
12884
  }
@@ -12886,7 +12886,7 @@
12886
12886
  padding-left: var(--bal-space-xx-large-desktop) !important;
12887
12887
  padding-right: var(--bal-space-xx-large-desktop) !important;
12888
12888
  }
12889
- .desktop:px-xx-large {
12889
+ .desktop\:px-xx-large {
12890
12890
  padding-left: var(--bal-space-xx-large-desktop) !important;
12891
12891
  padding-right: var(--bal-space-xx-large-desktop) !important;
12892
12892
  }
@@ -12894,7 +12894,7 @@
12894
12894
  padding-left: var(--bal-space-xxx-large-desktop) !important;
12895
12895
  padding-right: var(--bal-space-xxx-large-desktop) !important;
12896
12896
  }
12897
- .desktop:px-xxx-large {
12897
+ .desktop\:px-xxx-large {
12898
12898
  padding-left: var(--bal-space-xxx-large-desktop) !important;
12899
12899
  padding-right: var(--bal-space-xxx-large-desktop) !important;
12900
12900
  }
@@ -12902,7 +12902,7 @@
12902
12902
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
12903
12903
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
12904
12904
  }
12905
- .desktop:px-xxxx-large {
12905
+ .desktop\:px-xxxx-large {
12906
12906
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
12907
12907
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
12908
12908
  }
@@ -12968,45 +12968,45 @@
12968
12968
  }
12969
12969
 
12970
12970
  @media screen and (max-width: 768px) {
12971
- .mobile:py-xx-small {
12972
- padding-top: var(--bal-space-xx-small-mobile) !important;
12973
- padding-bottom: var(--bal-space-xx-small-mobile) !important;
12971
+ .mobile\:py-xx-small {
12972
+ padding-top: var(--bal-space-xx-small) !important;
12973
+ padding-bottom: var(--bal-space-xx-small) !important;
12974
12974
  }
12975
- .mobile:py-x-small {
12976
- padding-top: var(--bal-space-x-small-mobile) !important;
12977
- padding-bottom: var(--bal-space-x-small-mobile) !important;
12975
+ .mobile\:py-x-small {
12976
+ padding-top: var(--bal-space-x-small) !important;
12977
+ padding-bottom: var(--bal-space-x-small) !important;
12978
12978
  }
12979
- .mobile:py-small {
12980
- padding-top: var(--bal-space-small-mobile) !important;
12981
- padding-bottom: var(--bal-space-small-mobile) !important;
12979
+ .mobile\:py-small {
12980
+ padding-top: var(--bal-space-small) !important;
12981
+ padding-bottom: var(--bal-space-small) !important;
12982
12982
  }
12983
- .mobile:py-normal {
12984
- padding-top: var(--bal-space-normal-mobile) !important;
12985
- padding-bottom: var(--bal-space-normal-mobile) !important;
12983
+ .mobile\:py-normal {
12984
+ padding-top: var(--bal-space-normal) !important;
12985
+ padding-bottom: var(--bal-space-normal) !important;
12986
12986
  }
12987
- .mobile:py-medium {
12988
- padding-top: var(--bal-space-medium-mobile) !important;
12989
- padding-bottom: var(--bal-space-medium-mobile) !important;
12987
+ .mobile\:py-medium {
12988
+ padding-top: var(--bal-space-medium) !important;
12989
+ padding-bottom: var(--bal-space-medium) !important;
12990
12990
  }
12991
- .mobile:py-large {
12992
- padding-top: var(--bal-space-large-mobile) !important;
12993
- padding-bottom: var(--bal-space-large-mobile) !important;
12991
+ .mobile\:py-large {
12992
+ padding-top: var(--bal-space-large) !important;
12993
+ padding-bottom: var(--bal-space-large) !important;
12994
12994
  }
12995
- .mobile:py-x-large {
12996
- padding-top: var(--bal-space-x-large-mobile) !important;
12997
- padding-bottom: var(--bal-space-x-large-mobile) !important;
12995
+ .mobile\:py-x-large {
12996
+ padding-top: var(--bal-space-x-large) !important;
12997
+ padding-bottom: var(--bal-space-x-large) !important;
12998
12998
  }
12999
- .mobile:py-xx-large {
13000
- padding-top: var(--bal-space-xx-large-mobile) !important;
13001
- padding-bottom: var(--bal-space-xx-large-mobile) !important;
12999
+ .mobile\:py-xx-large {
13000
+ padding-top: var(--bal-space-xx-large) !important;
13001
+ padding-bottom: var(--bal-space-xx-large) !important;
13002
13002
  }
13003
- .mobile:py-xxx-large {
13004
- padding-top: var(--bal-space-xxx-large-mobile) !important;
13005
- padding-bottom: var(--bal-space-xxx-large-mobile) !important;
13003
+ .mobile\:py-xxx-large {
13004
+ padding-top: var(--bal-space-xxx-large) !important;
13005
+ padding-bottom: var(--bal-space-xxx-large) !important;
13006
13006
  }
13007
- .mobile:py-xxxx-large {
13008
- padding-top: var(--bal-space-xxxx-large-mobile) !important;
13009
- padding-bottom: var(--bal-space-xxxx-large-mobile) !important;
13007
+ .mobile\:py-xxxx-large {
13008
+ padding-top: var(--bal-space-xxxx-large) !important;
13009
+ padding-bottom: var(--bal-space-xxxx-large) !important;
13010
13010
  }
13011
13011
  }
13012
13012
  @media screen and (min-width: 769px), print {
@@ -13022,7 +13022,7 @@
13022
13022
  padding-top: var(--bal-space-xx-small-tablet) !important;
13023
13023
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
13024
13024
  }
13025
- .tablet:py-xx-small {
13025
+ .tablet\:py-xx-small {
13026
13026
  padding-top: var(--bal-space-xx-small-tablet) !important;
13027
13027
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
13028
13028
  }
@@ -13030,7 +13030,7 @@
13030
13030
  padding-top: var(--bal-space-x-small-tablet) !important;
13031
13031
  padding-bottom: var(--bal-space-x-small-tablet) !important;
13032
13032
  }
13033
- .tablet:py-x-small {
13033
+ .tablet\:py-x-small {
13034
13034
  padding-top: var(--bal-space-x-small-tablet) !important;
13035
13035
  padding-bottom: var(--bal-space-x-small-tablet) !important;
13036
13036
  }
@@ -13038,7 +13038,7 @@
13038
13038
  padding-top: var(--bal-space-small-tablet) !important;
13039
13039
  padding-bottom: var(--bal-space-small-tablet) !important;
13040
13040
  }
13041
- .tablet:py-small {
13041
+ .tablet\:py-small {
13042
13042
  padding-top: var(--bal-space-small-tablet) !important;
13043
13043
  padding-bottom: var(--bal-space-small-tablet) !important;
13044
13044
  }
@@ -13046,7 +13046,7 @@
13046
13046
  padding-top: var(--bal-space-normal-tablet) !important;
13047
13047
  padding-bottom: var(--bal-space-normal-tablet) !important;
13048
13048
  }
13049
- .tablet:py-normal {
13049
+ .tablet\:py-normal {
13050
13050
  padding-top: var(--bal-space-normal-tablet) !important;
13051
13051
  padding-bottom: var(--bal-space-normal-tablet) !important;
13052
13052
  }
@@ -13054,7 +13054,7 @@
13054
13054
  padding-top: var(--bal-space-medium-tablet) !important;
13055
13055
  padding-bottom: var(--bal-space-medium-tablet) !important;
13056
13056
  }
13057
- .tablet:py-medium {
13057
+ .tablet\:py-medium {
13058
13058
  padding-top: var(--bal-space-medium-tablet) !important;
13059
13059
  padding-bottom: var(--bal-space-medium-tablet) !important;
13060
13060
  }
@@ -13062,7 +13062,7 @@
13062
13062
  padding-top: var(--bal-space-large-tablet) !important;
13063
13063
  padding-bottom: var(--bal-space-large-tablet) !important;
13064
13064
  }
13065
- .tablet:py-large {
13065
+ .tablet\:py-large {
13066
13066
  padding-top: var(--bal-space-large-tablet) !important;
13067
13067
  padding-bottom: var(--bal-space-large-tablet) !important;
13068
13068
  }
@@ -13070,7 +13070,7 @@
13070
13070
  padding-top: var(--bal-space-x-large-tablet) !important;
13071
13071
  padding-bottom: var(--bal-space-x-large-tablet) !important;
13072
13072
  }
13073
- .tablet:py-x-large {
13073
+ .tablet\:py-x-large {
13074
13074
  padding-top: var(--bal-space-x-large-tablet) !important;
13075
13075
  padding-bottom: var(--bal-space-x-large-tablet) !important;
13076
13076
  }
@@ -13078,7 +13078,7 @@
13078
13078
  padding-top: var(--bal-space-xx-large-tablet) !important;
13079
13079
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
13080
13080
  }
13081
- .tablet:py-xx-large {
13081
+ .tablet\:py-xx-large {
13082
13082
  padding-top: var(--bal-space-xx-large-tablet) !important;
13083
13083
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
13084
13084
  }
@@ -13086,7 +13086,7 @@
13086
13086
  padding-top: var(--bal-space-xxx-large-tablet) !important;
13087
13087
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
13088
13088
  }
13089
- .tablet:py-xxx-large {
13089
+ .tablet\:py-xxx-large {
13090
13090
  padding-top: var(--bal-space-xxx-large-tablet) !important;
13091
13091
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
13092
13092
  }
@@ -13094,7 +13094,7 @@
13094
13094
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
13095
13095
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
13096
13096
  }
13097
- .tablet:py-xxxx-large {
13097
+ .tablet\:py-xxxx-large {
13098
13098
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
13099
13099
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
13100
13100
  }
@@ -13112,7 +13112,7 @@
13112
13112
  padding-top: var(--bal-space-xx-small-desktop) !important;
13113
13113
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
13114
13114
  }
13115
- .desktop:py-xx-small {
13115
+ .desktop\:py-xx-small {
13116
13116
  padding-top: var(--bal-space-xx-small-desktop) !important;
13117
13117
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
13118
13118
  }
@@ -13120,7 +13120,7 @@
13120
13120
  padding-top: var(--bal-space-x-small-desktop) !important;
13121
13121
  padding-bottom: var(--bal-space-x-small-desktop) !important;
13122
13122
  }
13123
- .desktop:py-x-small {
13123
+ .desktop\:py-x-small {
13124
13124
  padding-top: var(--bal-space-x-small-desktop) !important;
13125
13125
  padding-bottom: var(--bal-space-x-small-desktop) !important;
13126
13126
  }
@@ -13128,7 +13128,7 @@
13128
13128
  padding-top: var(--bal-space-small-desktop) !important;
13129
13129
  padding-bottom: var(--bal-space-small-desktop) !important;
13130
13130
  }
13131
- .desktop:py-small {
13131
+ .desktop\:py-small {
13132
13132
  padding-top: var(--bal-space-small-desktop) !important;
13133
13133
  padding-bottom: var(--bal-space-small-desktop) !important;
13134
13134
  }
@@ -13136,7 +13136,7 @@
13136
13136
  padding-top: var(--bal-space-normal-desktop) !important;
13137
13137
  padding-bottom: var(--bal-space-normal-desktop) !important;
13138
13138
  }
13139
- .desktop:py-normal {
13139
+ .desktop\:py-normal {
13140
13140
  padding-top: var(--bal-space-normal-desktop) !important;
13141
13141
  padding-bottom: var(--bal-space-normal-desktop) !important;
13142
13142
  }
@@ -13144,7 +13144,7 @@
13144
13144
  padding-top: var(--bal-space-medium-desktop) !important;
13145
13145
  padding-bottom: var(--bal-space-medium-desktop) !important;
13146
13146
  }
13147
- .desktop:py-medium {
13147
+ .desktop\:py-medium {
13148
13148
  padding-top: var(--bal-space-medium-desktop) !important;
13149
13149
  padding-bottom: var(--bal-space-medium-desktop) !important;
13150
13150
  }
@@ -13152,7 +13152,7 @@
13152
13152
  padding-top: var(--bal-space-large-desktop) !important;
13153
13153
  padding-bottom: var(--bal-space-large-desktop) !important;
13154
13154
  }
13155
- .desktop:py-large {
13155
+ .desktop\:py-large {
13156
13156
  padding-top: var(--bal-space-large-desktop) !important;
13157
13157
  padding-bottom: var(--bal-space-large-desktop) !important;
13158
13158
  }
@@ -13160,7 +13160,7 @@
13160
13160
  padding-top: var(--bal-space-x-large-desktop) !important;
13161
13161
  padding-bottom: var(--bal-space-x-large-desktop) !important;
13162
13162
  }
13163
- .desktop:py-x-large {
13163
+ .desktop\:py-x-large {
13164
13164
  padding-top: var(--bal-space-x-large-desktop) !important;
13165
13165
  padding-bottom: var(--bal-space-x-large-desktop) !important;
13166
13166
  }
@@ -13168,7 +13168,7 @@
13168
13168
  padding-top: var(--bal-space-xx-large-desktop) !important;
13169
13169
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
13170
13170
  }
13171
- .desktop:py-xx-large {
13171
+ .desktop\:py-xx-large {
13172
13172
  padding-top: var(--bal-space-xx-large-desktop) !important;
13173
13173
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
13174
13174
  }
@@ -13176,7 +13176,7 @@
13176
13176
  padding-top: var(--bal-space-xxx-large-desktop) !important;
13177
13177
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
13178
13178
  }
13179
- .desktop:py-xxx-large {
13179
+ .desktop\:py-xxx-large {
13180
13180
  padding-top: var(--bal-space-xxx-large-desktop) !important;
13181
13181
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
13182
13182
  }
@@ -13184,7 +13184,7 @@
13184
13184
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
13185
13185
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
13186
13186
  }
13187
- .desktop:py-xxxx-large {
13187
+ .desktop\:py-xxxx-large {
13188
13188
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
13189
13189
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
13190
13190
  }
@@ -13238,35 +13238,35 @@
13238
13238
  }
13239
13239
 
13240
13240
  @media screen and (max-width: 768px) {
13241
- .mobile:pt-xx-small {
13242
- padding-top: var(--bal-space-xx-small-mobile) !important;
13241
+ .mobile\:pt-xx-small {
13242
+ padding-top: var(--bal-space-xx-small) !important;
13243
13243
  }
13244
- .mobile:pt-x-small {
13245
- padding-top: var(--bal-space-x-small-mobile) !important;
13244
+ .mobile\:pt-x-small {
13245
+ padding-top: var(--bal-space-x-small) !important;
13246
13246
  }
13247
- .mobile:pt-small {
13248
- padding-top: var(--bal-space-small-mobile) !important;
13247
+ .mobile\:pt-small {
13248
+ padding-top: var(--bal-space-small) !important;
13249
13249
  }
13250
- .mobile:pt-normal {
13251
- padding-top: var(--bal-space-normal-mobile) !important;
13250
+ .mobile\:pt-normal {
13251
+ padding-top: var(--bal-space-normal) !important;
13252
13252
  }
13253
- .mobile:pt-medium {
13254
- padding-top: var(--bal-space-medium-mobile) !important;
13253
+ .mobile\:pt-medium {
13254
+ padding-top: var(--bal-space-medium) !important;
13255
13255
  }
13256
- .mobile:pt-large {
13257
- padding-top: var(--bal-space-large-mobile) !important;
13256
+ .mobile\:pt-large {
13257
+ padding-top: var(--bal-space-large) !important;
13258
13258
  }
13259
- .mobile:pt-x-large {
13260
- padding-top: var(--bal-space-x-large-mobile) !important;
13259
+ .mobile\:pt-x-large {
13260
+ padding-top: var(--bal-space-x-large) !important;
13261
13261
  }
13262
- .mobile:pt-xx-large {
13263
- padding-top: var(--bal-space-xx-large-mobile) !important;
13262
+ .mobile\:pt-xx-large {
13263
+ padding-top: var(--bal-space-xx-large) !important;
13264
13264
  }
13265
- .mobile:pt-xxx-large {
13266
- padding-top: var(--bal-space-xxx-large-mobile) !important;
13265
+ .mobile\:pt-xxx-large {
13266
+ padding-top: var(--bal-space-xxx-large) !important;
13267
13267
  }
13268
- .mobile:pt-xxxx-large {
13269
- padding-top: var(--bal-space-xxxx-large-mobile) !important;
13268
+ .mobile\:pt-xxxx-large {
13269
+ padding-top: var(--bal-space-xxxx-large) !important;
13270
13270
  }
13271
13271
  }
13272
13272
  @media screen and (min-width: 769px), print {
@@ -13279,61 +13279,61 @@
13279
13279
  .pt-xx-small {
13280
13280
  padding-top: var(--bal-space-xx-small-tablet) !important;
13281
13281
  }
13282
- .tablet:pt-xx-small {
13282
+ .tablet\:pt-xx-small {
13283
13283
  padding-top: var(--bal-space-xx-small-tablet) !important;
13284
13284
  }
13285
13285
  .pt-x-small {
13286
13286
  padding-top: var(--bal-space-x-small-tablet) !important;
13287
13287
  }
13288
- .tablet:pt-x-small {
13288
+ .tablet\:pt-x-small {
13289
13289
  padding-top: var(--bal-space-x-small-tablet) !important;
13290
13290
  }
13291
13291
  .pt-small {
13292
13292
  padding-top: var(--bal-space-small-tablet) !important;
13293
13293
  }
13294
- .tablet:pt-small {
13294
+ .tablet\:pt-small {
13295
13295
  padding-top: var(--bal-space-small-tablet) !important;
13296
13296
  }
13297
13297
  .pt-normal {
13298
13298
  padding-top: var(--bal-space-normal-tablet) !important;
13299
13299
  }
13300
- .tablet:pt-normal {
13300
+ .tablet\:pt-normal {
13301
13301
  padding-top: var(--bal-space-normal-tablet) !important;
13302
13302
  }
13303
13303
  .pt-medium {
13304
13304
  padding-top: var(--bal-space-medium-tablet) !important;
13305
13305
  }
13306
- .tablet:pt-medium {
13306
+ .tablet\:pt-medium {
13307
13307
  padding-top: var(--bal-space-medium-tablet) !important;
13308
13308
  }
13309
13309
  .pt-large {
13310
13310
  padding-top: var(--bal-space-large-tablet) !important;
13311
13311
  }
13312
- .tablet:pt-large {
13312
+ .tablet\:pt-large {
13313
13313
  padding-top: var(--bal-space-large-tablet) !important;
13314
13314
  }
13315
13315
  .pt-x-large {
13316
13316
  padding-top: var(--bal-space-x-large-tablet) !important;
13317
13317
  }
13318
- .tablet:pt-x-large {
13318
+ .tablet\:pt-x-large {
13319
13319
  padding-top: var(--bal-space-x-large-tablet) !important;
13320
13320
  }
13321
13321
  .pt-xx-large {
13322
13322
  padding-top: var(--bal-space-xx-large-tablet) !important;
13323
13323
  }
13324
- .tablet:pt-xx-large {
13324
+ .tablet\:pt-xx-large {
13325
13325
  padding-top: var(--bal-space-xx-large-tablet) !important;
13326
13326
  }
13327
13327
  .pt-xxx-large {
13328
13328
  padding-top: var(--bal-space-xxx-large-tablet) !important;
13329
13329
  }
13330
- .tablet:pt-xxx-large {
13330
+ .tablet\:pt-xxx-large {
13331
13331
  padding-top: var(--bal-space-xxx-large-tablet) !important;
13332
13332
  }
13333
13333
  .pt-xxxx-large {
13334
13334
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
13335
13335
  }
13336
- .tablet:pt-xxxx-large {
13336
+ .tablet\:pt-xxxx-large {
13337
13337
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
13338
13338
  }
13339
13339
  }
@@ -13347,61 +13347,61 @@
13347
13347
  .pt-xx-small {
13348
13348
  padding-top: var(--bal-space-xx-small-desktop) !important;
13349
13349
  }
13350
- .desktop:pt-xx-small {
13350
+ .desktop\:pt-xx-small {
13351
13351
  padding-top: var(--bal-space-xx-small-desktop) !important;
13352
13352
  }
13353
13353
  .pt-x-small {
13354
13354
  padding-top: var(--bal-space-x-small-desktop) !important;
13355
13355
  }
13356
- .desktop:pt-x-small {
13356
+ .desktop\:pt-x-small {
13357
13357
  padding-top: var(--bal-space-x-small-desktop) !important;
13358
13358
  }
13359
13359
  .pt-small {
13360
13360
  padding-top: var(--bal-space-small-desktop) !important;
13361
13361
  }
13362
- .desktop:pt-small {
13362
+ .desktop\:pt-small {
13363
13363
  padding-top: var(--bal-space-small-desktop) !important;
13364
13364
  }
13365
13365
  .pt-normal {
13366
13366
  padding-top: var(--bal-space-normal-desktop) !important;
13367
13367
  }
13368
- .desktop:pt-normal {
13368
+ .desktop\:pt-normal {
13369
13369
  padding-top: var(--bal-space-normal-desktop) !important;
13370
13370
  }
13371
13371
  .pt-medium {
13372
13372
  padding-top: var(--bal-space-medium-desktop) !important;
13373
13373
  }
13374
- .desktop:pt-medium {
13374
+ .desktop\:pt-medium {
13375
13375
  padding-top: var(--bal-space-medium-desktop) !important;
13376
13376
  }
13377
13377
  .pt-large {
13378
13378
  padding-top: var(--bal-space-large-desktop) !important;
13379
13379
  }
13380
- .desktop:pt-large {
13380
+ .desktop\:pt-large {
13381
13381
  padding-top: var(--bal-space-large-desktop) !important;
13382
13382
  }
13383
13383
  .pt-x-large {
13384
13384
  padding-top: var(--bal-space-x-large-desktop) !important;
13385
13385
  }
13386
- .desktop:pt-x-large {
13386
+ .desktop\:pt-x-large {
13387
13387
  padding-top: var(--bal-space-x-large-desktop) !important;
13388
13388
  }
13389
13389
  .pt-xx-large {
13390
13390
  padding-top: var(--bal-space-xx-large-desktop) !important;
13391
13391
  }
13392
- .desktop:pt-xx-large {
13392
+ .desktop\:pt-xx-large {
13393
13393
  padding-top: var(--bal-space-xx-large-desktop) !important;
13394
13394
  }
13395
13395
  .pt-xxx-large {
13396
13396
  padding-top: var(--bal-space-xxx-large-desktop) !important;
13397
13397
  }
13398
- .desktop:pt-xxx-large {
13398
+ .desktop\:pt-xxx-large {
13399
13399
  padding-top: var(--bal-space-xxx-large-desktop) !important;
13400
13400
  }
13401
13401
  .pt-xxxx-large {
13402
13402
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
13403
13403
  }
13404
- .desktop:pt-xxxx-large {
13404
+ .desktop\:pt-xxxx-large {
13405
13405
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
13406
13406
  }
13407
13407
  }
@@ -13454,35 +13454,35 @@
13454
13454
  }
13455
13455
 
13456
13456
  @media screen and (max-width: 768px) {
13457
- .mobile:pr-xx-small {
13458
- padding-right: var(--bal-space-xx-small-mobile) !important;
13457
+ .mobile\:pr-xx-small {
13458
+ padding-right: var(--bal-space-xx-small) !important;
13459
13459
  }
13460
- .mobile:pr-x-small {
13461
- padding-right: var(--bal-space-x-small-mobile) !important;
13460
+ .mobile\:pr-x-small {
13461
+ padding-right: var(--bal-space-x-small) !important;
13462
13462
  }
13463
- .mobile:pr-small {
13464
- padding-right: var(--bal-space-small-mobile) !important;
13463
+ .mobile\:pr-small {
13464
+ padding-right: var(--bal-space-small) !important;
13465
13465
  }
13466
- .mobile:pr-normal {
13467
- padding-right: var(--bal-space-normal-mobile) !important;
13466
+ .mobile\:pr-normal {
13467
+ padding-right: var(--bal-space-normal) !important;
13468
13468
  }
13469
- .mobile:pr-medium {
13470
- padding-right: var(--bal-space-medium-mobile) !important;
13469
+ .mobile\:pr-medium {
13470
+ padding-right: var(--bal-space-medium) !important;
13471
13471
  }
13472
- .mobile:pr-large {
13473
- padding-right: var(--bal-space-large-mobile) !important;
13472
+ .mobile\:pr-large {
13473
+ padding-right: var(--bal-space-large) !important;
13474
13474
  }
13475
- .mobile:pr-x-large {
13476
- padding-right: var(--bal-space-x-large-mobile) !important;
13475
+ .mobile\:pr-x-large {
13476
+ padding-right: var(--bal-space-x-large) !important;
13477
13477
  }
13478
- .mobile:pr-xx-large {
13479
- padding-right: var(--bal-space-xx-large-mobile) !important;
13478
+ .mobile\:pr-xx-large {
13479
+ padding-right: var(--bal-space-xx-large) !important;
13480
13480
  }
13481
- .mobile:pr-xxx-large {
13482
- padding-right: var(--bal-space-xxx-large-mobile) !important;
13481
+ .mobile\:pr-xxx-large {
13482
+ padding-right: var(--bal-space-xxx-large) !important;
13483
13483
  }
13484
- .mobile:pr-xxxx-large {
13485
- padding-right: var(--bal-space-xxxx-large-mobile) !important;
13484
+ .mobile\:pr-xxxx-large {
13485
+ padding-right: var(--bal-space-xxxx-large) !important;
13486
13486
  }
13487
13487
  }
13488
13488
  @media screen and (min-width: 769px), print {
@@ -13495,61 +13495,61 @@
13495
13495
  .pr-xx-small {
13496
13496
  padding-right: var(--bal-space-xx-small-tablet) !important;
13497
13497
  }
13498
- .tablet:pr-xx-small {
13498
+ .tablet\:pr-xx-small {
13499
13499
  padding-right: var(--bal-space-xx-small-tablet) !important;
13500
13500
  }
13501
13501
  .pr-x-small {
13502
13502
  padding-right: var(--bal-space-x-small-tablet) !important;
13503
13503
  }
13504
- .tablet:pr-x-small {
13504
+ .tablet\:pr-x-small {
13505
13505
  padding-right: var(--bal-space-x-small-tablet) !important;
13506
13506
  }
13507
13507
  .pr-small {
13508
13508
  padding-right: var(--bal-space-small-tablet) !important;
13509
13509
  }
13510
- .tablet:pr-small {
13510
+ .tablet\:pr-small {
13511
13511
  padding-right: var(--bal-space-small-tablet) !important;
13512
13512
  }
13513
13513
  .pr-normal {
13514
13514
  padding-right: var(--bal-space-normal-tablet) !important;
13515
13515
  }
13516
- .tablet:pr-normal {
13516
+ .tablet\:pr-normal {
13517
13517
  padding-right: var(--bal-space-normal-tablet) !important;
13518
13518
  }
13519
13519
  .pr-medium {
13520
13520
  padding-right: var(--bal-space-medium-tablet) !important;
13521
13521
  }
13522
- .tablet:pr-medium {
13522
+ .tablet\:pr-medium {
13523
13523
  padding-right: var(--bal-space-medium-tablet) !important;
13524
13524
  }
13525
13525
  .pr-large {
13526
13526
  padding-right: var(--bal-space-large-tablet) !important;
13527
13527
  }
13528
- .tablet:pr-large {
13528
+ .tablet\:pr-large {
13529
13529
  padding-right: var(--bal-space-large-tablet) !important;
13530
13530
  }
13531
13531
  .pr-x-large {
13532
13532
  padding-right: var(--bal-space-x-large-tablet) !important;
13533
13533
  }
13534
- .tablet:pr-x-large {
13534
+ .tablet\:pr-x-large {
13535
13535
  padding-right: var(--bal-space-x-large-tablet) !important;
13536
13536
  }
13537
13537
  .pr-xx-large {
13538
13538
  padding-right: var(--bal-space-xx-large-tablet) !important;
13539
13539
  }
13540
- .tablet:pr-xx-large {
13540
+ .tablet\:pr-xx-large {
13541
13541
  padding-right: var(--bal-space-xx-large-tablet) !important;
13542
13542
  }
13543
13543
  .pr-xxx-large {
13544
13544
  padding-right: var(--bal-space-xxx-large-tablet) !important;
13545
13545
  }
13546
- .tablet:pr-xxx-large {
13546
+ .tablet\:pr-xxx-large {
13547
13547
  padding-right: var(--bal-space-xxx-large-tablet) !important;
13548
13548
  }
13549
13549
  .pr-xxxx-large {
13550
13550
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
13551
13551
  }
13552
- .tablet:pr-xxxx-large {
13552
+ .tablet\:pr-xxxx-large {
13553
13553
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
13554
13554
  }
13555
13555
  }
@@ -13563,61 +13563,61 @@
13563
13563
  .pr-xx-small {
13564
13564
  padding-right: var(--bal-space-xx-small-desktop) !important;
13565
13565
  }
13566
- .desktop:pr-xx-small {
13566
+ .desktop\:pr-xx-small {
13567
13567
  padding-right: var(--bal-space-xx-small-desktop) !important;
13568
13568
  }
13569
13569
  .pr-x-small {
13570
13570
  padding-right: var(--bal-space-x-small-desktop) !important;
13571
13571
  }
13572
- .desktop:pr-x-small {
13572
+ .desktop\:pr-x-small {
13573
13573
  padding-right: var(--bal-space-x-small-desktop) !important;
13574
13574
  }
13575
13575
  .pr-small {
13576
13576
  padding-right: var(--bal-space-small-desktop) !important;
13577
13577
  }
13578
- .desktop:pr-small {
13578
+ .desktop\:pr-small {
13579
13579
  padding-right: var(--bal-space-small-desktop) !important;
13580
13580
  }
13581
13581
  .pr-normal {
13582
13582
  padding-right: var(--bal-space-normal-desktop) !important;
13583
13583
  }
13584
- .desktop:pr-normal {
13584
+ .desktop\:pr-normal {
13585
13585
  padding-right: var(--bal-space-normal-desktop) !important;
13586
13586
  }
13587
13587
  .pr-medium {
13588
13588
  padding-right: var(--bal-space-medium-desktop) !important;
13589
13589
  }
13590
- .desktop:pr-medium {
13590
+ .desktop\:pr-medium {
13591
13591
  padding-right: var(--bal-space-medium-desktop) !important;
13592
13592
  }
13593
13593
  .pr-large {
13594
13594
  padding-right: var(--bal-space-large-desktop) !important;
13595
13595
  }
13596
- .desktop:pr-large {
13596
+ .desktop\:pr-large {
13597
13597
  padding-right: var(--bal-space-large-desktop) !important;
13598
13598
  }
13599
13599
  .pr-x-large {
13600
13600
  padding-right: var(--bal-space-x-large-desktop) !important;
13601
13601
  }
13602
- .desktop:pr-x-large {
13602
+ .desktop\:pr-x-large {
13603
13603
  padding-right: var(--bal-space-x-large-desktop) !important;
13604
13604
  }
13605
13605
  .pr-xx-large {
13606
13606
  padding-right: var(--bal-space-xx-large-desktop) !important;
13607
13607
  }
13608
- .desktop:pr-xx-large {
13608
+ .desktop\:pr-xx-large {
13609
13609
  padding-right: var(--bal-space-xx-large-desktop) !important;
13610
13610
  }
13611
13611
  .pr-xxx-large {
13612
13612
  padding-right: var(--bal-space-xxx-large-desktop) !important;
13613
13613
  }
13614
- .desktop:pr-xxx-large {
13614
+ .desktop\:pr-xxx-large {
13615
13615
  padding-right: var(--bal-space-xxx-large-desktop) !important;
13616
13616
  }
13617
13617
  .pr-xxxx-large {
13618
13618
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
13619
13619
  }
13620
- .desktop:pr-xxxx-large {
13620
+ .desktop\:pr-xxxx-large {
13621
13621
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
13622
13622
  }
13623
13623
  }
@@ -13670,35 +13670,35 @@
13670
13670
  }
13671
13671
 
13672
13672
  @media screen and (max-width: 768px) {
13673
- .mobile:pb-xx-small {
13674
- padding-bottom: var(--bal-space-xx-small-mobile) !important;
13673
+ .mobile\:pb-xx-small {
13674
+ padding-bottom: var(--bal-space-xx-small) !important;
13675
13675
  }
13676
- .mobile:pb-x-small {
13677
- padding-bottom: var(--bal-space-x-small-mobile) !important;
13676
+ .mobile\:pb-x-small {
13677
+ padding-bottom: var(--bal-space-x-small) !important;
13678
13678
  }
13679
- .mobile:pb-small {
13680
- padding-bottom: var(--bal-space-small-mobile) !important;
13679
+ .mobile\:pb-small {
13680
+ padding-bottom: var(--bal-space-small) !important;
13681
13681
  }
13682
- .mobile:pb-normal {
13683
- padding-bottom: var(--bal-space-normal-mobile) !important;
13682
+ .mobile\:pb-normal {
13683
+ padding-bottom: var(--bal-space-normal) !important;
13684
13684
  }
13685
- .mobile:pb-medium {
13686
- padding-bottom: var(--bal-space-medium-mobile) !important;
13685
+ .mobile\:pb-medium {
13686
+ padding-bottom: var(--bal-space-medium) !important;
13687
13687
  }
13688
- .mobile:pb-large {
13689
- padding-bottom: var(--bal-space-large-mobile) !important;
13688
+ .mobile\:pb-large {
13689
+ padding-bottom: var(--bal-space-large) !important;
13690
13690
  }
13691
- .mobile:pb-x-large {
13692
- padding-bottom: var(--bal-space-x-large-mobile) !important;
13691
+ .mobile\:pb-x-large {
13692
+ padding-bottom: var(--bal-space-x-large) !important;
13693
13693
  }
13694
- .mobile:pb-xx-large {
13695
- padding-bottom: var(--bal-space-xx-large-mobile) !important;
13694
+ .mobile\:pb-xx-large {
13695
+ padding-bottom: var(--bal-space-xx-large) !important;
13696
13696
  }
13697
- .mobile:pb-xxx-large {
13698
- padding-bottom: var(--bal-space-xxx-large-mobile) !important;
13697
+ .mobile\:pb-xxx-large {
13698
+ padding-bottom: var(--bal-space-xxx-large) !important;
13699
13699
  }
13700
- .mobile:pb-xxxx-large {
13701
- padding-bottom: var(--bal-space-xxxx-large-mobile) !important;
13700
+ .mobile\:pb-xxxx-large {
13701
+ padding-bottom: var(--bal-space-xxxx-large) !important;
13702
13702
  }
13703
13703
  }
13704
13704
  @media screen and (min-width: 769px), print {
@@ -13711,61 +13711,61 @@
13711
13711
  .pb-xx-small {
13712
13712
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
13713
13713
  }
13714
- .tablet:pb-xx-small {
13714
+ .tablet\:pb-xx-small {
13715
13715
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
13716
13716
  }
13717
13717
  .pb-x-small {
13718
13718
  padding-bottom: var(--bal-space-x-small-tablet) !important;
13719
13719
  }
13720
- .tablet:pb-x-small {
13720
+ .tablet\:pb-x-small {
13721
13721
  padding-bottom: var(--bal-space-x-small-tablet) !important;
13722
13722
  }
13723
13723
  .pb-small {
13724
13724
  padding-bottom: var(--bal-space-small-tablet) !important;
13725
13725
  }
13726
- .tablet:pb-small {
13726
+ .tablet\:pb-small {
13727
13727
  padding-bottom: var(--bal-space-small-tablet) !important;
13728
13728
  }
13729
13729
  .pb-normal {
13730
13730
  padding-bottom: var(--bal-space-normal-tablet) !important;
13731
13731
  }
13732
- .tablet:pb-normal {
13732
+ .tablet\:pb-normal {
13733
13733
  padding-bottom: var(--bal-space-normal-tablet) !important;
13734
13734
  }
13735
13735
  .pb-medium {
13736
13736
  padding-bottom: var(--bal-space-medium-tablet) !important;
13737
13737
  }
13738
- .tablet:pb-medium {
13738
+ .tablet\:pb-medium {
13739
13739
  padding-bottom: var(--bal-space-medium-tablet) !important;
13740
13740
  }
13741
13741
  .pb-large {
13742
13742
  padding-bottom: var(--bal-space-large-tablet) !important;
13743
13743
  }
13744
- .tablet:pb-large {
13744
+ .tablet\:pb-large {
13745
13745
  padding-bottom: var(--bal-space-large-tablet) !important;
13746
13746
  }
13747
13747
  .pb-x-large {
13748
13748
  padding-bottom: var(--bal-space-x-large-tablet) !important;
13749
13749
  }
13750
- .tablet:pb-x-large {
13750
+ .tablet\:pb-x-large {
13751
13751
  padding-bottom: var(--bal-space-x-large-tablet) !important;
13752
13752
  }
13753
13753
  .pb-xx-large {
13754
13754
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
13755
13755
  }
13756
- .tablet:pb-xx-large {
13756
+ .tablet\:pb-xx-large {
13757
13757
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
13758
13758
  }
13759
13759
  .pb-xxx-large {
13760
13760
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
13761
13761
  }
13762
- .tablet:pb-xxx-large {
13762
+ .tablet\:pb-xxx-large {
13763
13763
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
13764
13764
  }
13765
13765
  .pb-xxxx-large {
13766
13766
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
13767
13767
  }
13768
- .tablet:pb-xxxx-large {
13768
+ .tablet\:pb-xxxx-large {
13769
13769
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
13770
13770
  }
13771
13771
  }
@@ -13779,61 +13779,61 @@
13779
13779
  .pb-xx-small {
13780
13780
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
13781
13781
  }
13782
- .desktop:pb-xx-small {
13782
+ .desktop\:pb-xx-small {
13783
13783
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
13784
13784
  }
13785
13785
  .pb-x-small {
13786
13786
  padding-bottom: var(--bal-space-x-small-desktop) !important;
13787
13787
  }
13788
- .desktop:pb-x-small {
13788
+ .desktop\:pb-x-small {
13789
13789
  padding-bottom: var(--bal-space-x-small-desktop) !important;
13790
13790
  }
13791
13791
  .pb-small {
13792
13792
  padding-bottom: var(--bal-space-small-desktop) !important;
13793
13793
  }
13794
- .desktop:pb-small {
13794
+ .desktop\:pb-small {
13795
13795
  padding-bottom: var(--bal-space-small-desktop) !important;
13796
13796
  }
13797
13797
  .pb-normal {
13798
13798
  padding-bottom: var(--bal-space-normal-desktop) !important;
13799
13799
  }
13800
- .desktop:pb-normal {
13800
+ .desktop\:pb-normal {
13801
13801
  padding-bottom: var(--bal-space-normal-desktop) !important;
13802
13802
  }
13803
13803
  .pb-medium {
13804
13804
  padding-bottom: var(--bal-space-medium-desktop) !important;
13805
13805
  }
13806
- .desktop:pb-medium {
13806
+ .desktop\:pb-medium {
13807
13807
  padding-bottom: var(--bal-space-medium-desktop) !important;
13808
13808
  }
13809
13809
  .pb-large {
13810
13810
  padding-bottom: var(--bal-space-large-desktop) !important;
13811
13811
  }
13812
- .desktop:pb-large {
13812
+ .desktop\:pb-large {
13813
13813
  padding-bottom: var(--bal-space-large-desktop) !important;
13814
13814
  }
13815
13815
  .pb-x-large {
13816
13816
  padding-bottom: var(--bal-space-x-large-desktop) !important;
13817
13817
  }
13818
- .desktop:pb-x-large {
13818
+ .desktop\:pb-x-large {
13819
13819
  padding-bottom: var(--bal-space-x-large-desktop) !important;
13820
13820
  }
13821
13821
  .pb-xx-large {
13822
13822
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
13823
13823
  }
13824
- .desktop:pb-xx-large {
13824
+ .desktop\:pb-xx-large {
13825
13825
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
13826
13826
  }
13827
13827
  .pb-xxx-large {
13828
13828
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
13829
13829
  }
13830
- .desktop:pb-xxx-large {
13830
+ .desktop\:pb-xxx-large {
13831
13831
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
13832
13832
  }
13833
13833
  .pb-xxxx-large {
13834
13834
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
13835
13835
  }
13836
- .desktop:pb-xxxx-large {
13836
+ .desktop\:pb-xxxx-large {
13837
13837
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
13838
13838
  }
13839
13839
  }
@@ -13886,35 +13886,35 @@
13886
13886
  }
13887
13887
 
13888
13888
  @media screen and (max-width: 768px) {
13889
- .mobile:pl-xx-small {
13890
- padding-left: var(--bal-space-xx-small-mobile) !important;
13889
+ .mobile\:pl-xx-small {
13890
+ padding-left: var(--bal-space-xx-small) !important;
13891
13891
  }
13892
- .mobile:pl-x-small {
13893
- padding-left: var(--bal-space-x-small-mobile) !important;
13892
+ .mobile\:pl-x-small {
13893
+ padding-left: var(--bal-space-x-small) !important;
13894
13894
  }
13895
- .mobile:pl-small {
13896
- padding-left: var(--bal-space-small-mobile) !important;
13895
+ .mobile\:pl-small {
13896
+ padding-left: var(--bal-space-small) !important;
13897
13897
  }
13898
- .mobile:pl-normal {
13899
- padding-left: var(--bal-space-normal-mobile) !important;
13898
+ .mobile\:pl-normal {
13899
+ padding-left: var(--bal-space-normal) !important;
13900
13900
  }
13901
- .mobile:pl-medium {
13902
- padding-left: var(--bal-space-medium-mobile) !important;
13901
+ .mobile\:pl-medium {
13902
+ padding-left: var(--bal-space-medium) !important;
13903
13903
  }
13904
- .mobile:pl-large {
13905
- padding-left: var(--bal-space-large-mobile) !important;
13904
+ .mobile\:pl-large {
13905
+ padding-left: var(--bal-space-large) !important;
13906
13906
  }
13907
- .mobile:pl-x-large {
13908
- padding-left: var(--bal-space-x-large-mobile) !important;
13907
+ .mobile\:pl-x-large {
13908
+ padding-left: var(--bal-space-x-large) !important;
13909
13909
  }
13910
- .mobile:pl-xx-large {
13911
- padding-left: var(--bal-space-xx-large-mobile) !important;
13910
+ .mobile\:pl-xx-large {
13911
+ padding-left: var(--bal-space-xx-large) !important;
13912
13912
  }
13913
- .mobile:pl-xxx-large {
13914
- padding-left: var(--bal-space-xxx-large-mobile) !important;
13913
+ .mobile\:pl-xxx-large {
13914
+ padding-left: var(--bal-space-xxx-large) !important;
13915
13915
  }
13916
- .mobile:pl-xxxx-large {
13917
- padding-left: var(--bal-space-xxxx-large-mobile) !important;
13916
+ .mobile\:pl-xxxx-large {
13917
+ padding-left: var(--bal-space-xxxx-large) !important;
13918
13918
  }
13919
13919
  }
13920
13920
  @media screen and (min-width: 769px), print {
@@ -13927,61 +13927,61 @@
13927
13927
  .pl-xx-small {
13928
13928
  padding-left: var(--bal-space-xx-small-tablet) !important;
13929
13929
  }
13930
- .tablet:pl-xx-small {
13930
+ .tablet\:pl-xx-small {
13931
13931
  padding-left: var(--bal-space-xx-small-tablet) !important;
13932
13932
  }
13933
13933
  .pl-x-small {
13934
13934
  padding-left: var(--bal-space-x-small-tablet) !important;
13935
13935
  }
13936
- .tablet:pl-x-small {
13936
+ .tablet\:pl-x-small {
13937
13937
  padding-left: var(--bal-space-x-small-tablet) !important;
13938
13938
  }
13939
13939
  .pl-small {
13940
13940
  padding-left: var(--bal-space-small-tablet) !important;
13941
13941
  }
13942
- .tablet:pl-small {
13942
+ .tablet\:pl-small {
13943
13943
  padding-left: var(--bal-space-small-tablet) !important;
13944
13944
  }
13945
13945
  .pl-normal {
13946
13946
  padding-left: var(--bal-space-normal-tablet) !important;
13947
13947
  }
13948
- .tablet:pl-normal {
13948
+ .tablet\:pl-normal {
13949
13949
  padding-left: var(--bal-space-normal-tablet) !important;
13950
13950
  }
13951
13951
  .pl-medium {
13952
13952
  padding-left: var(--bal-space-medium-tablet) !important;
13953
13953
  }
13954
- .tablet:pl-medium {
13954
+ .tablet\:pl-medium {
13955
13955
  padding-left: var(--bal-space-medium-tablet) !important;
13956
13956
  }
13957
13957
  .pl-large {
13958
13958
  padding-left: var(--bal-space-large-tablet) !important;
13959
13959
  }
13960
- .tablet:pl-large {
13960
+ .tablet\:pl-large {
13961
13961
  padding-left: var(--bal-space-large-tablet) !important;
13962
13962
  }
13963
13963
  .pl-x-large {
13964
13964
  padding-left: var(--bal-space-x-large-tablet) !important;
13965
13965
  }
13966
- .tablet:pl-x-large {
13966
+ .tablet\:pl-x-large {
13967
13967
  padding-left: var(--bal-space-x-large-tablet) !important;
13968
13968
  }
13969
13969
  .pl-xx-large {
13970
13970
  padding-left: var(--bal-space-xx-large-tablet) !important;
13971
13971
  }
13972
- .tablet:pl-xx-large {
13972
+ .tablet\:pl-xx-large {
13973
13973
  padding-left: var(--bal-space-xx-large-tablet) !important;
13974
13974
  }
13975
13975
  .pl-xxx-large {
13976
13976
  padding-left: var(--bal-space-xxx-large-tablet) !important;
13977
13977
  }
13978
- .tablet:pl-xxx-large {
13978
+ .tablet\:pl-xxx-large {
13979
13979
  padding-left: var(--bal-space-xxx-large-tablet) !important;
13980
13980
  }
13981
13981
  .pl-xxxx-large {
13982
13982
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
13983
13983
  }
13984
- .tablet:pl-xxxx-large {
13984
+ .tablet\:pl-xxxx-large {
13985
13985
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
13986
13986
  }
13987
13987
  }
@@ -13995,61 +13995,61 @@
13995
13995
  .pl-xx-small {
13996
13996
  padding-left: var(--bal-space-xx-small-desktop) !important;
13997
13997
  }
13998
- .desktop:pl-xx-small {
13998
+ .desktop\:pl-xx-small {
13999
13999
  padding-left: var(--bal-space-xx-small-desktop) !important;
14000
14000
  }
14001
14001
  .pl-x-small {
14002
14002
  padding-left: var(--bal-space-x-small-desktop) !important;
14003
14003
  }
14004
- .desktop:pl-x-small {
14004
+ .desktop\:pl-x-small {
14005
14005
  padding-left: var(--bal-space-x-small-desktop) !important;
14006
14006
  }
14007
14007
  .pl-small {
14008
14008
  padding-left: var(--bal-space-small-desktop) !important;
14009
14009
  }
14010
- .desktop:pl-small {
14010
+ .desktop\:pl-small {
14011
14011
  padding-left: var(--bal-space-small-desktop) !important;
14012
14012
  }
14013
14013
  .pl-normal {
14014
14014
  padding-left: var(--bal-space-normal-desktop) !important;
14015
14015
  }
14016
- .desktop:pl-normal {
14016
+ .desktop\:pl-normal {
14017
14017
  padding-left: var(--bal-space-normal-desktop) !important;
14018
14018
  }
14019
14019
  .pl-medium {
14020
14020
  padding-left: var(--bal-space-medium-desktop) !important;
14021
14021
  }
14022
- .desktop:pl-medium {
14022
+ .desktop\:pl-medium {
14023
14023
  padding-left: var(--bal-space-medium-desktop) !important;
14024
14024
  }
14025
14025
  .pl-large {
14026
14026
  padding-left: var(--bal-space-large-desktop) !important;
14027
14027
  }
14028
- .desktop:pl-large {
14028
+ .desktop\:pl-large {
14029
14029
  padding-left: var(--bal-space-large-desktop) !important;
14030
14030
  }
14031
14031
  .pl-x-large {
14032
14032
  padding-left: var(--bal-space-x-large-desktop) !important;
14033
14033
  }
14034
- .desktop:pl-x-large {
14034
+ .desktop\:pl-x-large {
14035
14035
  padding-left: var(--bal-space-x-large-desktop) !important;
14036
14036
  }
14037
14037
  .pl-xx-large {
14038
14038
  padding-left: var(--bal-space-xx-large-desktop) !important;
14039
14039
  }
14040
- .desktop:pl-xx-large {
14040
+ .desktop\:pl-xx-large {
14041
14041
  padding-left: var(--bal-space-xx-large-desktop) !important;
14042
14042
  }
14043
14043
  .pl-xxx-large {
14044
14044
  padding-left: var(--bal-space-xxx-large-desktop) !important;
14045
14045
  }
14046
- .desktop:pl-xxx-large {
14046
+ .desktop\:pl-xxx-large {
14047
14047
  padding-left: var(--bal-space-xxx-large-desktop) !important;
14048
14048
  }
14049
14049
  .pl-xxxx-large {
14050
14050
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
14051
14051
  }
14052
- .desktop:pl-xxxx-large {
14052
+ .desktop\:pl-xxxx-large {
14053
14053
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
14054
14054
  }
14055
14055
  }