@baloise/ds-styles 16.2.1 → 16.3.0-nightly.20240827

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.
package/css/all.css CHANGED
@@ -600,7 +600,7 @@ fieldset {
600
600
  }
601
601
  /**
602
602
  * Do not edit directly
603
- * Generated on Mon, 27 May 2024 12:46:07 GMT
603
+ * Generated on Tue, 27 Aug 2024 06:13:18 GMT
604
604
  */
605
605
  :root {
606
606
  --bal-text-shadow-normal: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5); /* Increases readability when used on a image background. */
@@ -15875,6 +15875,38 @@ table.table td.has-buttons .buttons {
15875
15875
  margin: var(--bal-space-xxxx-large) !important;
15876
15876
  }
15877
15877
 
15878
+ @media screen and (max-width: 768px) {
15879
+ .mobile:m-xx-small {
15880
+ margin: var(--bal-space-xx-small-mobile) !important;
15881
+ }
15882
+ .mobile:m-x-small {
15883
+ margin: var(--bal-space-x-small-mobile) !important;
15884
+ }
15885
+ .mobile:m-small {
15886
+ margin: var(--bal-space-small-mobile) !important;
15887
+ }
15888
+ .mobile:m-normal {
15889
+ margin: var(--bal-space-normal-mobile) !important;
15890
+ }
15891
+ .mobile:m-medium {
15892
+ margin: var(--bal-space-medium-mobile) !important;
15893
+ }
15894
+ .mobile:m-large {
15895
+ margin: var(--bal-space-large-mobile) !important;
15896
+ }
15897
+ .mobile:m-x-large {
15898
+ margin: var(--bal-space-x-large-mobile) !important;
15899
+ }
15900
+ .mobile:m-xx-large {
15901
+ margin: var(--bal-space-xx-large-mobile) !important;
15902
+ }
15903
+ .mobile:m-xxx-large {
15904
+ margin: var(--bal-space-xxx-large-mobile) !important;
15905
+ }
15906
+ .mobile:m-xxxx-large {
15907
+ margin: var(--bal-space-xxxx-large-mobile) !important;
15908
+ }
15909
+ }
15878
15910
  @media screen and (min-width: 769px), print {
15879
15911
  .m-none {
15880
15912
  margin: 0 !important;
@@ -15885,33 +15917,63 @@ table.table td.has-buttons .buttons {
15885
15917
  .m-xx-small {
15886
15918
  margin: var(--bal-space-xx-small-tablet) !important;
15887
15919
  }
15920
+ .tablet:m-xx-small {
15921
+ margin: var(--bal-space-xx-small-tablet) !important;
15922
+ }
15888
15923
  .m-x-small {
15889
15924
  margin: var(--bal-space-x-small-tablet) !important;
15890
15925
  }
15926
+ .tablet:m-x-small {
15927
+ margin: var(--bal-space-x-small-tablet) !important;
15928
+ }
15891
15929
  .m-small {
15892
15930
  margin: var(--bal-space-small-tablet) !important;
15893
15931
  }
15932
+ .tablet:m-small {
15933
+ margin: var(--bal-space-small-tablet) !important;
15934
+ }
15894
15935
  .m-normal {
15895
15936
  margin: var(--bal-space-normal-tablet) !important;
15896
15937
  }
15938
+ .tablet:m-normal {
15939
+ margin: var(--bal-space-normal-tablet) !important;
15940
+ }
15897
15941
  .m-medium {
15898
15942
  margin: var(--bal-space-medium-tablet) !important;
15899
15943
  }
15944
+ .tablet:m-medium {
15945
+ margin: var(--bal-space-medium-tablet) !important;
15946
+ }
15900
15947
  .m-large {
15901
15948
  margin: var(--bal-space-large-tablet) !important;
15902
15949
  }
15950
+ .tablet:m-large {
15951
+ margin: var(--bal-space-large-tablet) !important;
15952
+ }
15903
15953
  .m-x-large {
15904
15954
  margin: var(--bal-space-x-large-tablet) !important;
15905
15955
  }
15956
+ .tablet:m-x-large {
15957
+ margin: var(--bal-space-x-large-tablet) !important;
15958
+ }
15906
15959
  .m-xx-large {
15907
15960
  margin: var(--bal-space-xx-large-tablet) !important;
15908
15961
  }
15962
+ .tablet:m-xx-large {
15963
+ margin: var(--bal-space-xx-large-tablet) !important;
15964
+ }
15909
15965
  .m-xxx-large {
15910
15966
  margin: var(--bal-space-xxx-large-tablet) !important;
15911
15967
  }
15968
+ .tablet:m-xxx-large {
15969
+ margin: var(--bal-space-xxx-large-tablet) !important;
15970
+ }
15912
15971
  .m-xxxx-large {
15913
15972
  margin: var(--bal-space-xxxx-large-tablet) !important;
15914
15973
  }
15974
+ .tablet:m-xxxx-large {
15975
+ margin: var(--bal-space-xxxx-large-tablet) !important;
15976
+ }
15915
15977
  }
15916
15978
  @media screen and (min-width: 1024px) {
15917
15979
  .m-none {
@@ -15923,33 +15985,63 @@ table.table td.has-buttons .buttons {
15923
15985
  .m-xx-small {
15924
15986
  margin: var(--bal-space-xx-small-desktop) !important;
15925
15987
  }
15988
+ .desktop:m-xx-small {
15989
+ margin: var(--bal-space-xx-small-desktop) !important;
15990
+ }
15926
15991
  .m-x-small {
15927
15992
  margin: var(--bal-space-x-small-desktop) !important;
15928
15993
  }
15994
+ .desktop:m-x-small {
15995
+ margin: var(--bal-space-x-small-desktop) !important;
15996
+ }
15929
15997
  .m-small {
15930
15998
  margin: var(--bal-space-small-desktop) !important;
15931
15999
  }
16000
+ .desktop:m-small {
16001
+ margin: var(--bal-space-small-desktop) !important;
16002
+ }
15932
16003
  .m-normal {
15933
16004
  margin: var(--bal-space-normal-desktop) !important;
15934
16005
  }
16006
+ .desktop:m-normal {
16007
+ margin: var(--bal-space-normal-desktop) !important;
16008
+ }
15935
16009
  .m-medium {
15936
16010
  margin: var(--bal-space-medium-desktop) !important;
15937
16011
  }
16012
+ .desktop:m-medium {
16013
+ margin: var(--bal-space-medium-desktop) !important;
16014
+ }
15938
16015
  .m-large {
15939
16016
  margin: var(--bal-space-large-desktop) !important;
15940
16017
  }
16018
+ .desktop:m-large {
16019
+ margin: var(--bal-space-large-desktop) !important;
16020
+ }
15941
16021
  .m-x-large {
15942
16022
  margin: var(--bal-space-x-large-desktop) !important;
15943
16023
  }
16024
+ .desktop:m-x-large {
16025
+ margin: var(--bal-space-x-large-desktop) !important;
16026
+ }
15944
16027
  .m-xx-large {
15945
16028
  margin: var(--bal-space-xx-large-desktop) !important;
15946
16029
  }
16030
+ .desktop:m-xx-large {
16031
+ margin: var(--bal-space-xx-large-desktop) !important;
16032
+ }
15947
16033
  .m-xxx-large {
15948
16034
  margin: var(--bal-space-xxx-large-desktop) !important;
15949
16035
  }
16036
+ .desktop:m-xxx-large {
16037
+ margin: var(--bal-space-xxx-large-desktop) !important;
16038
+ }
15950
16039
  .m-xxxx-large {
15951
16040
  margin: var(--bal-space-xxxx-large-desktop) !important;
15952
16041
  }
16042
+ .desktop:m-xxxx-large {
16043
+ margin: var(--bal-space-xxxx-large-desktop) !important;
16044
+ }
15953
16045
  }
15954
16046
  .mx-none {
15955
16047
  margin-left: 0 !important;
@@ -16011,6 +16103,48 @@ table.table td.has-buttons .buttons {
16011
16103
  margin-right: var(--bal-space-xxxx-large) !important;
16012
16104
  }
16013
16105
 
16106
+ @media screen and (max-width: 768px) {
16107
+ .mobile:mx-xx-small {
16108
+ margin-left: var(--bal-space-xx-small-mobile) !important;
16109
+ margin-right: var(--bal-space-xx-small-mobile) !important;
16110
+ }
16111
+ .mobile:mx-x-small {
16112
+ margin-left: var(--bal-space-x-small-mobile) !important;
16113
+ margin-right: var(--bal-space-x-small-mobile) !important;
16114
+ }
16115
+ .mobile:mx-small {
16116
+ margin-left: var(--bal-space-small-mobile) !important;
16117
+ margin-right: var(--bal-space-small-mobile) !important;
16118
+ }
16119
+ .mobile:mx-normal {
16120
+ margin-left: var(--bal-space-normal-mobile) !important;
16121
+ margin-right: var(--bal-space-normal-mobile) !important;
16122
+ }
16123
+ .mobile:mx-medium {
16124
+ margin-left: var(--bal-space-medium-mobile) !important;
16125
+ margin-right: var(--bal-space-medium-mobile) !important;
16126
+ }
16127
+ .mobile:mx-large {
16128
+ margin-left: var(--bal-space-large-mobile) !important;
16129
+ margin-right: var(--bal-space-large-mobile) !important;
16130
+ }
16131
+ .mobile:mx-x-large {
16132
+ margin-left: var(--bal-space-x-large-mobile) !important;
16133
+ margin-right: var(--bal-space-x-large-mobile) !important;
16134
+ }
16135
+ .mobile:mx-xx-large {
16136
+ margin-left: var(--bal-space-xx-large-mobile) !important;
16137
+ margin-right: var(--bal-space-xx-large-mobile) !important;
16138
+ }
16139
+ .mobile:mx-xxx-large {
16140
+ margin-left: var(--bal-space-xxx-large-mobile) !important;
16141
+ margin-right: var(--bal-space-xxx-large-mobile) !important;
16142
+ }
16143
+ .mobile:mx-xxxx-large {
16144
+ margin-left: var(--bal-space-xxxx-large-mobile) !important;
16145
+ margin-right: var(--bal-space-xxxx-large-mobile) !important;
16146
+ }
16147
+ }
16014
16148
  @media screen and (min-width: 769px), print {
16015
16149
  .mx-none {
16016
16150
  margin-left: 0 !important;
@@ -16024,42 +16158,82 @@ table.table td.has-buttons .buttons {
16024
16158
  margin-left: var(--bal-space-xx-small-tablet) !important;
16025
16159
  margin-right: var(--bal-space-xx-small-tablet) !important;
16026
16160
  }
16161
+ .tablet:mx-xx-small {
16162
+ margin-left: var(--bal-space-xx-small-tablet) !important;
16163
+ margin-right: var(--bal-space-xx-small-tablet) !important;
16164
+ }
16027
16165
  .mx-x-small {
16028
16166
  margin-left: var(--bal-space-x-small-tablet) !important;
16029
16167
  margin-right: var(--bal-space-x-small-tablet) !important;
16030
16168
  }
16169
+ .tablet:mx-x-small {
16170
+ margin-left: var(--bal-space-x-small-tablet) !important;
16171
+ margin-right: var(--bal-space-x-small-tablet) !important;
16172
+ }
16031
16173
  .mx-small {
16032
16174
  margin-left: var(--bal-space-small-tablet) !important;
16033
16175
  margin-right: var(--bal-space-small-tablet) !important;
16034
16176
  }
16177
+ .tablet:mx-small {
16178
+ margin-left: var(--bal-space-small-tablet) !important;
16179
+ margin-right: var(--bal-space-small-tablet) !important;
16180
+ }
16035
16181
  .mx-normal {
16036
16182
  margin-left: var(--bal-space-normal-tablet) !important;
16037
16183
  margin-right: var(--bal-space-normal-tablet) !important;
16038
16184
  }
16185
+ .tablet:mx-normal {
16186
+ margin-left: var(--bal-space-normal-tablet) !important;
16187
+ margin-right: var(--bal-space-normal-tablet) !important;
16188
+ }
16039
16189
  .mx-medium {
16040
16190
  margin-left: var(--bal-space-medium-tablet) !important;
16041
16191
  margin-right: var(--bal-space-medium-tablet) !important;
16042
16192
  }
16193
+ .tablet:mx-medium {
16194
+ margin-left: var(--bal-space-medium-tablet) !important;
16195
+ margin-right: var(--bal-space-medium-tablet) !important;
16196
+ }
16043
16197
  .mx-large {
16044
16198
  margin-left: var(--bal-space-large-tablet) !important;
16045
16199
  margin-right: var(--bal-space-large-tablet) !important;
16046
16200
  }
16201
+ .tablet:mx-large {
16202
+ margin-left: var(--bal-space-large-tablet) !important;
16203
+ margin-right: var(--bal-space-large-tablet) !important;
16204
+ }
16047
16205
  .mx-x-large {
16048
16206
  margin-left: var(--bal-space-x-large-tablet) !important;
16049
16207
  margin-right: var(--bal-space-x-large-tablet) !important;
16050
16208
  }
16209
+ .tablet:mx-x-large {
16210
+ margin-left: var(--bal-space-x-large-tablet) !important;
16211
+ margin-right: var(--bal-space-x-large-tablet) !important;
16212
+ }
16051
16213
  .mx-xx-large {
16052
16214
  margin-left: var(--bal-space-xx-large-tablet) !important;
16053
16215
  margin-right: var(--bal-space-xx-large-tablet) !important;
16054
16216
  }
16217
+ .tablet:mx-xx-large {
16218
+ margin-left: var(--bal-space-xx-large-tablet) !important;
16219
+ margin-right: var(--bal-space-xx-large-tablet) !important;
16220
+ }
16055
16221
  .mx-xxx-large {
16056
16222
  margin-left: var(--bal-space-xxx-large-tablet) !important;
16057
16223
  margin-right: var(--bal-space-xxx-large-tablet) !important;
16058
16224
  }
16225
+ .tablet:mx-xxx-large {
16226
+ margin-left: var(--bal-space-xxx-large-tablet) !important;
16227
+ margin-right: var(--bal-space-xxx-large-tablet) !important;
16228
+ }
16059
16229
  .mx-xxxx-large {
16060
16230
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
16061
16231
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
16062
16232
  }
16233
+ .tablet:mx-xxxx-large {
16234
+ margin-left: var(--bal-space-xxxx-large-tablet) !important;
16235
+ margin-right: var(--bal-space-xxxx-large-tablet) !important;
16236
+ }
16063
16237
  }
16064
16238
  @media screen and (min-width: 1024px) {
16065
16239
  .mx-none {
@@ -16074,42 +16248,82 @@ table.table td.has-buttons .buttons {
16074
16248
  margin-left: var(--bal-space-xx-small-desktop) !important;
16075
16249
  margin-right: var(--bal-space-xx-small-desktop) !important;
16076
16250
  }
16251
+ .desktop:mx-xx-small {
16252
+ margin-left: var(--bal-space-xx-small-desktop) !important;
16253
+ margin-right: var(--bal-space-xx-small-desktop) !important;
16254
+ }
16077
16255
  .mx-x-small {
16078
16256
  margin-left: var(--bal-space-x-small-desktop) !important;
16079
16257
  margin-right: var(--bal-space-x-small-desktop) !important;
16080
16258
  }
16259
+ .desktop:mx-x-small {
16260
+ margin-left: var(--bal-space-x-small-desktop) !important;
16261
+ margin-right: var(--bal-space-x-small-desktop) !important;
16262
+ }
16081
16263
  .mx-small {
16082
16264
  margin-left: var(--bal-space-small-desktop) !important;
16083
16265
  margin-right: var(--bal-space-small-desktop) !important;
16084
16266
  }
16267
+ .desktop:mx-small {
16268
+ margin-left: var(--bal-space-small-desktop) !important;
16269
+ margin-right: var(--bal-space-small-desktop) !important;
16270
+ }
16085
16271
  .mx-normal {
16086
16272
  margin-left: var(--bal-space-normal-desktop) !important;
16087
16273
  margin-right: var(--bal-space-normal-desktop) !important;
16088
16274
  }
16275
+ .desktop:mx-normal {
16276
+ margin-left: var(--bal-space-normal-desktop) !important;
16277
+ margin-right: var(--bal-space-normal-desktop) !important;
16278
+ }
16089
16279
  .mx-medium {
16090
16280
  margin-left: var(--bal-space-medium-desktop) !important;
16091
16281
  margin-right: var(--bal-space-medium-desktop) !important;
16092
16282
  }
16283
+ .desktop:mx-medium {
16284
+ margin-left: var(--bal-space-medium-desktop) !important;
16285
+ margin-right: var(--bal-space-medium-desktop) !important;
16286
+ }
16093
16287
  .mx-large {
16094
16288
  margin-left: var(--bal-space-large-desktop) !important;
16095
16289
  margin-right: var(--bal-space-large-desktop) !important;
16096
16290
  }
16291
+ .desktop:mx-large {
16292
+ margin-left: var(--bal-space-large-desktop) !important;
16293
+ margin-right: var(--bal-space-large-desktop) !important;
16294
+ }
16097
16295
  .mx-x-large {
16098
16296
  margin-left: var(--bal-space-x-large-desktop) !important;
16099
16297
  margin-right: var(--bal-space-x-large-desktop) !important;
16100
16298
  }
16299
+ .desktop:mx-x-large {
16300
+ margin-left: var(--bal-space-x-large-desktop) !important;
16301
+ margin-right: var(--bal-space-x-large-desktop) !important;
16302
+ }
16101
16303
  .mx-xx-large {
16102
16304
  margin-left: var(--bal-space-xx-large-desktop) !important;
16103
16305
  margin-right: var(--bal-space-xx-large-desktop) !important;
16104
16306
  }
16307
+ .desktop:mx-xx-large {
16308
+ margin-left: var(--bal-space-xx-large-desktop) !important;
16309
+ margin-right: var(--bal-space-xx-large-desktop) !important;
16310
+ }
16105
16311
  .mx-xxx-large {
16106
16312
  margin-left: var(--bal-space-xxx-large-desktop) !important;
16107
16313
  margin-right: var(--bal-space-xxx-large-desktop) !important;
16108
16314
  }
16315
+ .desktop:mx-xxx-large {
16316
+ margin-left: var(--bal-space-xxx-large-desktop) !important;
16317
+ margin-right: var(--bal-space-xxx-large-desktop) !important;
16318
+ }
16109
16319
  .mx-xxxx-large {
16110
16320
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
16111
16321
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
16112
16322
  }
16323
+ .desktop:mx-xxxx-large {
16324
+ margin-left: var(--bal-space-xxxx-large-desktop) !important;
16325
+ margin-right: var(--bal-space-xxxx-large-desktop) !important;
16326
+ }
16113
16327
  }
16114
16328
  .my-none {
16115
16329
  margin-top: 0 !important;
@@ -16171,6 +16385,48 @@ table.table td.has-buttons .buttons {
16171
16385
  margin-bottom: var(--bal-space-xxxx-large) !important;
16172
16386
  }
16173
16387
 
16388
+ @media screen and (max-width: 768px) {
16389
+ .mobile:my-xx-small {
16390
+ margin-top: var(--bal-space-xx-small-mobile) !important;
16391
+ margin-bottom: var(--bal-space-xx-small-mobile) !important;
16392
+ }
16393
+ .mobile:my-x-small {
16394
+ margin-top: var(--bal-space-x-small-mobile) !important;
16395
+ margin-bottom: var(--bal-space-x-small-mobile) !important;
16396
+ }
16397
+ .mobile:my-small {
16398
+ margin-top: var(--bal-space-small-mobile) !important;
16399
+ margin-bottom: var(--bal-space-small-mobile) !important;
16400
+ }
16401
+ .mobile:my-normal {
16402
+ margin-top: var(--bal-space-normal-mobile) !important;
16403
+ margin-bottom: var(--bal-space-normal-mobile) !important;
16404
+ }
16405
+ .mobile:my-medium {
16406
+ margin-top: var(--bal-space-medium-mobile) !important;
16407
+ margin-bottom: var(--bal-space-medium-mobile) !important;
16408
+ }
16409
+ .mobile:my-large {
16410
+ margin-top: var(--bal-space-large-mobile) !important;
16411
+ margin-bottom: var(--bal-space-large-mobile) !important;
16412
+ }
16413
+ .mobile:my-x-large {
16414
+ margin-top: var(--bal-space-x-large-mobile) !important;
16415
+ margin-bottom: var(--bal-space-x-large-mobile) !important;
16416
+ }
16417
+ .mobile:my-xx-large {
16418
+ margin-top: var(--bal-space-xx-large-mobile) !important;
16419
+ margin-bottom: var(--bal-space-xx-large-mobile) !important;
16420
+ }
16421
+ .mobile:my-xxx-large {
16422
+ margin-top: var(--bal-space-xxx-large-mobile) !important;
16423
+ margin-bottom: var(--bal-space-xxx-large-mobile) !important;
16424
+ }
16425
+ .mobile:my-xxxx-large {
16426
+ margin-top: var(--bal-space-xxxx-large-mobile) !important;
16427
+ margin-bottom: var(--bal-space-xxxx-large-mobile) !important;
16428
+ }
16429
+ }
16174
16430
  @media screen and (min-width: 769px), print {
16175
16431
  .my-none {
16176
16432
  margin-top: 0 !important;
@@ -16184,42 +16440,82 @@ table.table td.has-buttons .buttons {
16184
16440
  margin-top: var(--bal-space-xx-small-tablet) !important;
16185
16441
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
16186
16442
  }
16443
+ .tablet:my-xx-small {
16444
+ margin-top: var(--bal-space-xx-small-tablet) !important;
16445
+ margin-bottom: var(--bal-space-xx-small-tablet) !important;
16446
+ }
16187
16447
  .my-x-small {
16188
16448
  margin-top: var(--bal-space-x-small-tablet) !important;
16189
16449
  margin-bottom: var(--bal-space-x-small-tablet) !important;
16190
16450
  }
16451
+ .tablet:my-x-small {
16452
+ margin-top: var(--bal-space-x-small-tablet) !important;
16453
+ margin-bottom: var(--bal-space-x-small-tablet) !important;
16454
+ }
16191
16455
  .my-small {
16192
16456
  margin-top: var(--bal-space-small-tablet) !important;
16193
16457
  margin-bottom: var(--bal-space-small-tablet) !important;
16194
16458
  }
16459
+ .tablet:my-small {
16460
+ margin-top: var(--bal-space-small-tablet) !important;
16461
+ margin-bottom: var(--bal-space-small-tablet) !important;
16462
+ }
16195
16463
  .my-normal {
16196
16464
  margin-top: var(--bal-space-normal-tablet) !important;
16197
16465
  margin-bottom: var(--bal-space-normal-tablet) !important;
16198
16466
  }
16467
+ .tablet:my-normal {
16468
+ margin-top: var(--bal-space-normal-tablet) !important;
16469
+ margin-bottom: var(--bal-space-normal-tablet) !important;
16470
+ }
16199
16471
  .my-medium {
16200
16472
  margin-top: var(--bal-space-medium-tablet) !important;
16201
16473
  margin-bottom: var(--bal-space-medium-tablet) !important;
16202
16474
  }
16475
+ .tablet:my-medium {
16476
+ margin-top: var(--bal-space-medium-tablet) !important;
16477
+ margin-bottom: var(--bal-space-medium-tablet) !important;
16478
+ }
16203
16479
  .my-large {
16204
16480
  margin-top: var(--bal-space-large-tablet) !important;
16205
16481
  margin-bottom: var(--bal-space-large-tablet) !important;
16206
16482
  }
16483
+ .tablet:my-large {
16484
+ margin-top: var(--bal-space-large-tablet) !important;
16485
+ margin-bottom: var(--bal-space-large-tablet) !important;
16486
+ }
16207
16487
  .my-x-large {
16208
16488
  margin-top: var(--bal-space-x-large-tablet) !important;
16209
16489
  margin-bottom: var(--bal-space-x-large-tablet) !important;
16210
16490
  }
16491
+ .tablet:my-x-large {
16492
+ margin-top: var(--bal-space-x-large-tablet) !important;
16493
+ margin-bottom: var(--bal-space-x-large-tablet) !important;
16494
+ }
16211
16495
  .my-xx-large {
16212
16496
  margin-top: var(--bal-space-xx-large-tablet) !important;
16213
16497
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
16214
16498
  }
16499
+ .tablet:my-xx-large {
16500
+ margin-top: var(--bal-space-xx-large-tablet) !important;
16501
+ margin-bottom: var(--bal-space-xx-large-tablet) !important;
16502
+ }
16215
16503
  .my-xxx-large {
16216
16504
  margin-top: var(--bal-space-xxx-large-tablet) !important;
16217
16505
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
16218
16506
  }
16507
+ .tablet:my-xxx-large {
16508
+ margin-top: var(--bal-space-xxx-large-tablet) !important;
16509
+ margin-bottom: var(--bal-space-xxx-large-tablet) !important;
16510
+ }
16219
16511
  .my-xxxx-large {
16220
16512
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
16221
16513
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
16222
16514
  }
16515
+ .tablet:my-xxxx-large {
16516
+ margin-top: var(--bal-space-xxxx-large-tablet) !important;
16517
+ margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
16518
+ }
16223
16519
  }
16224
16520
  @media screen and (min-width: 1024px) {
16225
16521
  .my-none {
@@ -16234,42 +16530,82 @@ table.table td.has-buttons .buttons {
16234
16530
  margin-top: var(--bal-space-xx-small-desktop) !important;
16235
16531
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
16236
16532
  }
16533
+ .desktop:my-xx-small {
16534
+ margin-top: var(--bal-space-xx-small-desktop) !important;
16535
+ margin-bottom: var(--bal-space-xx-small-desktop) !important;
16536
+ }
16237
16537
  .my-x-small {
16238
16538
  margin-top: var(--bal-space-x-small-desktop) !important;
16239
16539
  margin-bottom: var(--bal-space-x-small-desktop) !important;
16240
16540
  }
16541
+ .desktop:my-x-small {
16542
+ margin-top: var(--bal-space-x-small-desktop) !important;
16543
+ margin-bottom: var(--bal-space-x-small-desktop) !important;
16544
+ }
16241
16545
  .my-small {
16242
16546
  margin-top: var(--bal-space-small-desktop) !important;
16243
16547
  margin-bottom: var(--bal-space-small-desktop) !important;
16244
16548
  }
16549
+ .desktop:my-small {
16550
+ margin-top: var(--bal-space-small-desktop) !important;
16551
+ margin-bottom: var(--bal-space-small-desktop) !important;
16552
+ }
16245
16553
  .my-normal {
16246
16554
  margin-top: var(--bal-space-normal-desktop) !important;
16247
16555
  margin-bottom: var(--bal-space-normal-desktop) !important;
16248
16556
  }
16557
+ .desktop:my-normal {
16558
+ margin-top: var(--bal-space-normal-desktop) !important;
16559
+ margin-bottom: var(--bal-space-normal-desktop) !important;
16560
+ }
16249
16561
  .my-medium {
16250
16562
  margin-top: var(--bal-space-medium-desktop) !important;
16251
16563
  margin-bottom: var(--bal-space-medium-desktop) !important;
16252
16564
  }
16565
+ .desktop:my-medium {
16566
+ margin-top: var(--bal-space-medium-desktop) !important;
16567
+ margin-bottom: var(--bal-space-medium-desktop) !important;
16568
+ }
16253
16569
  .my-large {
16254
16570
  margin-top: var(--bal-space-large-desktop) !important;
16255
16571
  margin-bottom: var(--bal-space-large-desktop) !important;
16256
16572
  }
16573
+ .desktop:my-large {
16574
+ margin-top: var(--bal-space-large-desktop) !important;
16575
+ margin-bottom: var(--bal-space-large-desktop) !important;
16576
+ }
16257
16577
  .my-x-large {
16258
16578
  margin-top: var(--bal-space-x-large-desktop) !important;
16259
16579
  margin-bottom: var(--bal-space-x-large-desktop) !important;
16260
16580
  }
16581
+ .desktop:my-x-large {
16582
+ margin-top: var(--bal-space-x-large-desktop) !important;
16583
+ margin-bottom: var(--bal-space-x-large-desktop) !important;
16584
+ }
16261
16585
  .my-xx-large {
16262
16586
  margin-top: var(--bal-space-xx-large-desktop) !important;
16263
16587
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
16264
16588
  }
16589
+ .desktop:my-xx-large {
16590
+ margin-top: var(--bal-space-xx-large-desktop) !important;
16591
+ margin-bottom: var(--bal-space-xx-large-desktop) !important;
16592
+ }
16265
16593
  .my-xxx-large {
16266
16594
  margin-top: var(--bal-space-xxx-large-desktop) !important;
16267
16595
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
16268
16596
  }
16597
+ .desktop:my-xxx-large {
16598
+ margin-top: var(--bal-space-xxx-large-desktop) !important;
16599
+ margin-bottom: var(--bal-space-xxx-large-desktop) !important;
16600
+ }
16269
16601
  .my-xxxx-large {
16270
16602
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
16271
16603
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
16272
16604
  }
16605
+ .desktop:my-xxxx-large {
16606
+ margin-top: var(--bal-space-xxxx-large-desktop) !important;
16607
+ margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
16608
+ }
16273
16609
  }
16274
16610
  .mt-none {
16275
16611
  margin-top: 0 !important;
@@ -16319,6 +16655,38 @@ table.table td.has-buttons .buttons {
16319
16655
  margin-top: var(--bal-space-xxxx-large) !important;
16320
16656
  }
16321
16657
 
16658
+ @media screen and (max-width: 768px) {
16659
+ .mobile:mt-xx-small {
16660
+ margin-top: var(--bal-space-xx-small-mobile) !important;
16661
+ }
16662
+ .mobile:mt-x-small {
16663
+ margin-top: var(--bal-space-x-small-mobile) !important;
16664
+ }
16665
+ .mobile:mt-small {
16666
+ margin-top: var(--bal-space-small-mobile) !important;
16667
+ }
16668
+ .mobile:mt-normal {
16669
+ margin-top: var(--bal-space-normal-mobile) !important;
16670
+ }
16671
+ .mobile:mt-medium {
16672
+ margin-top: var(--bal-space-medium-mobile) !important;
16673
+ }
16674
+ .mobile:mt-large {
16675
+ margin-top: var(--bal-space-large-mobile) !important;
16676
+ }
16677
+ .mobile:mt-x-large {
16678
+ margin-top: var(--bal-space-x-large-mobile) !important;
16679
+ }
16680
+ .mobile:mt-xx-large {
16681
+ margin-top: var(--bal-space-xx-large-mobile) !important;
16682
+ }
16683
+ .mobile:mt-xxx-large {
16684
+ margin-top: var(--bal-space-xxx-large-mobile) !important;
16685
+ }
16686
+ .mobile:mt-xxxx-large {
16687
+ margin-top: var(--bal-space-xxxx-large-mobile) !important;
16688
+ }
16689
+ }
16322
16690
  @media screen and (min-width: 769px), print {
16323
16691
  .mt-none {
16324
16692
  margin-top: 0 !important;
@@ -16329,33 +16697,63 @@ table.table td.has-buttons .buttons {
16329
16697
  .mt-xx-small {
16330
16698
  margin-top: var(--bal-space-xx-small-tablet) !important;
16331
16699
  }
16700
+ .tablet:mt-xx-small {
16701
+ margin-top: var(--bal-space-xx-small-tablet) !important;
16702
+ }
16332
16703
  .mt-x-small {
16333
16704
  margin-top: var(--bal-space-x-small-tablet) !important;
16334
16705
  }
16706
+ .tablet:mt-x-small {
16707
+ margin-top: var(--bal-space-x-small-tablet) !important;
16708
+ }
16335
16709
  .mt-small {
16336
16710
  margin-top: var(--bal-space-small-tablet) !important;
16337
16711
  }
16712
+ .tablet:mt-small {
16713
+ margin-top: var(--bal-space-small-tablet) !important;
16714
+ }
16338
16715
  .mt-normal {
16339
16716
  margin-top: var(--bal-space-normal-tablet) !important;
16340
16717
  }
16718
+ .tablet:mt-normal {
16719
+ margin-top: var(--bal-space-normal-tablet) !important;
16720
+ }
16341
16721
  .mt-medium {
16342
16722
  margin-top: var(--bal-space-medium-tablet) !important;
16343
16723
  }
16724
+ .tablet:mt-medium {
16725
+ margin-top: var(--bal-space-medium-tablet) !important;
16726
+ }
16344
16727
  .mt-large {
16345
16728
  margin-top: var(--bal-space-large-tablet) !important;
16346
16729
  }
16730
+ .tablet:mt-large {
16731
+ margin-top: var(--bal-space-large-tablet) !important;
16732
+ }
16347
16733
  .mt-x-large {
16348
16734
  margin-top: var(--bal-space-x-large-tablet) !important;
16349
16735
  }
16736
+ .tablet:mt-x-large {
16737
+ margin-top: var(--bal-space-x-large-tablet) !important;
16738
+ }
16350
16739
  .mt-xx-large {
16351
16740
  margin-top: var(--bal-space-xx-large-tablet) !important;
16352
16741
  }
16742
+ .tablet:mt-xx-large {
16743
+ margin-top: var(--bal-space-xx-large-tablet) !important;
16744
+ }
16353
16745
  .mt-xxx-large {
16354
16746
  margin-top: var(--bal-space-xxx-large-tablet) !important;
16355
16747
  }
16748
+ .tablet:mt-xxx-large {
16749
+ margin-top: var(--bal-space-xxx-large-tablet) !important;
16750
+ }
16356
16751
  .mt-xxxx-large {
16357
16752
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
16358
16753
  }
16754
+ .tablet:mt-xxxx-large {
16755
+ margin-top: var(--bal-space-xxxx-large-tablet) !important;
16756
+ }
16359
16757
  }
16360
16758
  @media screen and (min-width: 1024px) {
16361
16759
  .mt-none {
@@ -16367,33 +16765,63 @@ table.table td.has-buttons .buttons {
16367
16765
  .mt-xx-small {
16368
16766
  margin-top: var(--bal-space-xx-small-desktop) !important;
16369
16767
  }
16768
+ .desktop:mt-xx-small {
16769
+ margin-top: var(--bal-space-xx-small-desktop) !important;
16770
+ }
16370
16771
  .mt-x-small {
16371
16772
  margin-top: var(--bal-space-x-small-desktop) !important;
16372
16773
  }
16774
+ .desktop:mt-x-small {
16775
+ margin-top: var(--bal-space-x-small-desktop) !important;
16776
+ }
16373
16777
  .mt-small {
16374
16778
  margin-top: var(--bal-space-small-desktop) !important;
16375
16779
  }
16780
+ .desktop:mt-small {
16781
+ margin-top: var(--bal-space-small-desktop) !important;
16782
+ }
16376
16783
  .mt-normal {
16377
16784
  margin-top: var(--bal-space-normal-desktop) !important;
16378
16785
  }
16786
+ .desktop:mt-normal {
16787
+ margin-top: var(--bal-space-normal-desktop) !important;
16788
+ }
16379
16789
  .mt-medium {
16380
16790
  margin-top: var(--bal-space-medium-desktop) !important;
16381
16791
  }
16792
+ .desktop:mt-medium {
16793
+ margin-top: var(--bal-space-medium-desktop) !important;
16794
+ }
16382
16795
  .mt-large {
16383
16796
  margin-top: var(--bal-space-large-desktop) !important;
16384
16797
  }
16798
+ .desktop:mt-large {
16799
+ margin-top: var(--bal-space-large-desktop) !important;
16800
+ }
16385
16801
  .mt-x-large {
16386
16802
  margin-top: var(--bal-space-x-large-desktop) !important;
16387
16803
  }
16804
+ .desktop:mt-x-large {
16805
+ margin-top: var(--bal-space-x-large-desktop) !important;
16806
+ }
16388
16807
  .mt-xx-large {
16389
16808
  margin-top: var(--bal-space-xx-large-desktop) !important;
16390
16809
  }
16810
+ .desktop:mt-xx-large {
16811
+ margin-top: var(--bal-space-xx-large-desktop) !important;
16812
+ }
16391
16813
  .mt-xxx-large {
16392
16814
  margin-top: var(--bal-space-xxx-large-desktop) !important;
16393
16815
  }
16816
+ .desktop:mt-xxx-large {
16817
+ margin-top: var(--bal-space-xxx-large-desktop) !important;
16818
+ }
16394
16819
  .mt-xxxx-large {
16395
16820
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
16396
16821
  }
16822
+ .desktop:mt-xxxx-large {
16823
+ margin-top: var(--bal-space-xxxx-large-desktop) !important;
16824
+ }
16397
16825
  }
16398
16826
  .mr-none {
16399
16827
  margin-right: 0 !important;
@@ -16443,6 +16871,38 @@ table.table td.has-buttons .buttons {
16443
16871
  margin-right: var(--bal-space-xxxx-large) !important;
16444
16872
  }
16445
16873
 
16874
+ @media screen and (max-width: 768px) {
16875
+ .mobile:mr-xx-small {
16876
+ margin-right: var(--bal-space-xx-small-mobile) !important;
16877
+ }
16878
+ .mobile:mr-x-small {
16879
+ margin-right: var(--bal-space-x-small-mobile) !important;
16880
+ }
16881
+ .mobile:mr-small {
16882
+ margin-right: var(--bal-space-small-mobile) !important;
16883
+ }
16884
+ .mobile:mr-normal {
16885
+ margin-right: var(--bal-space-normal-mobile) !important;
16886
+ }
16887
+ .mobile:mr-medium {
16888
+ margin-right: var(--bal-space-medium-mobile) !important;
16889
+ }
16890
+ .mobile:mr-large {
16891
+ margin-right: var(--bal-space-large-mobile) !important;
16892
+ }
16893
+ .mobile:mr-x-large {
16894
+ margin-right: var(--bal-space-x-large-mobile) !important;
16895
+ }
16896
+ .mobile:mr-xx-large {
16897
+ margin-right: var(--bal-space-xx-large-mobile) !important;
16898
+ }
16899
+ .mobile:mr-xxx-large {
16900
+ margin-right: var(--bal-space-xxx-large-mobile) !important;
16901
+ }
16902
+ .mobile:mr-xxxx-large {
16903
+ margin-right: var(--bal-space-xxxx-large-mobile) !important;
16904
+ }
16905
+ }
16446
16906
  @media screen and (min-width: 769px), print {
16447
16907
  .mr-none {
16448
16908
  margin-right: 0 !important;
@@ -16453,33 +16913,63 @@ table.table td.has-buttons .buttons {
16453
16913
  .mr-xx-small {
16454
16914
  margin-right: var(--bal-space-xx-small-tablet) !important;
16455
16915
  }
16916
+ .tablet:mr-xx-small {
16917
+ margin-right: var(--bal-space-xx-small-tablet) !important;
16918
+ }
16456
16919
  .mr-x-small {
16457
16920
  margin-right: var(--bal-space-x-small-tablet) !important;
16458
16921
  }
16922
+ .tablet:mr-x-small {
16923
+ margin-right: var(--bal-space-x-small-tablet) !important;
16924
+ }
16459
16925
  .mr-small {
16460
16926
  margin-right: var(--bal-space-small-tablet) !important;
16461
16927
  }
16928
+ .tablet:mr-small {
16929
+ margin-right: var(--bal-space-small-tablet) !important;
16930
+ }
16462
16931
  .mr-normal {
16463
16932
  margin-right: var(--bal-space-normal-tablet) !important;
16464
16933
  }
16934
+ .tablet:mr-normal {
16935
+ margin-right: var(--bal-space-normal-tablet) !important;
16936
+ }
16465
16937
  .mr-medium {
16466
16938
  margin-right: var(--bal-space-medium-tablet) !important;
16467
16939
  }
16940
+ .tablet:mr-medium {
16941
+ margin-right: var(--bal-space-medium-tablet) !important;
16942
+ }
16468
16943
  .mr-large {
16469
16944
  margin-right: var(--bal-space-large-tablet) !important;
16470
16945
  }
16946
+ .tablet:mr-large {
16947
+ margin-right: var(--bal-space-large-tablet) !important;
16948
+ }
16471
16949
  .mr-x-large {
16472
16950
  margin-right: var(--bal-space-x-large-tablet) !important;
16473
16951
  }
16952
+ .tablet:mr-x-large {
16953
+ margin-right: var(--bal-space-x-large-tablet) !important;
16954
+ }
16474
16955
  .mr-xx-large {
16475
16956
  margin-right: var(--bal-space-xx-large-tablet) !important;
16476
16957
  }
16958
+ .tablet:mr-xx-large {
16959
+ margin-right: var(--bal-space-xx-large-tablet) !important;
16960
+ }
16477
16961
  .mr-xxx-large {
16478
16962
  margin-right: var(--bal-space-xxx-large-tablet) !important;
16479
16963
  }
16964
+ .tablet:mr-xxx-large {
16965
+ margin-right: var(--bal-space-xxx-large-tablet) !important;
16966
+ }
16480
16967
  .mr-xxxx-large {
16481
16968
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
16482
16969
  }
16970
+ .tablet:mr-xxxx-large {
16971
+ margin-right: var(--bal-space-xxxx-large-tablet) !important;
16972
+ }
16483
16973
  }
16484
16974
  @media screen and (min-width: 1024px) {
16485
16975
  .mr-none {
@@ -16491,33 +16981,63 @@ table.table td.has-buttons .buttons {
16491
16981
  .mr-xx-small {
16492
16982
  margin-right: var(--bal-space-xx-small-desktop) !important;
16493
16983
  }
16984
+ .desktop:mr-xx-small {
16985
+ margin-right: var(--bal-space-xx-small-desktop) !important;
16986
+ }
16494
16987
  .mr-x-small {
16495
16988
  margin-right: var(--bal-space-x-small-desktop) !important;
16496
16989
  }
16990
+ .desktop:mr-x-small {
16991
+ margin-right: var(--bal-space-x-small-desktop) !important;
16992
+ }
16497
16993
  .mr-small {
16498
16994
  margin-right: var(--bal-space-small-desktop) !important;
16499
16995
  }
16996
+ .desktop:mr-small {
16997
+ margin-right: var(--bal-space-small-desktop) !important;
16998
+ }
16500
16999
  .mr-normal {
16501
17000
  margin-right: var(--bal-space-normal-desktop) !important;
16502
17001
  }
17002
+ .desktop:mr-normal {
17003
+ margin-right: var(--bal-space-normal-desktop) !important;
17004
+ }
16503
17005
  .mr-medium {
16504
17006
  margin-right: var(--bal-space-medium-desktop) !important;
16505
17007
  }
17008
+ .desktop:mr-medium {
17009
+ margin-right: var(--bal-space-medium-desktop) !important;
17010
+ }
16506
17011
  .mr-large {
16507
17012
  margin-right: var(--bal-space-large-desktop) !important;
16508
17013
  }
17014
+ .desktop:mr-large {
17015
+ margin-right: var(--bal-space-large-desktop) !important;
17016
+ }
16509
17017
  .mr-x-large {
16510
17018
  margin-right: var(--bal-space-x-large-desktop) !important;
16511
17019
  }
17020
+ .desktop:mr-x-large {
17021
+ margin-right: var(--bal-space-x-large-desktop) !important;
17022
+ }
16512
17023
  .mr-xx-large {
16513
17024
  margin-right: var(--bal-space-xx-large-desktop) !important;
16514
17025
  }
17026
+ .desktop:mr-xx-large {
17027
+ margin-right: var(--bal-space-xx-large-desktop) !important;
17028
+ }
16515
17029
  .mr-xxx-large {
16516
17030
  margin-right: var(--bal-space-xxx-large-desktop) !important;
16517
17031
  }
17032
+ .desktop:mr-xxx-large {
17033
+ margin-right: var(--bal-space-xxx-large-desktop) !important;
17034
+ }
16518
17035
  .mr-xxxx-large {
16519
17036
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
16520
17037
  }
17038
+ .desktop:mr-xxxx-large {
17039
+ margin-right: var(--bal-space-xxxx-large-desktop) !important;
17040
+ }
16521
17041
  }
16522
17042
  .mb-none {
16523
17043
  margin-bottom: 0 !important;
@@ -16567,6 +17087,38 @@ table.table td.has-buttons .buttons {
16567
17087
  margin-bottom: var(--bal-space-xxxx-large) !important;
16568
17088
  }
16569
17089
 
17090
+ @media screen and (max-width: 768px) {
17091
+ .mobile:mb-xx-small {
17092
+ margin-bottom: var(--bal-space-xx-small-mobile) !important;
17093
+ }
17094
+ .mobile:mb-x-small {
17095
+ margin-bottom: var(--bal-space-x-small-mobile) !important;
17096
+ }
17097
+ .mobile:mb-small {
17098
+ margin-bottom: var(--bal-space-small-mobile) !important;
17099
+ }
17100
+ .mobile:mb-normal {
17101
+ margin-bottom: var(--bal-space-normal-mobile) !important;
17102
+ }
17103
+ .mobile:mb-medium {
17104
+ margin-bottom: var(--bal-space-medium-mobile) !important;
17105
+ }
17106
+ .mobile:mb-large {
17107
+ margin-bottom: var(--bal-space-large-mobile) !important;
17108
+ }
17109
+ .mobile:mb-x-large {
17110
+ margin-bottom: var(--bal-space-x-large-mobile) !important;
17111
+ }
17112
+ .mobile:mb-xx-large {
17113
+ margin-bottom: var(--bal-space-xx-large-mobile) !important;
17114
+ }
17115
+ .mobile:mb-xxx-large {
17116
+ margin-bottom: var(--bal-space-xxx-large-mobile) !important;
17117
+ }
17118
+ .mobile:mb-xxxx-large {
17119
+ margin-bottom: var(--bal-space-xxxx-large-mobile) !important;
17120
+ }
17121
+ }
16570
17122
  @media screen and (min-width: 769px), print {
16571
17123
  .mb-none {
16572
17124
  margin-bottom: 0 !important;
@@ -16577,33 +17129,63 @@ table.table td.has-buttons .buttons {
16577
17129
  .mb-xx-small {
16578
17130
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
16579
17131
  }
17132
+ .tablet:mb-xx-small {
17133
+ margin-bottom: var(--bal-space-xx-small-tablet) !important;
17134
+ }
16580
17135
  .mb-x-small {
16581
17136
  margin-bottom: var(--bal-space-x-small-tablet) !important;
16582
17137
  }
17138
+ .tablet:mb-x-small {
17139
+ margin-bottom: var(--bal-space-x-small-tablet) !important;
17140
+ }
16583
17141
  .mb-small {
16584
17142
  margin-bottom: var(--bal-space-small-tablet) !important;
16585
17143
  }
17144
+ .tablet:mb-small {
17145
+ margin-bottom: var(--bal-space-small-tablet) !important;
17146
+ }
16586
17147
  .mb-normal {
16587
17148
  margin-bottom: var(--bal-space-normal-tablet) !important;
16588
17149
  }
17150
+ .tablet:mb-normal {
17151
+ margin-bottom: var(--bal-space-normal-tablet) !important;
17152
+ }
16589
17153
  .mb-medium {
16590
17154
  margin-bottom: var(--bal-space-medium-tablet) !important;
16591
17155
  }
17156
+ .tablet:mb-medium {
17157
+ margin-bottom: var(--bal-space-medium-tablet) !important;
17158
+ }
16592
17159
  .mb-large {
16593
17160
  margin-bottom: var(--bal-space-large-tablet) !important;
16594
17161
  }
17162
+ .tablet:mb-large {
17163
+ margin-bottom: var(--bal-space-large-tablet) !important;
17164
+ }
16595
17165
  .mb-x-large {
16596
17166
  margin-bottom: var(--bal-space-x-large-tablet) !important;
16597
17167
  }
17168
+ .tablet:mb-x-large {
17169
+ margin-bottom: var(--bal-space-x-large-tablet) !important;
17170
+ }
16598
17171
  .mb-xx-large {
16599
17172
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
16600
17173
  }
17174
+ .tablet:mb-xx-large {
17175
+ margin-bottom: var(--bal-space-xx-large-tablet) !important;
17176
+ }
16601
17177
  .mb-xxx-large {
16602
17178
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
16603
17179
  }
17180
+ .tablet:mb-xxx-large {
17181
+ margin-bottom: var(--bal-space-xxx-large-tablet) !important;
17182
+ }
16604
17183
  .mb-xxxx-large {
16605
17184
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
16606
17185
  }
17186
+ .tablet:mb-xxxx-large {
17187
+ margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
17188
+ }
16607
17189
  }
16608
17190
  @media screen and (min-width: 1024px) {
16609
17191
  .mb-none {
@@ -16615,33 +17197,63 @@ table.table td.has-buttons .buttons {
16615
17197
  .mb-xx-small {
16616
17198
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
16617
17199
  }
17200
+ .desktop:mb-xx-small {
17201
+ margin-bottom: var(--bal-space-xx-small-desktop) !important;
17202
+ }
16618
17203
  .mb-x-small {
16619
17204
  margin-bottom: var(--bal-space-x-small-desktop) !important;
16620
17205
  }
17206
+ .desktop:mb-x-small {
17207
+ margin-bottom: var(--bal-space-x-small-desktop) !important;
17208
+ }
16621
17209
  .mb-small {
16622
17210
  margin-bottom: var(--bal-space-small-desktop) !important;
16623
17211
  }
17212
+ .desktop:mb-small {
17213
+ margin-bottom: var(--bal-space-small-desktop) !important;
17214
+ }
16624
17215
  .mb-normal {
16625
17216
  margin-bottom: var(--bal-space-normal-desktop) !important;
16626
17217
  }
17218
+ .desktop:mb-normal {
17219
+ margin-bottom: var(--bal-space-normal-desktop) !important;
17220
+ }
16627
17221
  .mb-medium {
16628
17222
  margin-bottom: var(--bal-space-medium-desktop) !important;
16629
17223
  }
17224
+ .desktop:mb-medium {
17225
+ margin-bottom: var(--bal-space-medium-desktop) !important;
17226
+ }
16630
17227
  .mb-large {
16631
17228
  margin-bottom: var(--bal-space-large-desktop) !important;
16632
17229
  }
17230
+ .desktop:mb-large {
17231
+ margin-bottom: var(--bal-space-large-desktop) !important;
17232
+ }
16633
17233
  .mb-x-large {
16634
17234
  margin-bottom: var(--bal-space-x-large-desktop) !important;
16635
17235
  }
17236
+ .desktop:mb-x-large {
17237
+ margin-bottom: var(--bal-space-x-large-desktop) !important;
17238
+ }
16636
17239
  .mb-xx-large {
16637
17240
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
16638
17241
  }
17242
+ .desktop:mb-xx-large {
17243
+ margin-bottom: var(--bal-space-xx-large-desktop) !important;
17244
+ }
16639
17245
  .mb-xxx-large {
16640
17246
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
16641
17247
  }
17248
+ .desktop:mb-xxx-large {
17249
+ margin-bottom: var(--bal-space-xxx-large-desktop) !important;
17250
+ }
16642
17251
  .mb-xxxx-large {
16643
17252
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
16644
17253
  }
17254
+ .desktop:mb-xxxx-large {
17255
+ margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
17256
+ }
16645
17257
  }
16646
17258
  .ml-none {
16647
17259
  margin-left: 0 !important;
@@ -16691,6 +17303,38 @@ table.table td.has-buttons .buttons {
16691
17303
  margin-left: var(--bal-space-xxxx-large) !important;
16692
17304
  }
16693
17305
 
17306
+ @media screen and (max-width: 768px) {
17307
+ .mobile:ml-xx-small {
17308
+ margin-left: var(--bal-space-xx-small-mobile) !important;
17309
+ }
17310
+ .mobile:ml-x-small {
17311
+ margin-left: var(--bal-space-x-small-mobile) !important;
17312
+ }
17313
+ .mobile:ml-small {
17314
+ margin-left: var(--bal-space-small-mobile) !important;
17315
+ }
17316
+ .mobile:ml-normal {
17317
+ margin-left: var(--bal-space-normal-mobile) !important;
17318
+ }
17319
+ .mobile:ml-medium {
17320
+ margin-left: var(--bal-space-medium-mobile) !important;
17321
+ }
17322
+ .mobile:ml-large {
17323
+ margin-left: var(--bal-space-large-mobile) !important;
17324
+ }
17325
+ .mobile:ml-x-large {
17326
+ margin-left: var(--bal-space-x-large-mobile) !important;
17327
+ }
17328
+ .mobile:ml-xx-large {
17329
+ margin-left: var(--bal-space-xx-large-mobile) !important;
17330
+ }
17331
+ .mobile:ml-xxx-large {
17332
+ margin-left: var(--bal-space-xxx-large-mobile) !important;
17333
+ }
17334
+ .mobile:ml-xxxx-large {
17335
+ margin-left: var(--bal-space-xxxx-large-mobile) !important;
17336
+ }
17337
+ }
16694
17338
  @media screen and (min-width: 769px), print {
16695
17339
  .ml-none {
16696
17340
  margin-left: 0 !important;
@@ -16701,33 +17345,63 @@ table.table td.has-buttons .buttons {
16701
17345
  .ml-xx-small {
16702
17346
  margin-left: var(--bal-space-xx-small-tablet) !important;
16703
17347
  }
17348
+ .tablet:ml-xx-small {
17349
+ margin-left: var(--bal-space-xx-small-tablet) !important;
17350
+ }
16704
17351
  .ml-x-small {
16705
17352
  margin-left: var(--bal-space-x-small-tablet) !important;
16706
17353
  }
17354
+ .tablet:ml-x-small {
17355
+ margin-left: var(--bal-space-x-small-tablet) !important;
17356
+ }
16707
17357
  .ml-small {
16708
17358
  margin-left: var(--bal-space-small-tablet) !important;
16709
17359
  }
17360
+ .tablet:ml-small {
17361
+ margin-left: var(--bal-space-small-tablet) !important;
17362
+ }
16710
17363
  .ml-normal {
16711
17364
  margin-left: var(--bal-space-normal-tablet) !important;
16712
17365
  }
17366
+ .tablet:ml-normal {
17367
+ margin-left: var(--bal-space-normal-tablet) !important;
17368
+ }
16713
17369
  .ml-medium {
16714
17370
  margin-left: var(--bal-space-medium-tablet) !important;
16715
17371
  }
17372
+ .tablet:ml-medium {
17373
+ margin-left: var(--bal-space-medium-tablet) !important;
17374
+ }
16716
17375
  .ml-large {
16717
17376
  margin-left: var(--bal-space-large-tablet) !important;
16718
17377
  }
17378
+ .tablet:ml-large {
17379
+ margin-left: var(--bal-space-large-tablet) !important;
17380
+ }
16719
17381
  .ml-x-large {
16720
17382
  margin-left: var(--bal-space-x-large-tablet) !important;
16721
17383
  }
17384
+ .tablet:ml-x-large {
17385
+ margin-left: var(--bal-space-x-large-tablet) !important;
17386
+ }
16722
17387
  .ml-xx-large {
16723
17388
  margin-left: var(--bal-space-xx-large-tablet) !important;
16724
17389
  }
17390
+ .tablet:ml-xx-large {
17391
+ margin-left: var(--bal-space-xx-large-tablet) !important;
17392
+ }
16725
17393
  .ml-xxx-large {
16726
17394
  margin-left: var(--bal-space-xxx-large-tablet) !important;
16727
17395
  }
17396
+ .tablet:ml-xxx-large {
17397
+ margin-left: var(--bal-space-xxx-large-tablet) !important;
17398
+ }
16728
17399
  .ml-xxxx-large {
16729
17400
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
16730
17401
  }
17402
+ .tablet:ml-xxxx-large {
17403
+ margin-left: var(--bal-space-xxxx-large-tablet) !important;
17404
+ }
16731
17405
  }
16732
17406
  @media screen and (min-width: 1024px) {
16733
17407
  .ml-none {
@@ -16739,33 +17413,63 @@ table.table td.has-buttons .buttons {
16739
17413
  .ml-xx-small {
16740
17414
  margin-left: var(--bal-space-xx-small-desktop) !important;
16741
17415
  }
17416
+ .desktop:ml-xx-small {
17417
+ margin-left: var(--bal-space-xx-small-desktop) !important;
17418
+ }
16742
17419
  .ml-x-small {
16743
17420
  margin-left: var(--bal-space-x-small-desktop) !important;
16744
17421
  }
17422
+ .desktop:ml-x-small {
17423
+ margin-left: var(--bal-space-x-small-desktop) !important;
17424
+ }
16745
17425
  .ml-small {
16746
17426
  margin-left: var(--bal-space-small-desktop) !important;
16747
17427
  }
17428
+ .desktop:ml-small {
17429
+ margin-left: var(--bal-space-small-desktop) !important;
17430
+ }
16748
17431
  .ml-normal {
16749
17432
  margin-left: var(--bal-space-normal-desktop) !important;
16750
17433
  }
17434
+ .desktop:ml-normal {
17435
+ margin-left: var(--bal-space-normal-desktop) !important;
17436
+ }
16751
17437
  .ml-medium {
16752
17438
  margin-left: var(--bal-space-medium-desktop) !important;
16753
17439
  }
17440
+ .desktop:ml-medium {
17441
+ margin-left: var(--bal-space-medium-desktop) !important;
17442
+ }
16754
17443
  .ml-large {
16755
17444
  margin-left: var(--bal-space-large-desktop) !important;
16756
17445
  }
17446
+ .desktop:ml-large {
17447
+ margin-left: var(--bal-space-large-desktop) !important;
17448
+ }
16757
17449
  .ml-x-large {
16758
17450
  margin-left: var(--bal-space-x-large-desktop) !important;
16759
17451
  }
17452
+ .desktop:ml-x-large {
17453
+ margin-left: var(--bal-space-x-large-desktop) !important;
17454
+ }
16760
17455
  .ml-xx-large {
16761
17456
  margin-left: var(--bal-space-xx-large-desktop) !important;
16762
17457
  }
17458
+ .desktop:ml-xx-large {
17459
+ margin-left: var(--bal-space-xx-large-desktop) !important;
17460
+ }
16763
17461
  .ml-xxx-large {
16764
17462
  margin-left: var(--bal-space-xxx-large-desktop) !important;
16765
17463
  }
17464
+ .desktop:ml-xxx-large {
17465
+ margin-left: var(--bal-space-xxx-large-desktop) !important;
17466
+ }
16766
17467
  .ml-xxxx-large {
16767
17468
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
16768
17469
  }
17470
+ .desktop:ml-xxxx-large {
17471
+ margin-left: var(--bal-space-xxxx-large-desktop) !important;
17472
+ }
16769
17473
  }
16770
17474
  .p-none {
16771
17475
  padding: 0 !important;
@@ -16815,6 +17519,38 @@ table.table td.has-buttons .buttons {
16815
17519
  padding: var(--bal-space-xxxx-large) !important;
16816
17520
  }
16817
17521
 
17522
+ @media screen and (max-width: 768px) {
17523
+ .mobile:p-xx-small {
17524
+ padding: var(--bal-space-xx-small-mobile) !important;
17525
+ }
17526
+ .mobile:p-x-small {
17527
+ padding: var(--bal-space-x-small-mobile) !important;
17528
+ }
17529
+ .mobile:p-small {
17530
+ padding: var(--bal-space-small-mobile) !important;
17531
+ }
17532
+ .mobile:p-normal {
17533
+ padding: var(--bal-space-normal-mobile) !important;
17534
+ }
17535
+ .mobile:p-medium {
17536
+ padding: var(--bal-space-medium-mobile) !important;
17537
+ }
17538
+ .mobile:p-large {
17539
+ padding: var(--bal-space-large-mobile) !important;
17540
+ }
17541
+ .mobile:p-x-large {
17542
+ padding: var(--bal-space-x-large-mobile) !important;
17543
+ }
17544
+ .mobile:p-xx-large {
17545
+ padding: var(--bal-space-xx-large-mobile) !important;
17546
+ }
17547
+ .mobile:p-xxx-large {
17548
+ padding: var(--bal-space-xxx-large-mobile) !important;
17549
+ }
17550
+ .mobile:p-xxxx-large {
17551
+ padding: var(--bal-space-xxxx-large-mobile) !important;
17552
+ }
17553
+ }
16818
17554
  @media screen and (min-width: 769px), print {
16819
17555
  .p-none {
16820
17556
  padding: 0 !important;
@@ -16825,33 +17561,63 @@ table.table td.has-buttons .buttons {
16825
17561
  .p-xx-small {
16826
17562
  padding: var(--bal-space-xx-small-tablet) !important;
16827
17563
  }
17564
+ .tablet:p-xx-small {
17565
+ padding: var(--bal-space-xx-small-tablet) !important;
17566
+ }
16828
17567
  .p-x-small {
16829
17568
  padding: var(--bal-space-x-small-tablet) !important;
16830
17569
  }
17570
+ .tablet:p-x-small {
17571
+ padding: var(--bal-space-x-small-tablet) !important;
17572
+ }
16831
17573
  .p-small {
16832
17574
  padding: var(--bal-space-small-tablet) !important;
16833
17575
  }
17576
+ .tablet:p-small {
17577
+ padding: var(--bal-space-small-tablet) !important;
17578
+ }
16834
17579
  .p-normal {
16835
17580
  padding: var(--bal-space-normal-tablet) !important;
16836
17581
  }
17582
+ .tablet:p-normal {
17583
+ padding: var(--bal-space-normal-tablet) !important;
17584
+ }
16837
17585
  .p-medium {
16838
17586
  padding: var(--bal-space-medium-tablet) !important;
16839
17587
  }
17588
+ .tablet:p-medium {
17589
+ padding: var(--bal-space-medium-tablet) !important;
17590
+ }
16840
17591
  .p-large {
16841
17592
  padding: var(--bal-space-large-tablet) !important;
16842
17593
  }
17594
+ .tablet:p-large {
17595
+ padding: var(--bal-space-large-tablet) !important;
17596
+ }
16843
17597
  .p-x-large {
16844
17598
  padding: var(--bal-space-x-large-tablet) !important;
16845
17599
  }
17600
+ .tablet:p-x-large {
17601
+ padding: var(--bal-space-x-large-tablet) !important;
17602
+ }
16846
17603
  .p-xx-large {
16847
17604
  padding: var(--bal-space-xx-large-tablet) !important;
16848
17605
  }
17606
+ .tablet:p-xx-large {
17607
+ padding: var(--bal-space-xx-large-tablet) !important;
17608
+ }
16849
17609
  .p-xxx-large {
16850
17610
  padding: var(--bal-space-xxx-large-tablet) !important;
16851
17611
  }
17612
+ .tablet:p-xxx-large {
17613
+ padding: var(--bal-space-xxx-large-tablet) !important;
17614
+ }
16852
17615
  .p-xxxx-large {
16853
17616
  padding: var(--bal-space-xxxx-large-tablet) !important;
16854
17617
  }
17618
+ .tablet:p-xxxx-large {
17619
+ padding: var(--bal-space-xxxx-large-tablet) !important;
17620
+ }
16855
17621
  }
16856
17622
  @media screen and (min-width: 1024px) {
16857
17623
  .p-none {
@@ -16863,33 +17629,63 @@ table.table td.has-buttons .buttons {
16863
17629
  .p-xx-small {
16864
17630
  padding: var(--bal-space-xx-small-desktop) !important;
16865
17631
  }
17632
+ .desktop:p-xx-small {
17633
+ padding: var(--bal-space-xx-small-desktop) !important;
17634
+ }
16866
17635
  .p-x-small {
16867
17636
  padding: var(--bal-space-x-small-desktop) !important;
16868
17637
  }
17638
+ .desktop:p-x-small {
17639
+ padding: var(--bal-space-x-small-desktop) !important;
17640
+ }
16869
17641
  .p-small {
16870
17642
  padding: var(--bal-space-small-desktop) !important;
16871
17643
  }
17644
+ .desktop:p-small {
17645
+ padding: var(--bal-space-small-desktop) !important;
17646
+ }
16872
17647
  .p-normal {
16873
17648
  padding: var(--bal-space-normal-desktop) !important;
16874
17649
  }
17650
+ .desktop:p-normal {
17651
+ padding: var(--bal-space-normal-desktop) !important;
17652
+ }
16875
17653
  .p-medium {
16876
17654
  padding: var(--bal-space-medium-desktop) !important;
16877
17655
  }
17656
+ .desktop:p-medium {
17657
+ padding: var(--bal-space-medium-desktop) !important;
17658
+ }
16878
17659
  .p-large {
16879
17660
  padding: var(--bal-space-large-desktop) !important;
16880
17661
  }
17662
+ .desktop:p-large {
17663
+ padding: var(--bal-space-large-desktop) !important;
17664
+ }
16881
17665
  .p-x-large {
16882
17666
  padding: var(--bal-space-x-large-desktop) !important;
16883
17667
  }
17668
+ .desktop:p-x-large {
17669
+ padding: var(--bal-space-x-large-desktop) !important;
17670
+ }
16884
17671
  .p-xx-large {
16885
17672
  padding: var(--bal-space-xx-large-desktop) !important;
16886
17673
  }
17674
+ .desktop:p-xx-large {
17675
+ padding: var(--bal-space-xx-large-desktop) !important;
17676
+ }
16887
17677
  .p-xxx-large {
16888
17678
  padding: var(--bal-space-xxx-large-desktop) !important;
16889
17679
  }
17680
+ .desktop:p-xxx-large {
17681
+ padding: var(--bal-space-xxx-large-desktop) !important;
17682
+ }
16890
17683
  .p-xxxx-large {
16891
17684
  padding: var(--bal-space-xxxx-large-desktop) !important;
16892
17685
  }
17686
+ .desktop:p-xxxx-large {
17687
+ padding: var(--bal-space-xxxx-large-desktop) !important;
17688
+ }
16893
17689
  }
16894
17690
  .px-none {
16895
17691
  padding-left: 0 !important;
@@ -16951,6 +17747,48 @@ table.table td.has-buttons .buttons {
16951
17747
  padding-right: var(--bal-space-xxxx-large) !important;
16952
17748
  }
16953
17749
 
17750
+ @media screen and (max-width: 768px) {
17751
+ .mobile:px-xx-small {
17752
+ padding-left: var(--bal-space-xx-small-mobile) !important;
17753
+ padding-right: var(--bal-space-xx-small-mobile) !important;
17754
+ }
17755
+ .mobile:px-x-small {
17756
+ padding-left: var(--bal-space-x-small-mobile) !important;
17757
+ padding-right: var(--bal-space-x-small-mobile) !important;
17758
+ }
17759
+ .mobile:px-small {
17760
+ padding-left: var(--bal-space-small-mobile) !important;
17761
+ padding-right: var(--bal-space-small-mobile) !important;
17762
+ }
17763
+ .mobile:px-normal {
17764
+ padding-left: var(--bal-space-normal-mobile) !important;
17765
+ padding-right: var(--bal-space-normal-mobile) !important;
17766
+ }
17767
+ .mobile:px-medium {
17768
+ padding-left: var(--bal-space-medium-mobile) !important;
17769
+ padding-right: var(--bal-space-medium-mobile) !important;
17770
+ }
17771
+ .mobile:px-large {
17772
+ padding-left: var(--bal-space-large-mobile) !important;
17773
+ padding-right: var(--bal-space-large-mobile) !important;
17774
+ }
17775
+ .mobile:px-x-large {
17776
+ padding-left: var(--bal-space-x-large-mobile) !important;
17777
+ padding-right: var(--bal-space-x-large-mobile) !important;
17778
+ }
17779
+ .mobile:px-xx-large {
17780
+ padding-left: var(--bal-space-xx-large-mobile) !important;
17781
+ padding-right: var(--bal-space-xx-large-mobile) !important;
17782
+ }
17783
+ .mobile:px-xxx-large {
17784
+ padding-left: var(--bal-space-xxx-large-mobile) !important;
17785
+ padding-right: var(--bal-space-xxx-large-mobile) !important;
17786
+ }
17787
+ .mobile:px-xxxx-large {
17788
+ padding-left: var(--bal-space-xxxx-large-mobile) !important;
17789
+ padding-right: var(--bal-space-xxxx-large-mobile) !important;
17790
+ }
17791
+ }
16954
17792
  @media screen and (min-width: 769px), print {
16955
17793
  .px-none {
16956
17794
  padding-left: 0 !important;
@@ -16964,42 +17802,82 @@ table.table td.has-buttons .buttons {
16964
17802
  padding-left: var(--bal-space-xx-small-tablet) !important;
16965
17803
  padding-right: var(--bal-space-xx-small-tablet) !important;
16966
17804
  }
17805
+ .tablet:px-xx-small {
17806
+ padding-left: var(--bal-space-xx-small-tablet) !important;
17807
+ padding-right: var(--bal-space-xx-small-tablet) !important;
17808
+ }
16967
17809
  .px-x-small {
16968
17810
  padding-left: var(--bal-space-x-small-tablet) !important;
16969
17811
  padding-right: var(--bal-space-x-small-tablet) !important;
16970
17812
  }
17813
+ .tablet:px-x-small {
17814
+ padding-left: var(--bal-space-x-small-tablet) !important;
17815
+ padding-right: var(--bal-space-x-small-tablet) !important;
17816
+ }
16971
17817
  .px-small {
16972
17818
  padding-left: var(--bal-space-small-tablet) !important;
16973
17819
  padding-right: var(--bal-space-small-tablet) !important;
16974
17820
  }
17821
+ .tablet:px-small {
17822
+ padding-left: var(--bal-space-small-tablet) !important;
17823
+ padding-right: var(--bal-space-small-tablet) !important;
17824
+ }
16975
17825
  .px-normal {
16976
17826
  padding-left: var(--bal-space-normal-tablet) !important;
16977
17827
  padding-right: var(--bal-space-normal-tablet) !important;
16978
17828
  }
17829
+ .tablet:px-normal {
17830
+ padding-left: var(--bal-space-normal-tablet) !important;
17831
+ padding-right: var(--bal-space-normal-tablet) !important;
17832
+ }
16979
17833
  .px-medium {
16980
17834
  padding-left: var(--bal-space-medium-tablet) !important;
16981
17835
  padding-right: var(--bal-space-medium-tablet) !important;
16982
17836
  }
17837
+ .tablet:px-medium {
17838
+ padding-left: var(--bal-space-medium-tablet) !important;
17839
+ padding-right: var(--bal-space-medium-tablet) !important;
17840
+ }
16983
17841
  .px-large {
16984
17842
  padding-left: var(--bal-space-large-tablet) !important;
16985
17843
  padding-right: var(--bal-space-large-tablet) !important;
16986
17844
  }
17845
+ .tablet:px-large {
17846
+ padding-left: var(--bal-space-large-tablet) !important;
17847
+ padding-right: var(--bal-space-large-tablet) !important;
17848
+ }
16987
17849
  .px-x-large {
16988
17850
  padding-left: var(--bal-space-x-large-tablet) !important;
16989
17851
  padding-right: var(--bal-space-x-large-tablet) !important;
16990
17852
  }
17853
+ .tablet:px-x-large {
17854
+ padding-left: var(--bal-space-x-large-tablet) !important;
17855
+ padding-right: var(--bal-space-x-large-tablet) !important;
17856
+ }
16991
17857
  .px-xx-large {
16992
17858
  padding-left: var(--bal-space-xx-large-tablet) !important;
16993
17859
  padding-right: var(--bal-space-xx-large-tablet) !important;
16994
17860
  }
17861
+ .tablet:px-xx-large {
17862
+ padding-left: var(--bal-space-xx-large-tablet) !important;
17863
+ padding-right: var(--bal-space-xx-large-tablet) !important;
17864
+ }
16995
17865
  .px-xxx-large {
16996
17866
  padding-left: var(--bal-space-xxx-large-tablet) !important;
16997
17867
  padding-right: var(--bal-space-xxx-large-tablet) !important;
16998
17868
  }
17869
+ .tablet:px-xxx-large {
17870
+ padding-left: var(--bal-space-xxx-large-tablet) !important;
17871
+ padding-right: var(--bal-space-xxx-large-tablet) !important;
17872
+ }
16999
17873
  .px-xxxx-large {
17000
17874
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
17001
17875
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
17002
17876
  }
17877
+ .tablet:px-xxxx-large {
17878
+ padding-left: var(--bal-space-xxxx-large-tablet) !important;
17879
+ padding-right: var(--bal-space-xxxx-large-tablet) !important;
17880
+ }
17003
17881
  }
17004
17882
  @media screen and (min-width: 1024px) {
17005
17883
  .px-none {
@@ -17014,42 +17892,82 @@ table.table td.has-buttons .buttons {
17014
17892
  padding-left: var(--bal-space-xx-small-desktop) !important;
17015
17893
  padding-right: var(--bal-space-xx-small-desktop) !important;
17016
17894
  }
17895
+ .desktop:px-xx-small {
17896
+ padding-left: var(--bal-space-xx-small-desktop) !important;
17897
+ padding-right: var(--bal-space-xx-small-desktop) !important;
17898
+ }
17017
17899
  .px-x-small {
17018
17900
  padding-left: var(--bal-space-x-small-desktop) !important;
17019
17901
  padding-right: var(--bal-space-x-small-desktop) !important;
17020
17902
  }
17903
+ .desktop:px-x-small {
17904
+ padding-left: var(--bal-space-x-small-desktop) !important;
17905
+ padding-right: var(--bal-space-x-small-desktop) !important;
17906
+ }
17021
17907
  .px-small {
17022
17908
  padding-left: var(--bal-space-small-desktop) !important;
17023
17909
  padding-right: var(--bal-space-small-desktop) !important;
17024
17910
  }
17911
+ .desktop:px-small {
17912
+ padding-left: var(--bal-space-small-desktop) !important;
17913
+ padding-right: var(--bal-space-small-desktop) !important;
17914
+ }
17025
17915
  .px-normal {
17026
17916
  padding-left: var(--bal-space-normal-desktop) !important;
17027
17917
  padding-right: var(--bal-space-normal-desktop) !important;
17028
17918
  }
17919
+ .desktop:px-normal {
17920
+ padding-left: var(--bal-space-normal-desktop) !important;
17921
+ padding-right: var(--bal-space-normal-desktop) !important;
17922
+ }
17029
17923
  .px-medium {
17030
17924
  padding-left: var(--bal-space-medium-desktop) !important;
17031
17925
  padding-right: var(--bal-space-medium-desktop) !important;
17032
17926
  }
17927
+ .desktop:px-medium {
17928
+ padding-left: var(--bal-space-medium-desktop) !important;
17929
+ padding-right: var(--bal-space-medium-desktop) !important;
17930
+ }
17033
17931
  .px-large {
17034
17932
  padding-left: var(--bal-space-large-desktop) !important;
17035
17933
  padding-right: var(--bal-space-large-desktop) !important;
17036
17934
  }
17935
+ .desktop:px-large {
17936
+ padding-left: var(--bal-space-large-desktop) !important;
17937
+ padding-right: var(--bal-space-large-desktop) !important;
17938
+ }
17037
17939
  .px-x-large {
17038
17940
  padding-left: var(--bal-space-x-large-desktop) !important;
17039
17941
  padding-right: var(--bal-space-x-large-desktop) !important;
17040
17942
  }
17943
+ .desktop:px-x-large {
17944
+ padding-left: var(--bal-space-x-large-desktop) !important;
17945
+ padding-right: var(--bal-space-x-large-desktop) !important;
17946
+ }
17041
17947
  .px-xx-large {
17042
17948
  padding-left: var(--bal-space-xx-large-desktop) !important;
17043
17949
  padding-right: var(--bal-space-xx-large-desktop) !important;
17044
17950
  }
17951
+ .desktop:px-xx-large {
17952
+ padding-left: var(--bal-space-xx-large-desktop) !important;
17953
+ padding-right: var(--bal-space-xx-large-desktop) !important;
17954
+ }
17045
17955
  .px-xxx-large {
17046
17956
  padding-left: var(--bal-space-xxx-large-desktop) !important;
17047
17957
  padding-right: var(--bal-space-xxx-large-desktop) !important;
17048
17958
  }
17959
+ .desktop:px-xxx-large {
17960
+ padding-left: var(--bal-space-xxx-large-desktop) !important;
17961
+ padding-right: var(--bal-space-xxx-large-desktop) !important;
17962
+ }
17049
17963
  .px-xxxx-large {
17050
17964
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
17051
17965
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
17052
17966
  }
17967
+ .desktop:px-xxxx-large {
17968
+ padding-left: var(--bal-space-xxxx-large-desktop) !important;
17969
+ padding-right: var(--bal-space-xxxx-large-desktop) !important;
17970
+ }
17053
17971
  }
17054
17972
  .py-none {
17055
17973
  padding-top: 0 !important;
@@ -17111,6 +18029,48 @@ table.table td.has-buttons .buttons {
17111
18029
  padding-bottom: var(--bal-space-xxxx-large) !important;
17112
18030
  }
17113
18031
 
18032
+ @media screen and (max-width: 768px) {
18033
+ .mobile:py-xx-small {
18034
+ padding-top: var(--bal-space-xx-small-mobile) !important;
18035
+ padding-bottom: var(--bal-space-xx-small-mobile) !important;
18036
+ }
18037
+ .mobile:py-x-small {
18038
+ padding-top: var(--bal-space-x-small-mobile) !important;
18039
+ padding-bottom: var(--bal-space-x-small-mobile) !important;
18040
+ }
18041
+ .mobile:py-small {
18042
+ padding-top: var(--bal-space-small-mobile) !important;
18043
+ padding-bottom: var(--bal-space-small-mobile) !important;
18044
+ }
18045
+ .mobile:py-normal {
18046
+ padding-top: var(--bal-space-normal-mobile) !important;
18047
+ padding-bottom: var(--bal-space-normal-mobile) !important;
18048
+ }
18049
+ .mobile:py-medium {
18050
+ padding-top: var(--bal-space-medium-mobile) !important;
18051
+ padding-bottom: var(--bal-space-medium-mobile) !important;
18052
+ }
18053
+ .mobile:py-large {
18054
+ padding-top: var(--bal-space-large-mobile) !important;
18055
+ padding-bottom: var(--bal-space-large-mobile) !important;
18056
+ }
18057
+ .mobile:py-x-large {
18058
+ padding-top: var(--bal-space-x-large-mobile) !important;
18059
+ padding-bottom: var(--bal-space-x-large-mobile) !important;
18060
+ }
18061
+ .mobile:py-xx-large {
18062
+ padding-top: var(--bal-space-xx-large-mobile) !important;
18063
+ padding-bottom: var(--bal-space-xx-large-mobile) !important;
18064
+ }
18065
+ .mobile:py-xxx-large {
18066
+ padding-top: var(--bal-space-xxx-large-mobile) !important;
18067
+ padding-bottom: var(--bal-space-xxx-large-mobile) !important;
18068
+ }
18069
+ .mobile:py-xxxx-large {
18070
+ padding-top: var(--bal-space-xxxx-large-mobile) !important;
18071
+ padding-bottom: var(--bal-space-xxxx-large-mobile) !important;
18072
+ }
18073
+ }
17114
18074
  @media screen and (min-width: 769px), print {
17115
18075
  .py-none {
17116
18076
  padding-top: 0 !important;
@@ -17124,42 +18084,82 @@ table.table td.has-buttons .buttons {
17124
18084
  padding-top: var(--bal-space-xx-small-tablet) !important;
17125
18085
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
17126
18086
  }
18087
+ .tablet:py-xx-small {
18088
+ padding-top: var(--bal-space-xx-small-tablet) !important;
18089
+ padding-bottom: var(--bal-space-xx-small-tablet) !important;
18090
+ }
17127
18091
  .py-x-small {
17128
18092
  padding-top: var(--bal-space-x-small-tablet) !important;
17129
18093
  padding-bottom: var(--bal-space-x-small-tablet) !important;
17130
18094
  }
18095
+ .tablet:py-x-small {
18096
+ padding-top: var(--bal-space-x-small-tablet) !important;
18097
+ padding-bottom: var(--bal-space-x-small-tablet) !important;
18098
+ }
17131
18099
  .py-small {
17132
18100
  padding-top: var(--bal-space-small-tablet) !important;
17133
18101
  padding-bottom: var(--bal-space-small-tablet) !important;
17134
18102
  }
18103
+ .tablet:py-small {
18104
+ padding-top: var(--bal-space-small-tablet) !important;
18105
+ padding-bottom: var(--bal-space-small-tablet) !important;
18106
+ }
17135
18107
  .py-normal {
17136
18108
  padding-top: var(--bal-space-normal-tablet) !important;
17137
18109
  padding-bottom: var(--bal-space-normal-tablet) !important;
17138
18110
  }
18111
+ .tablet:py-normal {
18112
+ padding-top: var(--bal-space-normal-tablet) !important;
18113
+ padding-bottom: var(--bal-space-normal-tablet) !important;
18114
+ }
17139
18115
  .py-medium {
17140
18116
  padding-top: var(--bal-space-medium-tablet) !important;
17141
18117
  padding-bottom: var(--bal-space-medium-tablet) !important;
17142
18118
  }
18119
+ .tablet:py-medium {
18120
+ padding-top: var(--bal-space-medium-tablet) !important;
18121
+ padding-bottom: var(--bal-space-medium-tablet) !important;
18122
+ }
17143
18123
  .py-large {
17144
18124
  padding-top: var(--bal-space-large-tablet) !important;
17145
18125
  padding-bottom: var(--bal-space-large-tablet) !important;
17146
18126
  }
18127
+ .tablet:py-large {
18128
+ padding-top: var(--bal-space-large-tablet) !important;
18129
+ padding-bottom: var(--bal-space-large-tablet) !important;
18130
+ }
17147
18131
  .py-x-large {
17148
18132
  padding-top: var(--bal-space-x-large-tablet) !important;
17149
18133
  padding-bottom: var(--bal-space-x-large-tablet) !important;
17150
18134
  }
18135
+ .tablet:py-x-large {
18136
+ padding-top: var(--bal-space-x-large-tablet) !important;
18137
+ padding-bottom: var(--bal-space-x-large-tablet) !important;
18138
+ }
17151
18139
  .py-xx-large {
17152
18140
  padding-top: var(--bal-space-xx-large-tablet) !important;
17153
18141
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
17154
18142
  }
18143
+ .tablet:py-xx-large {
18144
+ padding-top: var(--bal-space-xx-large-tablet) !important;
18145
+ padding-bottom: var(--bal-space-xx-large-tablet) !important;
18146
+ }
17155
18147
  .py-xxx-large {
17156
18148
  padding-top: var(--bal-space-xxx-large-tablet) !important;
17157
18149
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
17158
18150
  }
18151
+ .tablet:py-xxx-large {
18152
+ padding-top: var(--bal-space-xxx-large-tablet) !important;
18153
+ padding-bottom: var(--bal-space-xxx-large-tablet) !important;
18154
+ }
17159
18155
  .py-xxxx-large {
17160
18156
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
17161
18157
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
17162
18158
  }
18159
+ .tablet:py-xxxx-large {
18160
+ padding-top: var(--bal-space-xxxx-large-tablet) !important;
18161
+ padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
18162
+ }
17163
18163
  }
17164
18164
  @media screen and (min-width: 1024px) {
17165
18165
  .py-none {
@@ -17174,42 +18174,82 @@ table.table td.has-buttons .buttons {
17174
18174
  padding-top: var(--bal-space-xx-small-desktop) !important;
17175
18175
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
17176
18176
  }
18177
+ .desktop:py-xx-small {
18178
+ padding-top: var(--bal-space-xx-small-desktop) !important;
18179
+ padding-bottom: var(--bal-space-xx-small-desktop) !important;
18180
+ }
17177
18181
  .py-x-small {
17178
18182
  padding-top: var(--bal-space-x-small-desktop) !important;
17179
18183
  padding-bottom: var(--bal-space-x-small-desktop) !important;
17180
18184
  }
18185
+ .desktop:py-x-small {
18186
+ padding-top: var(--bal-space-x-small-desktop) !important;
18187
+ padding-bottom: var(--bal-space-x-small-desktop) !important;
18188
+ }
17181
18189
  .py-small {
17182
18190
  padding-top: var(--bal-space-small-desktop) !important;
17183
18191
  padding-bottom: var(--bal-space-small-desktop) !important;
17184
18192
  }
18193
+ .desktop:py-small {
18194
+ padding-top: var(--bal-space-small-desktop) !important;
18195
+ padding-bottom: var(--bal-space-small-desktop) !important;
18196
+ }
17185
18197
  .py-normal {
17186
18198
  padding-top: var(--bal-space-normal-desktop) !important;
17187
18199
  padding-bottom: var(--bal-space-normal-desktop) !important;
17188
18200
  }
18201
+ .desktop:py-normal {
18202
+ padding-top: var(--bal-space-normal-desktop) !important;
18203
+ padding-bottom: var(--bal-space-normal-desktop) !important;
18204
+ }
17189
18205
  .py-medium {
17190
18206
  padding-top: var(--bal-space-medium-desktop) !important;
17191
18207
  padding-bottom: var(--bal-space-medium-desktop) !important;
17192
18208
  }
18209
+ .desktop:py-medium {
18210
+ padding-top: var(--bal-space-medium-desktop) !important;
18211
+ padding-bottom: var(--bal-space-medium-desktop) !important;
18212
+ }
17193
18213
  .py-large {
17194
18214
  padding-top: var(--bal-space-large-desktop) !important;
17195
18215
  padding-bottom: var(--bal-space-large-desktop) !important;
17196
18216
  }
18217
+ .desktop:py-large {
18218
+ padding-top: var(--bal-space-large-desktop) !important;
18219
+ padding-bottom: var(--bal-space-large-desktop) !important;
18220
+ }
17197
18221
  .py-x-large {
17198
18222
  padding-top: var(--bal-space-x-large-desktop) !important;
17199
18223
  padding-bottom: var(--bal-space-x-large-desktop) !important;
17200
18224
  }
18225
+ .desktop:py-x-large {
18226
+ padding-top: var(--bal-space-x-large-desktop) !important;
18227
+ padding-bottom: var(--bal-space-x-large-desktop) !important;
18228
+ }
17201
18229
  .py-xx-large {
17202
18230
  padding-top: var(--bal-space-xx-large-desktop) !important;
17203
18231
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
17204
18232
  }
18233
+ .desktop:py-xx-large {
18234
+ padding-top: var(--bal-space-xx-large-desktop) !important;
18235
+ padding-bottom: var(--bal-space-xx-large-desktop) !important;
18236
+ }
17205
18237
  .py-xxx-large {
17206
18238
  padding-top: var(--bal-space-xxx-large-desktop) !important;
17207
18239
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
17208
18240
  }
18241
+ .desktop:py-xxx-large {
18242
+ padding-top: var(--bal-space-xxx-large-desktop) !important;
18243
+ padding-bottom: var(--bal-space-xxx-large-desktop) !important;
18244
+ }
17209
18245
  .py-xxxx-large {
17210
18246
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
17211
18247
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
17212
18248
  }
18249
+ .desktop:py-xxxx-large {
18250
+ padding-top: var(--bal-space-xxxx-large-desktop) !important;
18251
+ padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
18252
+ }
17213
18253
  }
17214
18254
  .pt-none {
17215
18255
  padding-top: 0 !important;
@@ -17259,6 +18299,38 @@ table.table td.has-buttons .buttons {
17259
18299
  padding-top: var(--bal-space-xxxx-large) !important;
17260
18300
  }
17261
18301
 
18302
+ @media screen and (max-width: 768px) {
18303
+ .mobile:pt-xx-small {
18304
+ padding-top: var(--bal-space-xx-small-mobile) !important;
18305
+ }
18306
+ .mobile:pt-x-small {
18307
+ padding-top: var(--bal-space-x-small-mobile) !important;
18308
+ }
18309
+ .mobile:pt-small {
18310
+ padding-top: var(--bal-space-small-mobile) !important;
18311
+ }
18312
+ .mobile:pt-normal {
18313
+ padding-top: var(--bal-space-normal-mobile) !important;
18314
+ }
18315
+ .mobile:pt-medium {
18316
+ padding-top: var(--bal-space-medium-mobile) !important;
18317
+ }
18318
+ .mobile:pt-large {
18319
+ padding-top: var(--bal-space-large-mobile) !important;
18320
+ }
18321
+ .mobile:pt-x-large {
18322
+ padding-top: var(--bal-space-x-large-mobile) !important;
18323
+ }
18324
+ .mobile:pt-xx-large {
18325
+ padding-top: var(--bal-space-xx-large-mobile) !important;
18326
+ }
18327
+ .mobile:pt-xxx-large {
18328
+ padding-top: var(--bal-space-xxx-large-mobile) !important;
18329
+ }
18330
+ .mobile:pt-xxxx-large {
18331
+ padding-top: var(--bal-space-xxxx-large-mobile) !important;
18332
+ }
18333
+ }
17262
18334
  @media screen and (min-width: 769px), print {
17263
18335
  .pt-none {
17264
18336
  padding-top: 0 !important;
@@ -17269,33 +18341,63 @@ table.table td.has-buttons .buttons {
17269
18341
  .pt-xx-small {
17270
18342
  padding-top: var(--bal-space-xx-small-tablet) !important;
17271
18343
  }
18344
+ .tablet:pt-xx-small {
18345
+ padding-top: var(--bal-space-xx-small-tablet) !important;
18346
+ }
17272
18347
  .pt-x-small {
17273
18348
  padding-top: var(--bal-space-x-small-tablet) !important;
17274
18349
  }
18350
+ .tablet:pt-x-small {
18351
+ padding-top: var(--bal-space-x-small-tablet) !important;
18352
+ }
17275
18353
  .pt-small {
17276
18354
  padding-top: var(--bal-space-small-tablet) !important;
17277
18355
  }
18356
+ .tablet:pt-small {
18357
+ padding-top: var(--bal-space-small-tablet) !important;
18358
+ }
17278
18359
  .pt-normal {
17279
18360
  padding-top: var(--bal-space-normal-tablet) !important;
17280
18361
  }
18362
+ .tablet:pt-normal {
18363
+ padding-top: var(--bal-space-normal-tablet) !important;
18364
+ }
17281
18365
  .pt-medium {
17282
18366
  padding-top: var(--bal-space-medium-tablet) !important;
17283
18367
  }
18368
+ .tablet:pt-medium {
18369
+ padding-top: var(--bal-space-medium-tablet) !important;
18370
+ }
17284
18371
  .pt-large {
17285
18372
  padding-top: var(--bal-space-large-tablet) !important;
17286
18373
  }
18374
+ .tablet:pt-large {
18375
+ padding-top: var(--bal-space-large-tablet) !important;
18376
+ }
17287
18377
  .pt-x-large {
17288
18378
  padding-top: var(--bal-space-x-large-tablet) !important;
17289
18379
  }
18380
+ .tablet:pt-x-large {
18381
+ padding-top: var(--bal-space-x-large-tablet) !important;
18382
+ }
17290
18383
  .pt-xx-large {
17291
18384
  padding-top: var(--bal-space-xx-large-tablet) !important;
17292
18385
  }
18386
+ .tablet:pt-xx-large {
18387
+ padding-top: var(--bal-space-xx-large-tablet) !important;
18388
+ }
17293
18389
  .pt-xxx-large {
17294
18390
  padding-top: var(--bal-space-xxx-large-tablet) !important;
17295
18391
  }
18392
+ .tablet:pt-xxx-large {
18393
+ padding-top: var(--bal-space-xxx-large-tablet) !important;
18394
+ }
17296
18395
  .pt-xxxx-large {
17297
18396
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
17298
18397
  }
18398
+ .tablet:pt-xxxx-large {
18399
+ padding-top: var(--bal-space-xxxx-large-tablet) !important;
18400
+ }
17299
18401
  }
17300
18402
  @media screen and (min-width: 1024px) {
17301
18403
  .pt-none {
@@ -17307,33 +18409,63 @@ table.table td.has-buttons .buttons {
17307
18409
  .pt-xx-small {
17308
18410
  padding-top: var(--bal-space-xx-small-desktop) !important;
17309
18411
  }
18412
+ .desktop:pt-xx-small {
18413
+ padding-top: var(--bal-space-xx-small-desktop) !important;
18414
+ }
17310
18415
  .pt-x-small {
17311
18416
  padding-top: var(--bal-space-x-small-desktop) !important;
17312
18417
  }
18418
+ .desktop:pt-x-small {
18419
+ padding-top: var(--bal-space-x-small-desktop) !important;
18420
+ }
17313
18421
  .pt-small {
17314
18422
  padding-top: var(--bal-space-small-desktop) !important;
17315
18423
  }
18424
+ .desktop:pt-small {
18425
+ padding-top: var(--bal-space-small-desktop) !important;
18426
+ }
17316
18427
  .pt-normal {
17317
18428
  padding-top: var(--bal-space-normal-desktop) !important;
17318
18429
  }
18430
+ .desktop:pt-normal {
18431
+ padding-top: var(--bal-space-normal-desktop) !important;
18432
+ }
17319
18433
  .pt-medium {
17320
18434
  padding-top: var(--bal-space-medium-desktop) !important;
17321
18435
  }
18436
+ .desktop:pt-medium {
18437
+ padding-top: var(--bal-space-medium-desktop) !important;
18438
+ }
17322
18439
  .pt-large {
17323
18440
  padding-top: var(--bal-space-large-desktop) !important;
17324
18441
  }
18442
+ .desktop:pt-large {
18443
+ padding-top: var(--bal-space-large-desktop) !important;
18444
+ }
17325
18445
  .pt-x-large {
17326
18446
  padding-top: var(--bal-space-x-large-desktop) !important;
17327
18447
  }
18448
+ .desktop:pt-x-large {
18449
+ padding-top: var(--bal-space-x-large-desktop) !important;
18450
+ }
17328
18451
  .pt-xx-large {
17329
18452
  padding-top: var(--bal-space-xx-large-desktop) !important;
17330
18453
  }
18454
+ .desktop:pt-xx-large {
18455
+ padding-top: var(--bal-space-xx-large-desktop) !important;
18456
+ }
17331
18457
  .pt-xxx-large {
17332
18458
  padding-top: var(--bal-space-xxx-large-desktop) !important;
17333
18459
  }
18460
+ .desktop:pt-xxx-large {
18461
+ padding-top: var(--bal-space-xxx-large-desktop) !important;
18462
+ }
17334
18463
  .pt-xxxx-large {
17335
18464
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
17336
18465
  }
18466
+ .desktop:pt-xxxx-large {
18467
+ padding-top: var(--bal-space-xxxx-large-desktop) !important;
18468
+ }
17337
18469
  }
17338
18470
  .pr-none {
17339
18471
  padding-right: 0 !important;
@@ -17383,6 +18515,38 @@ table.table td.has-buttons .buttons {
17383
18515
  padding-right: var(--bal-space-xxxx-large) !important;
17384
18516
  }
17385
18517
 
18518
+ @media screen and (max-width: 768px) {
18519
+ .mobile:pr-xx-small {
18520
+ padding-right: var(--bal-space-xx-small-mobile) !important;
18521
+ }
18522
+ .mobile:pr-x-small {
18523
+ padding-right: var(--bal-space-x-small-mobile) !important;
18524
+ }
18525
+ .mobile:pr-small {
18526
+ padding-right: var(--bal-space-small-mobile) !important;
18527
+ }
18528
+ .mobile:pr-normal {
18529
+ padding-right: var(--bal-space-normal-mobile) !important;
18530
+ }
18531
+ .mobile:pr-medium {
18532
+ padding-right: var(--bal-space-medium-mobile) !important;
18533
+ }
18534
+ .mobile:pr-large {
18535
+ padding-right: var(--bal-space-large-mobile) !important;
18536
+ }
18537
+ .mobile:pr-x-large {
18538
+ padding-right: var(--bal-space-x-large-mobile) !important;
18539
+ }
18540
+ .mobile:pr-xx-large {
18541
+ padding-right: var(--bal-space-xx-large-mobile) !important;
18542
+ }
18543
+ .mobile:pr-xxx-large {
18544
+ padding-right: var(--bal-space-xxx-large-mobile) !important;
18545
+ }
18546
+ .mobile:pr-xxxx-large {
18547
+ padding-right: var(--bal-space-xxxx-large-mobile) !important;
18548
+ }
18549
+ }
17386
18550
  @media screen and (min-width: 769px), print {
17387
18551
  .pr-none {
17388
18552
  padding-right: 0 !important;
@@ -17393,33 +18557,63 @@ table.table td.has-buttons .buttons {
17393
18557
  .pr-xx-small {
17394
18558
  padding-right: var(--bal-space-xx-small-tablet) !important;
17395
18559
  }
18560
+ .tablet:pr-xx-small {
18561
+ padding-right: var(--bal-space-xx-small-tablet) !important;
18562
+ }
17396
18563
  .pr-x-small {
17397
18564
  padding-right: var(--bal-space-x-small-tablet) !important;
17398
18565
  }
18566
+ .tablet:pr-x-small {
18567
+ padding-right: var(--bal-space-x-small-tablet) !important;
18568
+ }
17399
18569
  .pr-small {
17400
18570
  padding-right: var(--bal-space-small-tablet) !important;
17401
18571
  }
18572
+ .tablet:pr-small {
18573
+ padding-right: var(--bal-space-small-tablet) !important;
18574
+ }
17402
18575
  .pr-normal {
17403
18576
  padding-right: var(--bal-space-normal-tablet) !important;
17404
18577
  }
18578
+ .tablet:pr-normal {
18579
+ padding-right: var(--bal-space-normal-tablet) !important;
18580
+ }
17405
18581
  .pr-medium {
17406
18582
  padding-right: var(--bal-space-medium-tablet) !important;
17407
18583
  }
18584
+ .tablet:pr-medium {
18585
+ padding-right: var(--bal-space-medium-tablet) !important;
18586
+ }
17408
18587
  .pr-large {
17409
18588
  padding-right: var(--bal-space-large-tablet) !important;
17410
18589
  }
18590
+ .tablet:pr-large {
18591
+ padding-right: var(--bal-space-large-tablet) !important;
18592
+ }
17411
18593
  .pr-x-large {
17412
18594
  padding-right: var(--bal-space-x-large-tablet) !important;
17413
18595
  }
18596
+ .tablet:pr-x-large {
18597
+ padding-right: var(--bal-space-x-large-tablet) !important;
18598
+ }
17414
18599
  .pr-xx-large {
17415
18600
  padding-right: var(--bal-space-xx-large-tablet) !important;
17416
18601
  }
18602
+ .tablet:pr-xx-large {
18603
+ padding-right: var(--bal-space-xx-large-tablet) !important;
18604
+ }
17417
18605
  .pr-xxx-large {
17418
18606
  padding-right: var(--bal-space-xxx-large-tablet) !important;
17419
18607
  }
18608
+ .tablet:pr-xxx-large {
18609
+ padding-right: var(--bal-space-xxx-large-tablet) !important;
18610
+ }
17420
18611
  .pr-xxxx-large {
17421
18612
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
17422
18613
  }
18614
+ .tablet:pr-xxxx-large {
18615
+ padding-right: var(--bal-space-xxxx-large-tablet) !important;
18616
+ }
17423
18617
  }
17424
18618
  @media screen and (min-width: 1024px) {
17425
18619
  .pr-none {
@@ -17431,33 +18625,63 @@ table.table td.has-buttons .buttons {
17431
18625
  .pr-xx-small {
17432
18626
  padding-right: var(--bal-space-xx-small-desktop) !important;
17433
18627
  }
18628
+ .desktop:pr-xx-small {
18629
+ padding-right: var(--bal-space-xx-small-desktop) !important;
18630
+ }
17434
18631
  .pr-x-small {
17435
18632
  padding-right: var(--bal-space-x-small-desktop) !important;
17436
18633
  }
18634
+ .desktop:pr-x-small {
18635
+ padding-right: var(--bal-space-x-small-desktop) !important;
18636
+ }
17437
18637
  .pr-small {
17438
18638
  padding-right: var(--bal-space-small-desktop) !important;
17439
18639
  }
18640
+ .desktop:pr-small {
18641
+ padding-right: var(--bal-space-small-desktop) !important;
18642
+ }
17440
18643
  .pr-normal {
17441
18644
  padding-right: var(--bal-space-normal-desktop) !important;
17442
18645
  }
18646
+ .desktop:pr-normal {
18647
+ padding-right: var(--bal-space-normal-desktop) !important;
18648
+ }
17443
18649
  .pr-medium {
17444
18650
  padding-right: var(--bal-space-medium-desktop) !important;
17445
18651
  }
18652
+ .desktop:pr-medium {
18653
+ padding-right: var(--bal-space-medium-desktop) !important;
18654
+ }
17446
18655
  .pr-large {
17447
18656
  padding-right: var(--bal-space-large-desktop) !important;
17448
18657
  }
18658
+ .desktop:pr-large {
18659
+ padding-right: var(--bal-space-large-desktop) !important;
18660
+ }
17449
18661
  .pr-x-large {
17450
18662
  padding-right: var(--bal-space-x-large-desktop) !important;
17451
18663
  }
18664
+ .desktop:pr-x-large {
18665
+ padding-right: var(--bal-space-x-large-desktop) !important;
18666
+ }
17452
18667
  .pr-xx-large {
17453
18668
  padding-right: var(--bal-space-xx-large-desktop) !important;
17454
18669
  }
18670
+ .desktop:pr-xx-large {
18671
+ padding-right: var(--bal-space-xx-large-desktop) !important;
18672
+ }
17455
18673
  .pr-xxx-large {
17456
18674
  padding-right: var(--bal-space-xxx-large-desktop) !important;
17457
18675
  }
18676
+ .desktop:pr-xxx-large {
18677
+ padding-right: var(--bal-space-xxx-large-desktop) !important;
18678
+ }
17458
18679
  .pr-xxxx-large {
17459
18680
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
17460
18681
  }
18682
+ .desktop:pr-xxxx-large {
18683
+ padding-right: var(--bal-space-xxxx-large-desktop) !important;
18684
+ }
17461
18685
  }
17462
18686
  .pb-none {
17463
18687
  padding-bottom: 0 !important;
@@ -17507,6 +18731,38 @@ table.table td.has-buttons .buttons {
17507
18731
  padding-bottom: var(--bal-space-xxxx-large) !important;
17508
18732
  }
17509
18733
 
18734
+ @media screen and (max-width: 768px) {
18735
+ .mobile:pb-xx-small {
18736
+ padding-bottom: var(--bal-space-xx-small-mobile) !important;
18737
+ }
18738
+ .mobile:pb-x-small {
18739
+ padding-bottom: var(--bal-space-x-small-mobile) !important;
18740
+ }
18741
+ .mobile:pb-small {
18742
+ padding-bottom: var(--bal-space-small-mobile) !important;
18743
+ }
18744
+ .mobile:pb-normal {
18745
+ padding-bottom: var(--bal-space-normal-mobile) !important;
18746
+ }
18747
+ .mobile:pb-medium {
18748
+ padding-bottom: var(--bal-space-medium-mobile) !important;
18749
+ }
18750
+ .mobile:pb-large {
18751
+ padding-bottom: var(--bal-space-large-mobile) !important;
18752
+ }
18753
+ .mobile:pb-x-large {
18754
+ padding-bottom: var(--bal-space-x-large-mobile) !important;
18755
+ }
18756
+ .mobile:pb-xx-large {
18757
+ padding-bottom: var(--bal-space-xx-large-mobile) !important;
18758
+ }
18759
+ .mobile:pb-xxx-large {
18760
+ padding-bottom: var(--bal-space-xxx-large-mobile) !important;
18761
+ }
18762
+ .mobile:pb-xxxx-large {
18763
+ padding-bottom: var(--bal-space-xxxx-large-mobile) !important;
18764
+ }
18765
+ }
17510
18766
  @media screen and (min-width: 769px), print {
17511
18767
  .pb-none {
17512
18768
  padding-bottom: 0 !important;
@@ -17517,33 +18773,63 @@ table.table td.has-buttons .buttons {
17517
18773
  .pb-xx-small {
17518
18774
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
17519
18775
  }
18776
+ .tablet:pb-xx-small {
18777
+ padding-bottom: var(--bal-space-xx-small-tablet) !important;
18778
+ }
17520
18779
  .pb-x-small {
17521
18780
  padding-bottom: var(--bal-space-x-small-tablet) !important;
17522
18781
  }
18782
+ .tablet:pb-x-small {
18783
+ padding-bottom: var(--bal-space-x-small-tablet) !important;
18784
+ }
17523
18785
  .pb-small {
17524
18786
  padding-bottom: var(--bal-space-small-tablet) !important;
17525
18787
  }
18788
+ .tablet:pb-small {
18789
+ padding-bottom: var(--bal-space-small-tablet) !important;
18790
+ }
17526
18791
  .pb-normal {
17527
18792
  padding-bottom: var(--bal-space-normal-tablet) !important;
17528
18793
  }
18794
+ .tablet:pb-normal {
18795
+ padding-bottom: var(--bal-space-normal-tablet) !important;
18796
+ }
17529
18797
  .pb-medium {
17530
18798
  padding-bottom: var(--bal-space-medium-tablet) !important;
17531
18799
  }
18800
+ .tablet:pb-medium {
18801
+ padding-bottom: var(--bal-space-medium-tablet) !important;
18802
+ }
17532
18803
  .pb-large {
17533
18804
  padding-bottom: var(--bal-space-large-tablet) !important;
17534
18805
  }
18806
+ .tablet:pb-large {
18807
+ padding-bottom: var(--bal-space-large-tablet) !important;
18808
+ }
17535
18809
  .pb-x-large {
17536
18810
  padding-bottom: var(--bal-space-x-large-tablet) !important;
17537
18811
  }
18812
+ .tablet:pb-x-large {
18813
+ padding-bottom: var(--bal-space-x-large-tablet) !important;
18814
+ }
17538
18815
  .pb-xx-large {
17539
18816
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
17540
18817
  }
18818
+ .tablet:pb-xx-large {
18819
+ padding-bottom: var(--bal-space-xx-large-tablet) !important;
18820
+ }
17541
18821
  .pb-xxx-large {
17542
18822
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
17543
18823
  }
18824
+ .tablet:pb-xxx-large {
18825
+ padding-bottom: var(--bal-space-xxx-large-tablet) !important;
18826
+ }
17544
18827
  .pb-xxxx-large {
17545
18828
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
17546
18829
  }
18830
+ .tablet:pb-xxxx-large {
18831
+ padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
18832
+ }
17547
18833
  }
17548
18834
  @media screen and (min-width: 1024px) {
17549
18835
  .pb-none {
@@ -17555,33 +18841,63 @@ table.table td.has-buttons .buttons {
17555
18841
  .pb-xx-small {
17556
18842
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
17557
18843
  }
18844
+ .desktop:pb-xx-small {
18845
+ padding-bottom: var(--bal-space-xx-small-desktop) !important;
18846
+ }
17558
18847
  .pb-x-small {
17559
18848
  padding-bottom: var(--bal-space-x-small-desktop) !important;
17560
18849
  }
18850
+ .desktop:pb-x-small {
18851
+ padding-bottom: var(--bal-space-x-small-desktop) !important;
18852
+ }
17561
18853
  .pb-small {
17562
18854
  padding-bottom: var(--bal-space-small-desktop) !important;
17563
18855
  }
18856
+ .desktop:pb-small {
18857
+ padding-bottom: var(--bal-space-small-desktop) !important;
18858
+ }
17564
18859
  .pb-normal {
17565
18860
  padding-bottom: var(--bal-space-normal-desktop) !important;
17566
18861
  }
18862
+ .desktop:pb-normal {
18863
+ padding-bottom: var(--bal-space-normal-desktop) !important;
18864
+ }
17567
18865
  .pb-medium {
17568
18866
  padding-bottom: var(--bal-space-medium-desktop) !important;
17569
18867
  }
18868
+ .desktop:pb-medium {
18869
+ padding-bottom: var(--bal-space-medium-desktop) !important;
18870
+ }
17570
18871
  .pb-large {
17571
18872
  padding-bottom: var(--bal-space-large-desktop) !important;
17572
18873
  }
18874
+ .desktop:pb-large {
18875
+ padding-bottom: var(--bal-space-large-desktop) !important;
18876
+ }
17573
18877
  .pb-x-large {
17574
18878
  padding-bottom: var(--bal-space-x-large-desktop) !important;
17575
18879
  }
18880
+ .desktop:pb-x-large {
18881
+ padding-bottom: var(--bal-space-x-large-desktop) !important;
18882
+ }
17576
18883
  .pb-xx-large {
17577
18884
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
17578
18885
  }
18886
+ .desktop:pb-xx-large {
18887
+ padding-bottom: var(--bal-space-xx-large-desktop) !important;
18888
+ }
17579
18889
  .pb-xxx-large {
17580
18890
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
17581
18891
  }
18892
+ .desktop:pb-xxx-large {
18893
+ padding-bottom: var(--bal-space-xxx-large-desktop) !important;
18894
+ }
17582
18895
  .pb-xxxx-large {
17583
18896
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
17584
18897
  }
18898
+ .desktop:pb-xxxx-large {
18899
+ padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
18900
+ }
17585
18901
  }
17586
18902
  .pl-none {
17587
18903
  padding-left: 0 !important;
@@ -17631,6 +18947,38 @@ table.table td.has-buttons .buttons {
17631
18947
  padding-left: var(--bal-space-xxxx-large) !important;
17632
18948
  }
17633
18949
 
18950
+ @media screen and (max-width: 768px) {
18951
+ .mobile:pl-xx-small {
18952
+ padding-left: var(--bal-space-xx-small-mobile) !important;
18953
+ }
18954
+ .mobile:pl-x-small {
18955
+ padding-left: var(--bal-space-x-small-mobile) !important;
18956
+ }
18957
+ .mobile:pl-small {
18958
+ padding-left: var(--bal-space-small-mobile) !important;
18959
+ }
18960
+ .mobile:pl-normal {
18961
+ padding-left: var(--bal-space-normal-mobile) !important;
18962
+ }
18963
+ .mobile:pl-medium {
18964
+ padding-left: var(--bal-space-medium-mobile) !important;
18965
+ }
18966
+ .mobile:pl-large {
18967
+ padding-left: var(--bal-space-large-mobile) !important;
18968
+ }
18969
+ .mobile:pl-x-large {
18970
+ padding-left: var(--bal-space-x-large-mobile) !important;
18971
+ }
18972
+ .mobile:pl-xx-large {
18973
+ padding-left: var(--bal-space-xx-large-mobile) !important;
18974
+ }
18975
+ .mobile:pl-xxx-large {
18976
+ padding-left: var(--bal-space-xxx-large-mobile) !important;
18977
+ }
18978
+ .mobile:pl-xxxx-large {
18979
+ padding-left: var(--bal-space-xxxx-large-mobile) !important;
18980
+ }
18981
+ }
17634
18982
  @media screen and (min-width: 769px), print {
17635
18983
  .pl-none {
17636
18984
  padding-left: 0 !important;
@@ -17641,33 +18989,63 @@ table.table td.has-buttons .buttons {
17641
18989
  .pl-xx-small {
17642
18990
  padding-left: var(--bal-space-xx-small-tablet) !important;
17643
18991
  }
18992
+ .tablet:pl-xx-small {
18993
+ padding-left: var(--bal-space-xx-small-tablet) !important;
18994
+ }
17644
18995
  .pl-x-small {
17645
18996
  padding-left: var(--bal-space-x-small-tablet) !important;
17646
18997
  }
18998
+ .tablet:pl-x-small {
18999
+ padding-left: var(--bal-space-x-small-tablet) !important;
19000
+ }
17647
19001
  .pl-small {
17648
19002
  padding-left: var(--bal-space-small-tablet) !important;
17649
19003
  }
19004
+ .tablet:pl-small {
19005
+ padding-left: var(--bal-space-small-tablet) !important;
19006
+ }
17650
19007
  .pl-normal {
17651
19008
  padding-left: var(--bal-space-normal-tablet) !important;
17652
19009
  }
19010
+ .tablet:pl-normal {
19011
+ padding-left: var(--bal-space-normal-tablet) !important;
19012
+ }
17653
19013
  .pl-medium {
17654
19014
  padding-left: var(--bal-space-medium-tablet) !important;
17655
19015
  }
19016
+ .tablet:pl-medium {
19017
+ padding-left: var(--bal-space-medium-tablet) !important;
19018
+ }
17656
19019
  .pl-large {
17657
19020
  padding-left: var(--bal-space-large-tablet) !important;
17658
19021
  }
19022
+ .tablet:pl-large {
19023
+ padding-left: var(--bal-space-large-tablet) !important;
19024
+ }
17659
19025
  .pl-x-large {
17660
19026
  padding-left: var(--bal-space-x-large-tablet) !important;
17661
19027
  }
19028
+ .tablet:pl-x-large {
19029
+ padding-left: var(--bal-space-x-large-tablet) !important;
19030
+ }
17662
19031
  .pl-xx-large {
17663
19032
  padding-left: var(--bal-space-xx-large-tablet) !important;
17664
19033
  }
19034
+ .tablet:pl-xx-large {
19035
+ padding-left: var(--bal-space-xx-large-tablet) !important;
19036
+ }
17665
19037
  .pl-xxx-large {
17666
19038
  padding-left: var(--bal-space-xxx-large-tablet) !important;
17667
19039
  }
19040
+ .tablet:pl-xxx-large {
19041
+ padding-left: var(--bal-space-xxx-large-tablet) !important;
19042
+ }
17668
19043
  .pl-xxxx-large {
17669
19044
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
17670
19045
  }
19046
+ .tablet:pl-xxxx-large {
19047
+ padding-left: var(--bal-space-xxxx-large-tablet) !important;
19048
+ }
17671
19049
  }
17672
19050
  @media screen and (min-width: 1024px) {
17673
19051
  .pl-none {
@@ -17679,33 +19057,63 @@ table.table td.has-buttons .buttons {
17679
19057
  .pl-xx-small {
17680
19058
  padding-left: var(--bal-space-xx-small-desktop) !important;
17681
19059
  }
19060
+ .desktop:pl-xx-small {
19061
+ padding-left: var(--bal-space-xx-small-desktop) !important;
19062
+ }
17682
19063
  .pl-x-small {
17683
19064
  padding-left: var(--bal-space-x-small-desktop) !important;
17684
19065
  }
19066
+ .desktop:pl-x-small {
19067
+ padding-left: var(--bal-space-x-small-desktop) !important;
19068
+ }
17685
19069
  .pl-small {
17686
19070
  padding-left: var(--bal-space-small-desktop) !important;
17687
19071
  }
19072
+ .desktop:pl-small {
19073
+ padding-left: var(--bal-space-small-desktop) !important;
19074
+ }
17688
19075
  .pl-normal {
17689
19076
  padding-left: var(--bal-space-normal-desktop) !important;
17690
19077
  }
19078
+ .desktop:pl-normal {
19079
+ padding-left: var(--bal-space-normal-desktop) !important;
19080
+ }
17691
19081
  .pl-medium {
17692
19082
  padding-left: var(--bal-space-medium-desktop) !important;
17693
19083
  }
19084
+ .desktop:pl-medium {
19085
+ padding-left: var(--bal-space-medium-desktop) !important;
19086
+ }
17694
19087
  .pl-large {
17695
19088
  padding-left: var(--bal-space-large-desktop) !important;
17696
19089
  }
19090
+ .desktop:pl-large {
19091
+ padding-left: var(--bal-space-large-desktop) !important;
19092
+ }
17697
19093
  .pl-x-large {
17698
19094
  padding-left: var(--bal-space-x-large-desktop) !important;
17699
19095
  }
19096
+ .desktop:pl-x-large {
19097
+ padding-left: var(--bal-space-x-large-desktop) !important;
19098
+ }
17700
19099
  .pl-xx-large {
17701
19100
  padding-left: var(--bal-space-xx-large-desktop) !important;
17702
19101
  }
19102
+ .desktop:pl-xx-large {
19103
+ padding-left: var(--bal-space-xx-large-desktop) !important;
19104
+ }
17703
19105
  .pl-xxx-large {
17704
19106
  padding-left: var(--bal-space-xxx-large-desktop) !important;
17705
19107
  }
19108
+ .desktop:pl-xxx-large {
19109
+ padding-left: var(--bal-space-xxx-large-desktop) !important;
19110
+ }
17706
19111
  .pl-xxxx-large {
17707
19112
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
17708
19113
  }
19114
+ .desktop:pl-xxxx-large {
19115
+ padding-left: var(--bal-space-xxxx-large-desktop) !important;
19116
+ }
17709
19117
  }
17710
19118
  .table:not(:last-child), .table-container:not(:last-child) {
17711
19119
  margin-bottom: 0.25rem;