@baloise/ds-styles 16.2.1 → 16.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -46,6 +46,38 @@
46
46
  margin: var(--bal-space-xxxx-large) !important;
47
47
  }
48
48
 
49
+ @media screen and (max-width: 768px) {
50
+ .mobile:m-xx-small {
51
+ margin: var(--bal-space-xx-small-mobile) !important;
52
+ }
53
+ .mobile:m-x-small {
54
+ margin: var(--bal-space-x-small-mobile) !important;
55
+ }
56
+ .mobile:m-small {
57
+ margin: var(--bal-space-small-mobile) !important;
58
+ }
59
+ .mobile:m-normal {
60
+ margin: var(--bal-space-normal-mobile) !important;
61
+ }
62
+ .mobile:m-medium {
63
+ margin: var(--bal-space-medium-mobile) !important;
64
+ }
65
+ .mobile:m-large {
66
+ margin: var(--bal-space-large-mobile) !important;
67
+ }
68
+ .mobile:m-x-large {
69
+ margin: var(--bal-space-x-large-mobile) !important;
70
+ }
71
+ .mobile:m-xx-large {
72
+ margin: var(--bal-space-xx-large-mobile) !important;
73
+ }
74
+ .mobile:m-xxx-large {
75
+ margin: var(--bal-space-xxx-large-mobile) !important;
76
+ }
77
+ .mobile:m-xxxx-large {
78
+ margin: var(--bal-space-xxxx-large-mobile) !important;
79
+ }
80
+ }
49
81
  @media screen and (min-width: 769px), print {
50
82
  .m-none {
51
83
  margin: 0 !important;
@@ -56,33 +88,63 @@
56
88
  .m-xx-small {
57
89
  margin: var(--bal-space-xx-small-tablet) !important;
58
90
  }
91
+ .tablet:m-xx-small {
92
+ margin: var(--bal-space-xx-small-tablet) !important;
93
+ }
59
94
  .m-x-small {
60
95
  margin: var(--bal-space-x-small-tablet) !important;
61
96
  }
97
+ .tablet:m-x-small {
98
+ margin: var(--bal-space-x-small-tablet) !important;
99
+ }
62
100
  .m-small {
63
101
  margin: var(--bal-space-small-tablet) !important;
64
102
  }
103
+ .tablet:m-small {
104
+ margin: var(--bal-space-small-tablet) !important;
105
+ }
65
106
  .m-normal {
66
107
  margin: var(--bal-space-normal-tablet) !important;
67
108
  }
109
+ .tablet:m-normal {
110
+ margin: var(--bal-space-normal-tablet) !important;
111
+ }
68
112
  .m-medium {
69
113
  margin: var(--bal-space-medium-tablet) !important;
70
114
  }
115
+ .tablet:m-medium {
116
+ margin: var(--bal-space-medium-tablet) !important;
117
+ }
71
118
  .m-large {
72
119
  margin: var(--bal-space-large-tablet) !important;
73
120
  }
121
+ .tablet:m-large {
122
+ margin: var(--bal-space-large-tablet) !important;
123
+ }
74
124
  .m-x-large {
75
125
  margin: var(--bal-space-x-large-tablet) !important;
76
126
  }
127
+ .tablet:m-x-large {
128
+ margin: var(--bal-space-x-large-tablet) !important;
129
+ }
77
130
  .m-xx-large {
78
131
  margin: var(--bal-space-xx-large-tablet) !important;
79
132
  }
133
+ .tablet:m-xx-large {
134
+ margin: var(--bal-space-xx-large-tablet) !important;
135
+ }
80
136
  .m-xxx-large {
81
137
  margin: var(--bal-space-xxx-large-tablet) !important;
82
138
  }
139
+ .tablet:m-xxx-large {
140
+ margin: var(--bal-space-xxx-large-tablet) !important;
141
+ }
83
142
  .m-xxxx-large {
84
143
  margin: var(--bal-space-xxxx-large-tablet) !important;
85
144
  }
145
+ .tablet:m-xxxx-large {
146
+ margin: var(--bal-space-xxxx-large-tablet) !important;
147
+ }
86
148
  }
87
149
  @media screen and (min-width: 1024px) {
88
150
  .m-none {
@@ -94,33 +156,63 @@
94
156
  .m-xx-small {
95
157
  margin: var(--bal-space-xx-small-desktop) !important;
96
158
  }
159
+ .desktop:m-xx-small {
160
+ margin: var(--bal-space-xx-small-desktop) !important;
161
+ }
97
162
  .m-x-small {
98
163
  margin: var(--bal-space-x-small-desktop) !important;
99
164
  }
165
+ .desktop:m-x-small {
166
+ margin: var(--bal-space-x-small-desktop) !important;
167
+ }
100
168
  .m-small {
101
169
  margin: var(--bal-space-small-desktop) !important;
102
170
  }
171
+ .desktop:m-small {
172
+ margin: var(--bal-space-small-desktop) !important;
173
+ }
103
174
  .m-normal {
104
175
  margin: var(--bal-space-normal-desktop) !important;
105
176
  }
177
+ .desktop:m-normal {
178
+ margin: var(--bal-space-normal-desktop) !important;
179
+ }
106
180
  .m-medium {
107
181
  margin: var(--bal-space-medium-desktop) !important;
108
182
  }
183
+ .desktop:m-medium {
184
+ margin: var(--bal-space-medium-desktop) !important;
185
+ }
109
186
  .m-large {
110
187
  margin: var(--bal-space-large-desktop) !important;
111
188
  }
189
+ .desktop:m-large {
190
+ margin: var(--bal-space-large-desktop) !important;
191
+ }
112
192
  .m-x-large {
113
193
  margin: var(--bal-space-x-large-desktop) !important;
114
194
  }
195
+ .desktop:m-x-large {
196
+ margin: var(--bal-space-x-large-desktop) !important;
197
+ }
115
198
  .m-xx-large {
116
199
  margin: var(--bal-space-xx-large-desktop) !important;
117
200
  }
201
+ .desktop:m-xx-large {
202
+ margin: var(--bal-space-xx-large-desktop) !important;
203
+ }
118
204
  .m-xxx-large {
119
205
  margin: var(--bal-space-xxx-large-desktop) !important;
120
206
  }
207
+ .desktop:m-xxx-large {
208
+ margin: var(--bal-space-xxx-large-desktop) !important;
209
+ }
121
210
  .m-xxxx-large {
122
211
  margin: var(--bal-space-xxxx-large-desktop) !important;
123
212
  }
213
+ .desktop:m-xxxx-large {
214
+ margin: var(--bal-space-xxxx-large-desktop) !important;
215
+ }
124
216
  }
125
217
  .mx-none {
126
218
  margin-left: 0 !important;
@@ -182,6 +274,48 @@
182
274
  margin-right: var(--bal-space-xxxx-large) !important;
183
275
  }
184
276
 
277
+ @media screen and (max-width: 768px) {
278
+ .mobile:mx-xx-small {
279
+ margin-left: var(--bal-space-xx-small-mobile) !important;
280
+ margin-right: var(--bal-space-xx-small-mobile) !important;
281
+ }
282
+ .mobile:mx-x-small {
283
+ margin-left: var(--bal-space-x-small-mobile) !important;
284
+ margin-right: var(--bal-space-x-small-mobile) !important;
285
+ }
286
+ .mobile:mx-small {
287
+ margin-left: var(--bal-space-small-mobile) !important;
288
+ margin-right: var(--bal-space-small-mobile) !important;
289
+ }
290
+ .mobile:mx-normal {
291
+ margin-left: var(--bal-space-normal-mobile) !important;
292
+ margin-right: var(--bal-space-normal-mobile) !important;
293
+ }
294
+ .mobile:mx-medium {
295
+ margin-left: var(--bal-space-medium-mobile) !important;
296
+ margin-right: var(--bal-space-medium-mobile) !important;
297
+ }
298
+ .mobile:mx-large {
299
+ margin-left: var(--bal-space-large-mobile) !important;
300
+ margin-right: var(--bal-space-large-mobile) !important;
301
+ }
302
+ .mobile:mx-x-large {
303
+ margin-left: var(--bal-space-x-large-mobile) !important;
304
+ margin-right: var(--bal-space-x-large-mobile) !important;
305
+ }
306
+ .mobile:mx-xx-large {
307
+ margin-left: var(--bal-space-xx-large-mobile) !important;
308
+ margin-right: var(--bal-space-xx-large-mobile) !important;
309
+ }
310
+ .mobile:mx-xxx-large {
311
+ margin-left: var(--bal-space-xxx-large-mobile) !important;
312
+ margin-right: var(--bal-space-xxx-large-mobile) !important;
313
+ }
314
+ .mobile:mx-xxxx-large {
315
+ margin-left: var(--bal-space-xxxx-large-mobile) !important;
316
+ margin-right: var(--bal-space-xxxx-large-mobile) !important;
317
+ }
318
+ }
185
319
  @media screen and (min-width: 769px), print {
186
320
  .mx-none {
187
321
  margin-left: 0 !important;
@@ -195,42 +329,82 @@
195
329
  margin-left: var(--bal-space-xx-small-tablet) !important;
196
330
  margin-right: var(--bal-space-xx-small-tablet) !important;
197
331
  }
332
+ .tablet:mx-xx-small {
333
+ margin-left: var(--bal-space-xx-small-tablet) !important;
334
+ margin-right: var(--bal-space-xx-small-tablet) !important;
335
+ }
198
336
  .mx-x-small {
199
337
  margin-left: var(--bal-space-x-small-tablet) !important;
200
338
  margin-right: var(--bal-space-x-small-tablet) !important;
201
339
  }
340
+ .tablet:mx-x-small {
341
+ margin-left: var(--bal-space-x-small-tablet) !important;
342
+ margin-right: var(--bal-space-x-small-tablet) !important;
343
+ }
202
344
  .mx-small {
203
345
  margin-left: var(--bal-space-small-tablet) !important;
204
346
  margin-right: var(--bal-space-small-tablet) !important;
205
347
  }
348
+ .tablet:mx-small {
349
+ margin-left: var(--bal-space-small-tablet) !important;
350
+ margin-right: var(--bal-space-small-tablet) !important;
351
+ }
206
352
  .mx-normal {
207
353
  margin-left: var(--bal-space-normal-tablet) !important;
208
354
  margin-right: var(--bal-space-normal-tablet) !important;
209
355
  }
356
+ .tablet:mx-normal {
357
+ margin-left: var(--bal-space-normal-tablet) !important;
358
+ margin-right: var(--bal-space-normal-tablet) !important;
359
+ }
210
360
  .mx-medium {
211
361
  margin-left: var(--bal-space-medium-tablet) !important;
212
362
  margin-right: var(--bal-space-medium-tablet) !important;
213
363
  }
364
+ .tablet:mx-medium {
365
+ margin-left: var(--bal-space-medium-tablet) !important;
366
+ margin-right: var(--bal-space-medium-tablet) !important;
367
+ }
214
368
  .mx-large {
215
369
  margin-left: var(--bal-space-large-tablet) !important;
216
370
  margin-right: var(--bal-space-large-tablet) !important;
217
371
  }
372
+ .tablet:mx-large {
373
+ margin-left: var(--bal-space-large-tablet) !important;
374
+ margin-right: var(--bal-space-large-tablet) !important;
375
+ }
218
376
  .mx-x-large {
219
377
  margin-left: var(--bal-space-x-large-tablet) !important;
220
378
  margin-right: var(--bal-space-x-large-tablet) !important;
221
379
  }
380
+ .tablet:mx-x-large {
381
+ margin-left: var(--bal-space-x-large-tablet) !important;
382
+ margin-right: var(--bal-space-x-large-tablet) !important;
383
+ }
222
384
  .mx-xx-large {
223
385
  margin-left: var(--bal-space-xx-large-tablet) !important;
224
386
  margin-right: var(--bal-space-xx-large-tablet) !important;
225
387
  }
388
+ .tablet:mx-xx-large {
389
+ margin-left: var(--bal-space-xx-large-tablet) !important;
390
+ margin-right: var(--bal-space-xx-large-tablet) !important;
391
+ }
226
392
  .mx-xxx-large {
227
393
  margin-left: var(--bal-space-xxx-large-tablet) !important;
228
394
  margin-right: var(--bal-space-xxx-large-tablet) !important;
229
395
  }
396
+ .tablet:mx-xxx-large {
397
+ margin-left: var(--bal-space-xxx-large-tablet) !important;
398
+ margin-right: var(--bal-space-xxx-large-tablet) !important;
399
+ }
230
400
  .mx-xxxx-large {
231
401
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
232
402
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
233
403
  }
404
+ .tablet:mx-xxxx-large {
405
+ margin-left: var(--bal-space-xxxx-large-tablet) !important;
406
+ margin-right: var(--bal-space-xxxx-large-tablet) !important;
407
+ }
234
408
  }
235
409
  @media screen and (min-width: 1024px) {
236
410
  .mx-none {
@@ -245,42 +419,82 @@
245
419
  margin-left: var(--bal-space-xx-small-desktop) !important;
246
420
  margin-right: var(--bal-space-xx-small-desktop) !important;
247
421
  }
422
+ .desktop:mx-xx-small {
423
+ margin-left: var(--bal-space-xx-small-desktop) !important;
424
+ margin-right: var(--bal-space-xx-small-desktop) !important;
425
+ }
248
426
  .mx-x-small {
249
427
  margin-left: var(--bal-space-x-small-desktop) !important;
250
428
  margin-right: var(--bal-space-x-small-desktop) !important;
251
429
  }
430
+ .desktop:mx-x-small {
431
+ margin-left: var(--bal-space-x-small-desktop) !important;
432
+ margin-right: var(--bal-space-x-small-desktop) !important;
433
+ }
252
434
  .mx-small {
253
435
  margin-left: var(--bal-space-small-desktop) !important;
254
436
  margin-right: var(--bal-space-small-desktop) !important;
255
437
  }
438
+ .desktop:mx-small {
439
+ margin-left: var(--bal-space-small-desktop) !important;
440
+ margin-right: var(--bal-space-small-desktop) !important;
441
+ }
256
442
  .mx-normal {
257
443
  margin-left: var(--bal-space-normal-desktop) !important;
258
444
  margin-right: var(--bal-space-normal-desktop) !important;
259
445
  }
446
+ .desktop:mx-normal {
447
+ margin-left: var(--bal-space-normal-desktop) !important;
448
+ margin-right: var(--bal-space-normal-desktop) !important;
449
+ }
260
450
  .mx-medium {
261
451
  margin-left: var(--bal-space-medium-desktop) !important;
262
452
  margin-right: var(--bal-space-medium-desktop) !important;
263
453
  }
454
+ .desktop:mx-medium {
455
+ margin-left: var(--bal-space-medium-desktop) !important;
456
+ margin-right: var(--bal-space-medium-desktop) !important;
457
+ }
264
458
  .mx-large {
265
459
  margin-left: var(--bal-space-large-desktop) !important;
266
460
  margin-right: var(--bal-space-large-desktop) !important;
267
461
  }
462
+ .desktop:mx-large {
463
+ margin-left: var(--bal-space-large-desktop) !important;
464
+ margin-right: var(--bal-space-large-desktop) !important;
465
+ }
268
466
  .mx-x-large {
269
467
  margin-left: var(--bal-space-x-large-desktop) !important;
270
468
  margin-right: var(--bal-space-x-large-desktop) !important;
271
469
  }
470
+ .desktop:mx-x-large {
471
+ margin-left: var(--bal-space-x-large-desktop) !important;
472
+ margin-right: var(--bal-space-x-large-desktop) !important;
473
+ }
272
474
  .mx-xx-large {
273
475
  margin-left: var(--bal-space-xx-large-desktop) !important;
274
476
  margin-right: var(--bal-space-xx-large-desktop) !important;
275
477
  }
478
+ .desktop:mx-xx-large {
479
+ margin-left: var(--bal-space-xx-large-desktop) !important;
480
+ margin-right: var(--bal-space-xx-large-desktop) !important;
481
+ }
276
482
  .mx-xxx-large {
277
483
  margin-left: var(--bal-space-xxx-large-desktop) !important;
278
484
  margin-right: var(--bal-space-xxx-large-desktop) !important;
279
485
  }
486
+ .desktop:mx-xxx-large {
487
+ margin-left: var(--bal-space-xxx-large-desktop) !important;
488
+ margin-right: var(--bal-space-xxx-large-desktop) !important;
489
+ }
280
490
  .mx-xxxx-large {
281
491
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
282
492
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
283
493
  }
494
+ .desktop:mx-xxxx-large {
495
+ margin-left: var(--bal-space-xxxx-large-desktop) !important;
496
+ margin-right: var(--bal-space-xxxx-large-desktop) !important;
497
+ }
284
498
  }
285
499
  .my-none {
286
500
  margin-top: 0 !important;
@@ -342,6 +556,48 @@
342
556
  margin-bottom: var(--bal-space-xxxx-large) !important;
343
557
  }
344
558
 
559
+ @media screen and (max-width: 768px) {
560
+ .mobile:my-xx-small {
561
+ margin-top: var(--bal-space-xx-small-mobile) !important;
562
+ margin-bottom: var(--bal-space-xx-small-mobile) !important;
563
+ }
564
+ .mobile:my-x-small {
565
+ margin-top: var(--bal-space-x-small-mobile) !important;
566
+ margin-bottom: var(--bal-space-x-small-mobile) !important;
567
+ }
568
+ .mobile:my-small {
569
+ margin-top: var(--bal-space-small-mobile) !important;
570
+ margin-bottom: var(--bal-space-small-mobile) !important;
571
+ }
572
+ .mobile:my-normal {
573
+ margin-top: var(--bal-space-normal-mobile) !important;
574
+ margin-bottom: var(--bal-space-normal-mobile) !important;
575
+ }
576
+ .mobile:my-medium {
577
+ margin-top: var(--bal-space-medium-mobile) !important;
578
+ margin-bottom: var(--bal-space-medium-mobile) !important;
579
+ }
580
+ .mobile:my-large {
581
+ margin-top: var(--bal-space-large-mobile) !important;
582
+ margin-bottom: var(--bal-space-large-mobile) !important;
583
+ }
584
+ .mobile:my-x-large {
585
+ margin-top: var(--bal-space-x-large-mobile) !important;
586
+ margin-bottom: var(--bal-space-x-large-mobile) !important;
587
+ }
588
+ .mobile:my-xx-large {
589
+ margin-top: var(--bal-space-xx-large-mobile) !important;
590
+ margin-bottom: var(--bal-space-xx-large-mobile) !important;
591
+ }
592
+ .mobile:my-xxx-large {
593
+ margin-top: var(--bal-space-xxx-large-mobile) !important;
594
+ margin-bottom: var(--bal-space-xxx-large-mobile) !important;
595
+ }
596
+ .mobile:my-xxxx-large {
597
+ margin-top: var(--bal-space-xxxx-large-mobile) !important;
598
+ margin-bottom: var(--bal-space-xxxx-large-mobile) !important;
599
+ }
600
+ }
345
601
  @media screen and (min-width: 769px), print {
346
602
  .my-none {
347
603
  margin-top: 0 !important;
@@ -355,42 +611,82 @@
355
611
  margin-top: var(--bal-space-xx-small-tablet) !important;
356
612
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
357
613
  }
614
+ .tablet:my-xx-small {
615
+ margin-top: var(--bal-space-xx-small-tablet) !important;
616
+ margin-bottom: var(--bal-space-xx-small-tablet) !important;
617
+ }
358
618
  .my-x-small {
359
619
  margin-top: var(--bal-space-x-small-tablet) !important;
360
620
  margin-bottom: var(--bal-space-x-small-tablet) !important;
361
621
  }
622
+ .tablet:my-x-small {
623
+ margin-top: var(--bal-space-x-small-tablet) !important;
624
+ margin-bottom: var(--bal-space-x-small-tablet) !important;
625
+ }
362
626
  .my-small {
363
627
  margin-top: var(--bal-space-small-tablet) !important;
364
628
  margin-bottom: var(--bal-space-small-tablet) !important;
365
629
  }
630
+ .tablet:my-small {
631
+ margin-top: var(--bal-space-small-tablet) !important;
632
+ margin-bottom: var(--bal-space-small-tablet) !important;
633
+ }
366
634
  .my-normal {
367
635
  margin-top: var(--bal-space-normal-tablet) !important;
368
636
  margin-bottom: var(--bal-space-normal-tablet) !important;
369
637
  }
638
+ .tablet:my-normal {
639
+ margin-top: var(--bal-space-normal-tablet) !important;
640
+ margin-bottom: var(--bal-space-normal-tablet) !important;
641
+ }
370
642
  .my-medium {
371
643
  margin-top: var(--bal-space-medium-tablet) !important;
372
644
  margin-bottom: var(--bal-space-medium-tablet) !important;
373
645
  }
646
+ .tablet:my-medium {
647
+ margin-top: var(--bal-space-medium-tablet) !important;
648
+ margin-bottom: var(--bal-space-medium-tablet) !important;
649
+ }
374
650
  .my-large {
375
651
  margin-top: var(--bal-space-large-tablet) !important;
376
652
  margin-bottom: var(--bal-space-large-tablet) !important;
377
653
  }
654
+ .tablet:my-large {
655
+ margin-top: var(--bal-space-large-tablet) !important;
656
+ margin-bottom: var(--bal-space-large-tablet) !important;
657
+ }
378
658
  .my-x-large {
379
659
  margin-top: var(--bal-space-x-large-tablet) !important;
380
660
  margin-bottom: var(--bal-space-x-large-tablet) !important;
381
661
  }
662
+ .tablet:my-x-large {
663
+ margin-top: var(--bal-space-x-large-tablet) !important;
664
+ margin-bottom: var(--bal-space-x-large-tablet) !important;
665
+ }
382
666
  .my-xx-large {
383
667
  margin-top: var(--bal-space-xx-large-tablet) !important;
384
668
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
385
669
  }
670
+ .tablet:my-xx-large {
671
+ margin-top: var(--bal-space-xx-large-tablet) !important;
672
+ margin-bottom: var(--bal-space-xx-large-tablet) !important;
673
+ }
386
674
  .my-xxx-large {
387
675
  margin-top: var(--bal-space-xxx-large-tablet) !important;
388
676
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
389
677
  }
678
+ .tablet:my-xxx-large {
679
+ margin-top: var(--bal-space-xxx-large-tablet) !important;
680
+ margin-bottom: var(--bal-space-xxx-large-tablet) !important;
681
+ }
390
682
  .my-xxxx-large {
391
683
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
392
684
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
393
685
  }
686
+ .tablet:my-xxxx-large {
687
+ margin-top: var(--bal-space-xxxx-large-tablet) !important;
688
+ margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
689
+ }
394
690
  }
395
691
  @media screen and (min-width: 1024px) {
396
692
  .my-none {
@@ -405,42 +701,82 @@
405
701
  margin-top: var(--bal-space-xx-small-desktop) !important;
406
702
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
407
703
  }
704
+ .desktop:my-xx-small {
705
+ margin-top: var(--bal-space-xx-small-desktop) !important;
706
+ margin-bottom: var(--bal-space-xx-small-desktop) !important;
707
+ }
408
708
  .my-x-small {
409
709
  margin-top: var(--bal-space-x-small-desktop) !important;
410
710
  margin-bottom: var(--bal-space-x-small-desktop) !important;
411
711
  }
712
+ .desktop:my-x-small {
713
+ margin-top: var(--bal-space-x-small-desktop) !important;
714
+ margin-bottom: var(--bal-space-x-small-desktop) !important;
715
+ }
412
716
  .my-small {
413
717
  margin-top: var(--bal-space-small-desktop) !important;
414
718
  margin-bottom: var(--bal-space-small-desktop) !important;
415
719
  }
720
+ .desktop:my-small {
721
+ margin-top: var(--bal-space-small-desktop) !important;
722
+ margin-bottom: var(--bal-space-small-desktop) !important;
723
+ }
416
724
  .my-normal {
417
725
  margin-top: var(--bal-space-normal-desktop) !important;
418
726
  margin-bottom: var(--bal-space-normal-desktop) !important;
419
727
  }
728
+ .desktop:my-normal {
729
+ margin-top: var(--bal-space-normal-desktop) !important;
730
+ margin-bottom: var(--bal-space-normal-desktop) !important;
731
+ }
420
732
  .my-medium {
421
733
  margin-top: var(--bal-space-medium-desktop) !important;
422
734
  margin-bottom: var(--bal-space-medium-desktop) !important;
423
735
  }
736
+ .desktop:my-medium {
737
+ margin-top: var(--bal-space-medium-desktop) !important;
738
+ margin-bottom: var(--bal-space-medium-desktop) !important;
739
+ }
424
740
  .my-large {
425
741
  margin-top: var(--bal-space-large-desktop) !important;
426
742
  margin-bottom: var(--bal-space-large-desktop) !important;
427
743
  }
744
+ .desktop:my-large {
745
+ margin-top: var(--bal-space-large-desktop) !important;
746
+ margin-bottom: var(--bal-space-large-desktop) !important;
747
+ }
428
748
  .my-x-large {
429
749
  margin-top: var(--bal-space-x-large-desktop) !important;
430
750
  margin-bottom: var(--bal-space-x-large-desktop) !important;
431
751
  }
752
+ .desktop:my-x-large {
753
+ margin-top: var(--bal-space-x-large-desktop) !important;
754
+ margin-bottom: var(--bal-space-x-large-desktop) !important;
755
+ }
432
756
  .my-xx-large {
433
757
  margin-top: var(--bal-space-xx-large-desktop) !important;
434
758
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
435
759
  }
760
+ .desktop:my-xx-large {
761
+ margin-top: var(--bal-space-xx-large-desktop) !important;
762
+ margin-bottom: var(--bal-space-xx-large-desktop) !important;
763
+ }
436
764
  .my-xxx-large {
437
765
  margin-top: var(--bal-space-xxx-large-desktop) !important;
438
766
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
439
767
  }
768
+ .desktop:my-xxx-large {
769
+ margin-top: var(--bal-space-xxx-large-desktop) !important;
770
+ margin-bottom: var(--bal-space-xxx-large-desktop) !important;
771
+ }
440
772
  .my-xxxx-large {
441
773
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
442
774
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
443
775
  }
776
+ .desktop:my-xxxx-large {
777
+ margin-top: var(--bal-space-xxxx-large-desktop) !important;
778
+ margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
779
+ }
444
780
  }
445
781
  .mt-none {
446
782
  margin-top: 0 !important;
@@ -490,6 +826,38 @@
490
826
  margin-top: var(--bal-space-xxxx-large) !important;
491
827
  }
492
828
 
829
+ @media screen and (max-width: 768px) {
830
+ .mobile:mt-xx-small {
831
+ margin-top: var(--bal-space-xx-small-mobile) !important;
832
+ }
833
+ .mobile:mt-x-small {
834
+ margin-top: var(--bal-space-x-small-mobile) !important;
835
+ }
836
+ .mobile:mt-small {
837
+ margin-top: var(--bal-space-small-mobile) !important;
838
+ }
839
+ .mobile:mt-normal {
840
+ margin-top: var(--bal-space-normal-mobile) !important;
841
+ }
842
+ .mobile:mt-medium {
843
+ margin-top: var(--bal-space-medium-mobile) !important;
844
+ }
845
+ .mobile:mt-large {
846
+ margin-top: var(--bal-space-large-mobile) !important;
847
+ }
848
+ .mobile:mt-x-large {
849
+ margin-top: var(--bal-space-x-large-mobile) !important;
850
+ }
851
+ .mobile:mt-xx-large {
852
+ margin-top: var(--bal-space-xx-large-mobile) !important;
853
+ }
854
+ .mobile:mt-xxx-large {
855
+ margin-top: var(--bal-space-xxx-large-mobile) !important;
856
+ }
857
+ .mobile:mt-xxxx-large {
858
+ margin-top: var(--bal-space-xxxx-large-mobile) !important;
859
+ }
860
+ }
493
861
  @media screen and (min-width: 769px), print {
494
862
  .mt-none {
495
863
  margin-top: 0 !important;
@@ -500,33 +868,63 @@
500
868
  .mt-xx-small {
501
869
  margin-top: var(--bal-space-xx-small-tablet) !important;
502
870
  }
871
+ .tablet:mt-xx-small {
872
+ margin-top: var(--bal-space-xx-small-tablet) !important;
873
+ }
503
874
  .mt-x-small {
504
875
  margin-top: var(--bal-space-x-small-tablet) !important;
505
876
  }
877
+ .tablet:mt-x-small {
878
+ margin-top: var(--bal-space-x-small-tablet) !important;
879
+ }
506
880
  .mt-small {
507
881
  margin-top: var(--bal-space-small-tablet) !important;
508
882
  }
883
+ .tablet:mt-small {
884
+ margin-top: var(--bal-space-small-tablet) !important;
885
+ }
509
886
  .mt-normal {
510
887
  margin-top: var(--bal-space-normal-tablet) !important;
511
888
  }
889
+ .tablet:mt-normal {
890
+ margin-top: var(--bal-space-normal-tablet) !important;
891
+ }
512
892
  .mt-medium {
513
893
  margin-top: var(--bal-space-medium-tablet) !important;
514
894
  }
895
+ .tablet:mt-medium {
896
+ margin-top: var(--bal-space-medium-tablet) !important;
897
+ }
515
898
  .mt-large {
516
899
  margin-top: var(--bal-space-large-tablet) !important;
517
900
  }
901
+ .tablet:mt-large {
902
+ margin-top: var(--bal-space-large-tablet) !important;
903
+ }
518
904
  .mt-x-large {
519
905
  margin-top: var(--bal-space-x-large-tablet) !important;
520
906
  }
907
+ .tablet:mt-x-large {
908
+ margin-top: var(--bal-space-x-large-tablet) !important;
909
+ }
521
910
  .mt-xx-large {
522
911
  margin-top: var(--bal-space-xx-large-tablet) !important;
523
912
  }
913
+ .tablet:mt-xx-large {
914
+ margin-top: var(--bal-space-xx-large-tablet) !important;
915
+ }
524
916
  .mt-xxx-large {
525
917
  margin-top: var(--bal-space-xxx-large-tablet) !important;
526
918
  }
919
+ .tablet:mt-xxx-large {
920
+ margin-top: var(--bal-space-xxx-large-tablet) !important;
921
+ }
527
922
  .mt-xxxx-large {
528
923
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
529
924
  }
925
+ .tablet:mt-xxxx-large {
926
+ margin-top: var(--bal-space-xxxx-large-tablet) !important;
927
+ }
530
928
  }
531
929
  @media screen and (min-width: 1024px) {
532
930
  .mt-none {
@@ -538,33 +936,63 @@
538
936
  .mt-xx-small {
539
937
  margin-top: var(--bal-space-xx-small-desktop) !important;
540
938
  }
939
+ .desktop:mt-xx-small {
940
+ margin-top: var(--bal-space-xx-small-desktop) !important;
941
+ }
541
942
  .mt-x-small {
542
943
  margin-top: var(--bal-space-x-small-desktop) !important;
543
944
  }
945
+ .desktop:mt-x-small {
946
+ margin-top: var(--bal-space-x-small-desktop) !important;
947
+ }
544
948
  .mt-small {
545
949
  margin-top: var(--bal-space-small-desktop) !important;
546
950
  }
951
+ .desktop:mt-small {
952
+ margin-top: var(--bal-space-small-desktop) !important;
953
+ }
547
954
  .mt-normal {
548
955
  margin-top: var(--bal-space-normal-desktop) !important;
549
956
  }
957
+ .desktop:mt-normal {
958
+ margin-top: var(--bal-space-normal-desktop) !important;
959
+ }
550
960
  .mt-medium {
551
961
  margin-top: var(--bal-space-medium-desktop) !important;
552
962
  }
963
+ .desktop:mt-medium {
964
+ margin-top: var(--bal-space-medium-desktop) !important;
965
+ }
553
966
  .mt-large {
554
967
  margin-top: var(--bal-space-large-desktop) !important;
555
968
  }
969
+ .desktop:mt-large {
970
+ margin-top: var(--bal-space-large-desktop) !important;
971
+ }
556
972
  .mt-x-large {
557
973
  margin-top: var(--bal-space-x-large-desktop) !important;
558
974
  }
975
+ .desktop:mt-x-large {
976
+ margin-top: var(--bal-space-x-large-desktop) !important;
977
+ }
559
978
  .mt-xx-large {
560
979
  margin-top: var(--bal-space-xx-large-desktop) !important;
561
980
  }
981
+ .desktop:mt-xx-large {
982
+ margin-top: var(--bal-space-xx-large-desktop) !important;
983
+ }
562
984
  .mt-xxx-large {
563
985
  margin-top: var(--bal-space-xxx-large-desktop) !important;
564
986
  }
987
+ .desktop:mt-xxx-large {
988
+ margin-top: var(--bal-space-xxx-large-desktop) !important;
989
+ }
565
990
  .mt-xxxx-large {
566
991
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
567
992
  }
993
+ .desktop:mt-xxxx-large {
994
+ margin-top: var(--bal-space-xxxx-large-desktop) !important;
995
+ }
568
996
  }
569
997
  .mr-none {
570
998
  margin-right: 0 !important;
@@ -614,6 +1042,38 @@
614
1042
  margin-right: var(--bal-space-xxxx-large) !important;
615
1043
  }
616
1044
 
1045
+ @media screen and (max-width: 768px) {
1046
+ .mobile:mr-xx-small {
1047
+ margin-right: var(--bal-space-xx-small-mobile) !important;
1048
+ }
1049
+ .mobile:mr-x-small {
1050
+ margin-right: var(--bal-space-x-small-mobile) !important;
1051
+ }
1052
+ .mobile:mr-small {
1053
+ margin-right: var(--bal-space-small-mobile) !important;
1054
+ }
1055
+ .mobile:mr-normal {
1056
+ margin-right: var(--bal-space-normal-mobile) !important;
1057
+ }
1058
+ .mobile:mr-medium {
1059
+ margin-right: var(--bal-space-medium-mobile) !important;
1060
+ }
1061
+ .mobile:mr-large {
1062
+ margin-right: var(--bal-space-large-mobile) !important;
1063
+ }
1064
+ .mobile:mr-x-large {
1065
+ margin-right: var(--bal-space-x-large-mobile) !important;
1066
+ }
1067
+ .mobile:mr-xx-large {
1068
+ margin-right: var(--bal-space-xx-large-mobile) !important;
1069
+ }
1070
+ .mobile:mr-xxx-large {
1071
+ margin-right: var(--bal-space-xxx-large-mobile) !important;
1072
+ }
1073
+ .mobile:mr-xxxx-large {
1074
+ margin-right: var(--bal-space-xxxx-large-mobile) !important;
1075
+ }
1076
+ }
617
1077
  @media screen and (min-width: 769px), print {
618
1078
  .mr-none {
619
1079
  margin-right: 0 !important;
@@ -624,33 +1084,63 @@
624
1084
  .mr-xx-small {
625
1085
  margin-right: var(--bal-space-xx-small-tablet) !important;
626
1086
  }
627
- .mr-x-small {
1087
+ .tablet:mr-xx-small {
1088
+ margin-right: var(--bal-space-xx-small-tablet) !important;
1089
+ }
1090
+ .mr-x-small {
1091
+ margin-right: var(--bal-space-x-small-tablet) !important;
1092
+ }
1093
+ .tablet:mr-x-small {
628
1094
  margin-right: var(--bal-space-x-small-tablet) !important;
629
1095
  }
630
1096
  .mr-small {
631
1097
  margin-right: var(--bal-space-small-tablet) !important;
632
1098
  }
1099
+ .tablet:mr-small {
1100
+ margin-right: var(--bal-space-small-tablet) !important;
1101
+ }
633
1102
  .mr-normal {
634
1103
  margin-right: var(--bal-space-normal-tablet) !important;
635
1104
  }
1105
+ .tablet:mr-normal {
1106
+ margin-right: var(--bal-space-normal-tablet) !important;
1107
+ }
636
1108
  .mr-medium {
637
1109
  margin-right: var(--bal-space-medium-tablet) !important;
638
1110
  }
1111
+ .tablet:mr-medium {
1112
+ margin-right: var(--bal-space-medium-tablet) !important;
1113
+ }
639
1114
  .mr-large {
640
1115
  margin-right: var(--bal-space-large-tablet) !important;
641
1116
  }
1117
+ .tablet:mr-large {
1118
+ margin-right: var(--bal-space-large-tablet) !important;
1119
+ }
642
1120
  .mr-x-large {
643
1121
  margin-right: var(--bal-space-x-large-tablet) !important;
644
1122
  }
1123
+ .tablet:mr-x-large {
1124
+ margin-right: var(--bal-space-x-large-tablet) !important;
1125
+ }
645
1126
  .mr-xx-large {
646
1127
  margin-right: var(--bal-space-xx-large-tablet) !important;
647
1128
  }
1129
+ .tablet:mr-xx-large {
1130
+ margin-right: var(--bal-space-xx-large-tablet) !important;
1131
+ }
648
1132
  .mr-xxx-large {
649
1133
  margin-right: var(--bal-space-xxx-large-tablet) !important;
650
1134
  }
1135
+ .tablet:mr-xxx-large {
1136
+ margin-right: var(--bal-space-xxx-large-tablet) !important;
1137
+ }
651
1138
  .mr-xxxx-large {
652
1139
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
653
1140
  }
1141
+ .tablet:mr-xxxx-large {
1142
+ margin-right: var(--bal-space-xxxx-large-tablet) !important;
1143
+ }
654
1144
  }
655
1145
  @media screen and (min-width: 1024px) {
656
1146
  .mr-none {
@@ -662,33 +1152,63 @@
662
1152
  .mr-xx-small {
663
1153
  margin-right: var(--bal-space-xx-small-desktop) !important;
664
1154
  }
1155
+ .desktop:mr-xx-small {
1156
+ margin-right: var(--bal-space-xx-small-desktop) !important;
1157
+ }
665
1158
  .mr-x-small {
666
1159
  margin-right: var(--bal-space-x-small-desktop) !important;
667
1160
  }
1161
+ .desktop:mr-x-small {
1162
+ margin-right: var(--bal-space-x-small-desktop) !important;
1163
+ }
668
1164
  .mr-small {
669
1165
  margin-right: var(--bal-space-small-desktop) !important;
670
1166
  }
1167
+ .desktop:mr-small {
1168
+ margin-right: var(--bal-space-small-desktop) !important;
1169
+ }
671
1170
  .mr-normal {
672
1171
  margin-right: var(--bal-space-normal-desktop) !important;
673
1172
  }
1173
+ .desktop:mr-normal {
1174
+ margin-right: var(--bal-space-normal-desktop) !important;
1175
+ }
674
1176
  .mr-medium {
675
1177
  margin-right: var(--bal-space-medium-desktop) !important;
676
1178
  }
1179
+ .desktop:mr-medium {
1180
+ margin-right: var(--bal-space-medium-desktop) !important;
1181
+ }
677
1182
  .mr-large {
678
1183
  margin-right: var(--bal-space-large-desktop) !important;
679
1184
  }
1185
+ .desktop:mr-large {
1186
+ margin-right: var(--bal-space-large-desktop) !important;
1187
+ }
680
1188
  .mr-x-large {
681
1189
  margin-right: var(--bal-space-x-large-desktop) !important;
682
1190
  }
1191
+ .desktop:mr-x-large {
1192
+ margin-right: var(--bal-space-x-large-desktop) !important;
1193
+ }
683
1194
  .mr-xx-large {
684
1195
  margin-right: var(--bal-space-xx-large-desktop) !important;
685
1196
  }
1197
+ .desktop:mr-xx-large {
1198
+ margin-right: var(--bal-space-xx-large-desktop) !important;
1199
+ }
686
1200
  .mr-xxx-large {
687
1201
  margin-right: var(--bal-space-xxx-large-desktop) !important;
688
1202
  }
1203
+ .desktop:mr-xxx-large {
1204
+ margin-right: var(--bal-space-xxx-large-desktop) !important;
1205
+ }
689
1206
  .mr-xxxx-large {
690
1207
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
691
1208
  }
1209
+ .desktop:mr-xxxx-large {
1210
+ margin-right: var(--bal-space-xxxx-large-desktop) !important;
1211
+ }
692
1212
  }
693
1213
  .mb-none {
694
1214
  margin-bottom: 0 !important;
@@ -738,6 +1258,38 @@
738
1258
  margin-bottom: var(--bal-space-xxxx-large) !important;
739
1259
  }
740
1260
 
1261
+ @media screen and (max-width: 768px) {
1262
+ .mobile:mb-xx-small {
1263
+ margin-bottom: var(--bal-space-xx-small-mobile) !important;
1264
+ }
1265
+ .mobile:mb-x-small {
1266
+ margin-bottom: var(--bal-space-x-small-mobile) !important;
1267
+ }
1268
+ .mobile:mb-small {
1269
+ margin-bottom: var(--bal-space-small-mobile) !important;
1270
+ }
1271
+ .mobile:mb-normal {
1272
+ margin-bottom: var(--bal-space-normal-mobile) !important;
1273
+ }
1274
+ .mobile:mb-medium {
1275
+ margin-bottom: var(--bal-space-medium-mobile) !important;
1276
+ }
1277
+ .mobile:mb-large {
1278
+ margin-bottom: var(--bal-space-large-mobile) !important;
1279
+ }
1280
+ .mobile:mb-x-large {
1281
+ margin-bottom: var(--bal-space-x-large-mobile) !important;
1282
+ }
1283
+ .mobile:mb-xx-large {
1284
+ margin-bottom: var(--bal-space-xx-large-mobile) !important;
1285
+ }
1286
+ .mobile:mb-xxx-large {
1287
+ margin-bottom: var(--bal-space-xxx-large-mobile) !important;
1288
+ }
1289
+ .mobile:mb-xxxx-large {
1290
+ margin-bottom: var(--bal-space-xxxx-large-mobile) !important;
1291
+ }
1292
+ }
741
1293
  @media screen and (min-width: 769px), print {
742
1294
  .mb-none {
743
1295
  margin-bottom: 0 !important;
@@ -748,33 +1300,63 @@
748
1300
  .mb-xx-small {
749
1301
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
750
1302
  }
1303
+ .tablet:mb-xx-small {
1304
+ margin-bottom: var(--bal-space-xx-small-tablet) !important;
1305
+ }
751
1306
  .mb-x-small {
752
1307
  margin-bottom: var(--bal-space-x-small-tablet) !important;
753
1308
  }
1309
+ .tablet:mb-x-small {
1310
+ margin-bottom: var(--bal-space-x-small-tablet) !important;
1311
+ }
754
1312
  .mb-small {
755
1313
  margin-bottom: var(--bal-space-small-tablet) !important;
756
1314
  }
1315
+ .tablet:mb-small {
1316
+ margin-bottom: var(--bal-space-small-tablet) !important;
1317
+ }
757
1318
  .mb-normal {
758
1319
  margin-bottom: var(--bal-space-normal-tablet) !important;
759
1320
  }
1321
+ .tablet:mb-normal {
1322
+ margin-bottom: var(--bal-space-normal-tablet) !important;
1323
+ }
760
1324
  .mb-medium {
761
1325
  margin-bottom: var(--bal-space-medium-tablet) !important;
762
1326
  }
1327
+ .tablet:mb-medium {
1328
+ margin-bottom: var(--bal-space-medium-tablet) !important;
1329
+ }
763
1330
  .mb-large {
764
1331
  margin-bottom: var(--bal-space-large-tablet) !important;
765
1332
  }
1333
+ .tablet:mb-large {
1334
+ margin-bottom: var(--bal-space-large-tablet) !important;
1335
+ }
766
1336
  .mb-x-large {
767
1337
  margin-bottom: var(--bal-space-x-large-tablet) !important;
768
1338
  }
1339
+ .tablet:mb-x-large {
1340
+ margin-bottom: var(--bal-space-x-large-tablet) !important;
1341
+ }
769
1342
  .mb-xx-large {
770
1343
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
771
1344
  }
1345
+ .tablet:mb-xx-large {
1346
+ margin-bottom: var(--bal-space-xx-large-tablet) !important;
1347
+ }
772
1348
  .mb-xxx-large {
773
1349
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
774
1350
  }
1351
+ .tablet:mb-xxx-large {
1352
+ margin-bottom: var(--bal-space-xxx-large-tablet) !important;
1353
+ }
775
1354
  .mb-xxxx-large {
776
1355
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
777
1356
  }
1357
+ .tablet:mb-xxxx-large {
1358
+ margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
1359
+ }
778
1360
  }
779
1361
  @media screen and (min-width: 1024px) {
780
1362
  .mb-none {
@@ -786,33 +1368,63 @@
786
1368
  .mb-xx-small {
787
1369
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
788
1370
  }
1371
+ .desktop:mb-xx-small {
1372
+ margin-bottom: var(--bal-space-xx-small-desktop) !important;
1373
+ }
789
1374
  .mb-x-small {
790
1375
  margin-bottom: var(--bal-space-x-small-desktop) !important;
791
1376
  }
1377
+ .desktop:mb-x-small {
1378
+ margin-bottom: var(--bal-space-x-small-desktop) !important;
1379
+ }
792
1380
  .mb-small {
793
1381
  margin-bottom: var(--bal-space-small-desktop) !important;
794
1382
  }
1383
+ .desktop:mb-small {
1384
+ margin-bottom: var(--bal-space-small-desktop) !important;
1385
+ }
795
1386
  .mb-normal {
796
1387
  margin-bottom: var(--bal-space-normal-desktop) !important;
797
1388
  }
1389
+ .desktop:mb-normal {
1390
+ margin-bottom: var(--bal-space-normal-desktop) !important;
1391
+ }
798
1392
  .mb-medium {
799
1393
  margin-bottom: var(--bal-space-medium-desktop) !important;
800
1394
  }
1395
+ .desktop:mb-medium {
1396
+ margin-bottom: var(--bal-space-medium-desktop) !important;
1397
+ }
801
1398
  .mb-large {
802
1399
  margin-bottom: var(--bal-space-large-desktop) !important;
803
1400
  }
1401
+ .desktop:mb-large {
1402
+ margin-bottom: var(--bal-space-large-desktop) !important;
1403
+ }
804
1404
  .mb-x-large {
805
1405
  margin-bottom: var(--bal-space-x-large-desktop) !important;
806
1406
  }
1407
+ .desktop:mb-x-large {
1408
+ margin-bottom: var(--bal-space-x-large-desktop) !important;
1409
+ }
807
1410
  .mb-xx-large {
808
1411
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
809
1412
  }
1413
+ .desktop:mb-xx-large {
1414
+ margin-bottom: var(--bal-space-xx-large-desktop) !important;
1415
+ }
810
1416
  .mb-xxx-large {
811
1417
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
812
1418
  }
1419
+ .desktop:mb-xxx-large {
1420
+ margin-bottom: var(--bal-space-xxx-large-desktop) !important;
1421
+ }
813
1422
  .mb-xxxx-large {
814
1423
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
815
1424
  }
1425
+ .desktop:mb-xxxx-large {
1426
+ margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
1427
+ }
816
1428
  }
817
1429
  .ml-none {
818
1430
  margin-left: 0 !important;
@@ -862,6 +1474,38 @@
862
1474
  margin-left: var(--bal-space-xxxx-large) !important;
863
1475
  }
864
1476
 
1477
+ @media screen and (max-width: 768px) {
1478
+ .mobile:ml-xx-small {
1479
+ margin-left: var(--bal-space-xx-small-mobile) !important;
1480
+ }
1481
+ .mobile:ml-x-small {
1482
+ margin-left: var(--bal-space-x-small-mobile) !important;
1483
+ }
1484
+ .mobile:ml-small {
1485
+ margin-left: var(--bal-space-small-mobile) !important;
1486
+ }
1487
+ .mobile:ml-normal {
1488
+ margin-left: var(--bal-space-normal-mobile) !important;
1489
+ }
1490
+ .mobile:ml-medium {
1491
+ margin-left: var(--bal-space-medium-mobile) !important;
1492
+ }
1493
+ .mobile:ml-large {
1494
+ margin-left: var(--bal-space-large-mobile) !important;
1495
+ }
1496
+ .mobile:ml-x-large {
1497
+ margin-left: var(--bal-space-x-large-mobile) !important;
1498
+ }
1499
+ .mobile:ml-xx-large {
1500
+ margin-left: var(--bal-space-xx-large-mobile) !important;
1501
+ }
1502
+ .mobile:ml-xxx-large {
1503
+ margin-left: var(--bal-space-xxx-large-mobile) !important;
1504
+ }
1505
+ .mobile:ml-xxxx-large {
1506
+ margin-left: var(--bal-space-xxxx-large-mobile) !important;
1507
+ }
1508
+ }
865
1509
  @media screen and (min-width: 769px), print {
866
1510
  .ml-none {
867
1511
  margin-left: 0 !important;
@@ -872,33 +1516,63 @@
872
1516
  .ml-xx-small {
873
1517
  margin-left: var(--bal-space-xx-small-tablet) !important;
874
1518
  }
1519
+ .tablet:ml-xx-small {
1520
+ margin-left: var(--bal-space-xx-small-tablet) !important;
1521
+ }
875
1522
  .ml-x-small {
876
1523
  margin-left: var(--bal-space-x-small-tablet) !important;
877
1524
  }
1525
+ .tablet:ml-x-small {
1526
+ margin-left: var(--bal-space-x-small-tablet) !important;
1527
+ }
878
1528
  .ml-small {
879
1529
  margin-left: var(--bal-space-small-tablet) !important;
880
1530
  }
1531
+ .tablet:ml-small {
1532
+ margin-left: var(--bal-space-small-tablet) !important;
1533
+ }
881
1534
  .ml-normal {
882
1535
  margin-left: var(--bal-space-normal-tablet) !important;
883
1536
  }
1537
+ .tablet:ml-normal {
1538
+ margin-left: var(--bal-space-normal-tablet) !important;
1539
+ }
884
1540
  .ml-medium {
885
1541
  margin-left: var(--bal-space-medium-tablet) !important;
886
1542
  }
1543
+ .tablet:ml-medium {
1544
+ margin-left: var(--bal-space-medium-tablet) !important;
1545
+ }
887
1546
  .ml-large {
888
1547
  margin-left: var(--bal-space-large-tablet) !important;
889
1548
  }
1549
+ .tablet:ml-large {
1550
+ margin-left: var(--bal-space-large-tablet) !important;
1551
+ }
890
1552
  .ml-x-large {
891
1553
  margin-left: var(--bal-space-x-large-tablet) !important;
892
1554
  }
1555
+ .tablet:ml-x-large {
1556
+ margin-left: var(--bal-space-x-large-tablet) !important;
1557
+ }
893
1558
  .ml-xx-large {
894
1559
  margin-left: var(--bal-space-xx-large-tablet) !important;
895
1560
  }
1561
+ .tablet:ml-xx-large {
1562
+ margin-left: var(--bal-space-xx-large-tablet) !important;
1563
+ }
896
1564
  .ml-xxx-large {
897
1565
  margin-left: var(--bal-space-xxx-large-tablet) !important;
898
1566
  }
1567
+ .tablet:ml-xxx-large {
1568
+ margin-left: var(--bal-space-xxx-large-tablet) !important;
1569
+ }
899
1570
  .ml-xxxx-large {
900
1571
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
901
1572
  }
1573
+ .tablet:ml-xxxx-large {
1574
+ margin-left: var(--bal-space-xxxx-large-tablet) !important;
1575
+ }
902
1576
  }
903
1577
  @media screen and (min-width: 1024px) {
904
1578
  .ml-none {
@@ -910,33 +1584,63 @@
910
1584
  .ml-xx-small {
911
1585
  margin-left: var(--bal-space-xx-small-desktop) !important;
912
1586
  }
1587
+ .desktop:ml-xx-small {
1588
+ margin-left: var(--bal-space-xx-small-desktop) !important;
1589
+ }
913
1590
  .ml-x-small {
914
1591
  margin-left: var(--bal-space-x-small-desktop) !important;
915
1592
  }
1593
+ .desktop:ml-x-small {
1594
+ margin-left: var(--bal-space-x-small-desktop) !important;
1595
+ }
916
1596
  .ml-small {
917
1597
  margin-left: var(--bal-space-small-desktop) !important;
918
1598
  }
1599
+ .desktop:ml-small {
1600
+ margin-left: var(--bal-space-small-desktop) !important;
1601
+ }
919
1602
  .ml-normal {
920
1603
  margin-left: var(--bal-space-normal-desktop) !important;
921
1604
  }
1605
+ .desktop:ml-normal {
1606
+ margin-left: var(--bal-space-normal-desktop) !important;
1607
+ }
922
1608
  .ml-medium {
923
1609
  margin-left: var(--bal-space-medium-desktop) !important;
924
1610
  }
1611
+ .desktop:ml-medium {
1612
+ margin-left: var(--bal-space-medium-desktop) !important;
1613
+ }
925
1614
  .ml-large {
926
1615
  margin-left: var(--bal-space-large-desktop) !important;
927
1616
  }
1617
+ .desktop:ml-large {
1618
+ margin-left: var(--bal-space-large-desktop) !important;
1619
+ }
928
1620
  .ml-x-large {
929
1621
  margin-left: var(--bal-space-x-large-desktop) !important;
930
1622
  }
1623
+ .desktop:ml-x-large {
1624
+ margin-left: var(--bal-space-x-large-desktop) !important;
1625
+ }
931
1626
  .ml-xx-large {
932
1627
  margin-left: var(--bal-space-xx-large-desktop) !important;
933
1628
  }
1629
+ .desktop:ml-xx-large {
1630
+ margin-left: var(--bal-space-xx-large-desktop) !important;
1631
+ }
934
1632
  .ml-xxx-large {
935
1633
  margin-left: var(--bal-space-xxx-large-desktop) !important;
936
1634
  }
1635
+ .desktop:ml-xxx-large {
1636
+ margin-left: var(--bal-space-xxx-large-desktop) !important;
1637
+ }
937
1638
  .ml-xxxx-large {
938
1639
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
939
1640
  }
1641
+ .desktop:ml-xxxx-large {
1642
+ margin-left: var(--bal-space-xxxx-large-desktop) !important;
1643
+ }
940
1644
  }
941
1645
  .p-none {
942
1646
  padding: 0 !important;
@@ -986,6 +1690,38 @@
986
1690
  padding: var(--bal-space-xxxx-large) !important;
987
1691
  }
988
1692
 
1693
+ @media screen and (max-width: 768px) {
1694
+ .mobile:p-xx-small {
1695
+ padding: var(--bal-space-xx-small-mobile) !important;
1696
+ }
1697
+ .mobile:p-x-small {
1698
+ padding: var(--bal-space-x-small-mobile) !important;
1699
+ }
1700
+ .mobile:p-small {
1701
+ padding: var(--bal-space-small-mobile) !important;
1702
+ }
1703
+ .mobile:p-normal {
1704
+ padding: var(--bal-space-normal-mobile) !important;
1705
+ }
1706
+ .mobile:p-medium {
1707
+ padding: var(--bal-space-medium-mobile) !important;
1708
+ }
1709
+ .mobile:p-large {
1710
+ padding: var(--bal-space-large-mobile) !important;
1711
+ }
1712
+ .mobile:p-x-large {
1713
+ padding: var(--bal-space-x-large-mobile) !important;
1714
+ }
1715
+ .mobile:p-xx-large {
1716
+ padding: var(--bal-space-xx-large-mobile) !important;
1717
+ }
1718
+ .mobile:p-xxx-large {
1719
+ padding: var(--bal-space-xxx-large-mobile) !important;
1720
+ }
1721
+ .mobile:p-xxxx-large {
1722
+ padding: var(--bal-space-xxxx-large-mobile) !important;
1723
+ }
1724
+ }
989
1725
  @media screen and (min-width: 769px), print {
990
1726
  .p-none {
991
1727
  padding: 0 !important;
@@ -996,33 +1732,63 @@
996
1732
  .p-xx-small {
997
1733
  padding: var(--bal-space-xx-small-tablet) !important;
998
1734
  }
1735
+ .tablet:p-xx-small {
1736
+ padding: var(--bal-space-xx-small-tablet) !important;
1737
+ }
999
1738
  .p-x-small {
1000
1739
  padding: var(--bal-space-x-small-tablet) !important;
1001
1740
  }
1741
+ .tablet:p-x-small {
1742
+ padding: var(--bal-space-x-small-tablet) !important;
1743
+ }
1002
1744
  .p-small {
1003
1745
  padding: var(--bal-space-small-tablet) !important;
1004
1746
  }
1747
+ .tablet:p-small {
1748
+ padding: var(--bal-space-small-tablet) !important;
1749
+ }
1005
1750
  .p-normal {
1006
1751
  padding: var(--bal-space-normal-tablet) !important;
1007
1752
  }
1753
+ .tablet:p-normal {
1754
+ padding: var(--bal-space-normal-tablet) !important;
1755
+ }
1008
1756
  .p-medium {
1009
1757
  padding: var(--bal-space-medium-tablet) !important;
1010
1758
  }
1759
+ .tablet:p-medium {
1760
+ padding: var(--bal-space-medium-tablet) !important;
1761
+ }
1011
1762
  .p-large {
1012
1763
  padding: var(--bal-space-large-tablet) !important;
1013
1764
  }
1765
+ .tablet:p-large {
1766
+ padding: var(--bal-space-large-tablet) !important;
1767
+ }
1014
1768
  .p-x-large {
1015
1769
  padding: var(--bal-space-x-large-tablet) !important;
1016
1770
  }
1771
+ .tablet:p-x-large {
1772
+ padding: var(--bal-space-x-large-tablet) !important;
1773
+ }
1017
1774
  .p-xx-large {
1018
1775
  padding: var(--bal-space-xx-large-tablet) !important;
1019
1776
  }
1777
+ .tablet:p-xx-large {
1778
+ padding: var(--bal-space-xx-large-tablet) !important;
1779
+ }
1020
1780
  .p-xxx-large {
1021
1781
  padding: var(--bal-space-xxx-large-tablet) !important;
1022
1782
  }
1783
+ .tablet:p-xxx-large {
1784
+ padding: var(--bal-space-xxx-large-tablet) !important;
1785
+ }
1023
1786
  .p-xxxx-large {
1024
1787
  padding: var(--bal-space-xxxx-large-tablet) !important;
1025
1788
  }
1789
+ .tablet:p-xxxx-large {
1790
+ padding: var(--bal-space-xxxx-large-tablet) !important;
1791
+ }
1026
1792
  }
1027
1793
  @media screen and (min-width: 1024px) {
1028
1794
  .p-none {
@@ -1034,33 +1800,63 @@
1034
1800
  .p-xx-small {
1035
1801
  padding: var(--bal-space-xx-small-desktop) !important;
1036
1802
  }
1803
+ .desktop:p-xx-small {
1804
+ padding: var(--bal-space-xx-small-desktop) !important;
1805
+ }
1037
1806
  .p-x-small {
1038
1807
  padding: var(--bal-space-x-small-desktop) !important;
1039
1808
  }
1809
+ .desktop:p-x-small {
1810
+ padding: var(--bal-space-x-small-desktop) !important;
1811
+ }
1040
1812
  .p-small {
1041
1813
  padding: var(--bal-space-small-desktop) !important;
1042
1814
  }
1815
+ .desktop:p-small {
1816
+ padding: var(--bal-space-small-desktop) !important;
1817
+ }
1043
1818
  .p-normal {
1044
1819
  padding: var(--bal-space-normal-desktop) !important;
1045
1820
  }
1821
+ .desktop:p-normal {
1822
+ padding: var(--bal-space-normal-desktop) !important;
1823
+ }
1046
1824
  .p-medium {
1047
1825
  padding: var(--bal-space-medium-desktop) !important;
1048
1826
  }
1827
+ .desktop:p-medium {
1828
+ padding: var(--bal-space-medium-desktop) !important;
1829
+ }
1049
1830
  .p-large {
1050
1831
  padding: var(--bal-space-large-desktop) !important;
1051
1832
  }
1833
+ .desktop:p-large {
1834
+ padding: var(--bal-space-large-desktop) !important;
1835
+ }
1052
1836
  .p-x-large {
1053
1837
  padding: var(--bal-space-x-large-desktop) !important;
1054
1838
  }
1839
+ .desktop:p-x-large {
1840
+ padding: var(--bal-space-x-large-desktop) !important;
1841
+ }
1055
1842
  .p-xx-large {
1056
1843
  padding: var(--bal-space-xx-large-desktop) !important;
1057
1844
  }
1845
+ .desktop:p-xx-large {
1846
+ padding: var(--bal-space-xx-large-desktop) !important;
1847
+ }
1058
1848
  .p-xxx-large {
1059
1849
  padding: var(--bal-space-xxx-large-desktop) !important;
1060
1850
  }
1851
+ .desktop:p-xxx-large {
1852
+ padding: var(--bal-space-xxx-large-desktop) !important;
1853
+ }
1061
1854
  .p-xxxx-large {
1062
1855
  padding: var(--bal-space-xxxx-large-desktop) !important;
1063
1856
  }
1857
+ .desktop:p-xxxx-large {
1858
+ padding: var(--bal-space-xxxx-large-desktop) !important;
1859
+ }
1064
1860
  }
1065
1861
  .px-none {
1066
1862
  padding-left: 0 !important;
@@ -1122,6 +1918,48 @@
1122
1918
  padding-right: var(--bal-space-xxxx-large) !important;
1123
1919
  }
1124
1920
 
1921
+ @media screen and (max-width: 768px) {
1922
+ .mobile:px-xx-small {
1923
+ padding-left: var(--bal-space-xx-small-mobile) !important;
1924
+ padding-right: var(--bal-space-xx-small-mobile) !important;
1925
+ }
1926
+ .mobile:px-x-small {
1927
+ padding-left: var(--bal-space-x-small-mobile) !important;
1928
+ padding-right: var(--bal-space-x-small-mobile) !important;
1929
+ }
1930
+ .mobile:px-small {
1931
+ padding-left: var(--bal-space-small-mobile) !important;
1932
+ padding-right: var(--bal-space-small-mobile) !important;
1933
+ }
1934
+ .mobile:px-normal {
1935
+ padding-left: var(--bal-space-normal-mobile) !important;
1936
+ padding-right: var(--bal-space-normal-mobile) !important;
1937
+ }
1938
+ .mobile:px-medium {
1939
+ padding-left: var(--bal-space-medium-mobile) !important;
1940
+ padding-right: var(--bal-space-medium-mobile) !important;
1941
+ }
1942
+ .mobile:px-large {
1943
+ padding-left: var(--bal-space-large-mobile) !important;
1944
+ padding-right: var(--bal-space-large-mobile) !important;
1945
+ }
1946
+ .mobile:px-x-large {
1947
+ padding-left: var(--bal-space-x-large-mobile) !important;
1948
+ padding-right: var(--bal-space-x-large-mobile) !important;
1949
+ }
1950
+ .mobile:px-xx-large {
1951
+ padding-left: var(--bal-space-xx-large-mobile) !important;
1952
+ padding-right: var(--bal-space-xx-large-mobile) !important;
1953
+ }
1954
+ .mobile:px-xxx-large {
1955
+ padding-left: var(--bal-space-xxx-large-mobile) !important;
1956
+ padding-right: var(--bal-space-xxx-large-mobile) !important;
1957
+ }
1958
+ .mobile:px-xxxx-large {
1959
+ padding-left: var(--bal-space-xxxx-large-mobile) !important;
1960
+ padding-right: var(--bal-space-xxxx-large-mobile) !important;
1961
+ }
1962
+ }
1125
1963
  @media screen and (min-width: 769px), print {
1126
1964
  .px-none {
1127
1965
  padding-left: 0 !important;
@@ -1135,42 +1973,82 @@
1135
1973
  padding-left: var(--bal-space-xx-small-tablet) !important;
1136
1974
  padding-right: var(--bal-space-xx-small-tablet) !important;
1137
1975
  }
1976
+ .tablet:px-xx-small {
1977
+ padding-left: var(--bal-space-xx-small-tablet) !important;
1978
+ padding-right: var(--bal-space-xx-small-tablet) !important;
1979
+ }
1138
1980
  .px-x-small {
1139
1981
  padding-left: var(--bal-space-x-small-tablet) !important;
1140
1982
  padding-right: var(--bal-space-x-small-tablet) !important;
1141
1983
  }
1984
+ .tablet:px-x-small {
1985
+ padding-left: var(--bal-space-x-small-tablet) !important;
1986
+ padding-right: var(--bal-space-x-small-tablet) !important;
1987
+ }
1142
1988
  .px-small {
1143
1989
  padding-left: var(--bal-space-small-tablet) !important;
1144
1990
  padding-right: var(--bal-space-small-tablet) !important;
1145
1991
  }
1992
+ .tablet:px-small {
1993
+ padding-left: var(--bal-space-small-tablet) !important;
1994
+ padding-right: var(--bal-space-small-tablet) !important;
1995
+ }
1146
1996
  .px-normal {
1147
1997
  padding-left: var(--bal-space-normal-tablet) !important;
1148
1998
  padding-right: var(--bal-space-normal-tablet) !important;
1149
1999
  }
2000
+ .tablet:px-normal {
2001
+ padding-left: var(--bal-space-normal-tablet) !important;
2002
+ padding-right: var(--bal-space-normal-tablet) !important;
2003
+ }
1150
2004
  .px-medium {
1151
2005
  padding-left: var(--bal-space-medium-tablet) !important;
1152
2006
  padding-right: var(--bal-space-medium-tablet) !important;
1153
2007
  }
2008
+ .tablet:px-medium {
2009
+ padding-left: var(--bal-space-medium-tablet) !important;
2010
+ padding-right: var(--bal-space-medium-tablet) !important;
2011
+ }
1154
2012
  .px-large {
1155
2013
  padding-left: var(--bal-space-large-tablet) !important;
1156
2014
  padding-right: var(--bal-space-large-tablet) !important;
1157
2015
  }
2016
+ .tablet:px-large {
2017
+ padding-left: var(--bal-space-large-tablet) !important;
2018
+ padding-right: var(--bal-space-large-tablet) !important;
2019
+ }
1158
2020
  .px-x-large {
1159
2021
  padding-left: var(--bal-space-x-large-tablet) !important;
1160
2022
  padding-right: var(--bal-space-x-large-tablet) !important;
1161
2023
  }
2024
+ .tablet:px-x-large {
2025
+ padding-left: var(--bal-space-x-large-tablet) !important;
2026
+ padding-right: var(--bal-space-x-large-tablet) !important;
2027
+ }
1162
2028
  .px-xx-large {
1163
2029
  padding-left: var(--bal-space-xx-large-tablet) !important;
1164
2030
  padding-right: var(--bal-space-xx-large-tablet) !important;
1165
2031
  }
2032
+ .tablet:px-xx-large {
2033
+ padding-left: var(--bal-space-xx-large-tablet) !important;
2034
+ padding-right: var(--bal-space-xx-large-tablet) !important;
2035
+ }
1166
2036
  .px-xxx-large {
1167
2037
  padding-left: var(--bal-space-xxx-large-tablet) !important;
1168
2038
  padding-right: var(--bal-space-xxx-large-tablet) !important;
1169
2039
  }
2040
+ .tablet:px-xxx-large {
2041
+ padding-left: var(--bal-space-xxx-large-tablet) !important;
2042
+ padding-right: var(--bal-space-xxx-large-tablet) !important;
2043
+ }
1170
2044
  .px-xxxx-large {
1171
2045
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
1172
2046
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
1173
2047
  }
2048
+ .tablet:px-xxxx-large {
2049
+ padding-left: var(--bal-space-xxxx-large-tablet) !important;
2050
+ padding-right: var(--bal-space-xxxx-large-tablet) !important;
2051
+ }
1174
2052
  }
1175
2053
  @media screen and (min-width: 1024px) {
1176
2054
  .px-none {
@@ -1185,42 +2063,82 @@
1185
2063
  padding-left: var(--bal-space-xx-small-desktop) !important;
1186
2064
  padding-right: var(--bal-space-xx-small-desktop) !important;
1187
2065
  }
2066
+ .desktop:px-xx-small {
2067
+ padding-left: var(--bal-space-xx-small-desktop) !important;
2068
+ padding-right: var(--bal-space-xx-small-desktop) !important;
2069
+ }
1188
2070
  .px-x-small {
1189
2071
  padding-left: var(--bal-space-x-small-desktop) !important;
1190
2072
  padding-right: var(--bal-space-x-small-desktop) !important;
1191
2073
  }
2074
+ .desktop:px-x-small {
2075
+ padding-left: var(--bal-space-x-small-desktop) !important;
2076
+ padding-right: var(--bal-space-x-small-desktop) !important;
2077
+ }
1192
2078
  .px-small {
1193
2079
  padding-left: var(--bal-space-small-desktop) !important;
1194
2080
  padding-right: var(--bal-space-small-desktop) !important;
1195
2081
  }
2082
+ .desktop:px-small {
2083
+ padding-left: var(--bal-space-small-desktop) !important;
2084
+ padding-right: var(--bal-space-small-desktop) !important;
2085
+ }
1196
2086
  .px-normal {
1197
2087
  padding-left: var(--bal-space-normal-desktop) !important;
1198
2088
  padding-right: var(--bal-space-normal-desktop) !important;
1199
2089
  }
2090
+ .desktop:px-normal {
2091
+ padding-left: var(--bal-space-normal-desktop) !important;
2092
+ padding-right: var(--bal-space-normal-desktop) !important;
2093
+ }
1200
2094
  .px-medium {
1201
2095
  padding-left: var(--bal-space-medium-desktop) !important;
1202
2096
  padding-right: var(--bal-space-medium-desktop) !important;
1203
2097
  }
2098
+ .desktop:px-medium {
2099
+ padding-left: var(--bal-space-medium-desktop) !important;
2100
+ padding-right: var(--bal-space-medium-desktop) !important;
2101
+ }
1204
2102
  .px-large {
1205
2103
  padding-left: var(--bal-space-large-desktop) !important;
1206
2104
  padding-right: var(--bal-space-large-desktop) !important;
1207
2105
  }
2106
+ .desktop:px-large {
2107
+ padding-left: var(--bal-space-large-desktop) !important;
2108
+ padding-right: var(--bal-space-large-desktop) !important;
2109
+ }
1208
2110
  .px-x-large {
1209
2111
  padding-left: var(--bal-space-x-large-desktop) !important;
1210
2112
  padding-right: var(--bal-space-x-large-desktop) !important;
1211
2113
  }
2114
+ .desktop:px-x-large {
2115
+ padding-left: var(--bal-space-x-large-desktop) !important;
2116
+ padding-right: var(--bal-space-x-large-desktop) !important;
2117
+ }
1212
2118
  .px-xx-large {
1213
2119
  padding-left: var(--bal-space-xx-large-desktop) !important;
1214
2120
  padding-right: var(--bal-space-xx-large-desktop) !important;
1215
2121
  }
2122
+ .desktop:px-xx-large {
2123
+ padding-left: var(--bal-space-xx-large-desktop) !important;
2124
+ padding-right: var(--bal-space-xx-large-desktop) !important;
2125
+ }
1216
2126
  .px-xxx-large {
1217
2127
  padding-left: var(--bal-space-xxx-large-desktop) !important;
1218
2128
  padding-right: var(--bal-space-xxx-large-desktop) !important;
1219
2129
  }
2130
+ .desktop:px-xxx-large {
2131
+ padding-left: var(--bal-space-xxx-large-desktop) !important;
2132
+ padding-right: var(--bal-space-xxx-large-desktop) !important;
2133
+ }
1220
2134
  .px-xxxx-large {
1221
2135
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
1222
2136
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
1223
2137
  }
2138
+ .desktop:px-xxxx-large {
2139
+ padding-left: var(--bal-space-xxxx-large-desktop) !important;
2140
+ padding-right: var(--bal-space-xxxx-large-desktop) !important;
2141
+ }
1224
2142
  }
1225
2143
  .py-none {
1226
2144
  padding-top: 0 !important;
@@ -1282,6 +2200,48 @@
1282
2200
  padding-bottom: var(--bal-space-xxxx-large) !important;
1283
2201
  }
1284
2202
 
2203
+ @media screen and (max-width: 768px) {
2204
+ .mobile:py-xx-small {
2205
+ padding-top: var(--bal-space-xx-small-mobile) !important;
2206
+ padding-bottom: var(--bal-space-xx-small-mobile) !important;
2207
+ }
2208
+ .mobile:py-x-small {
2209
+ padding-top: var(--bal-space-x-small-mobile) !important;
2210
+ padding-bottom: var(--bal-space-x-small-mobile) !important;
2211
+ }
2212
+ .mobile:py-small {
2213
+ padding-top: var(--bal-space-small-mobile) !important;
2214
+ padding-bottom: var(--bal-space-small-mobile) !important;
2215
+ }
2216
+ .mobile:py-normal {
2217
+ padding-top: var(--bal-space-normal-mobile) !important;
2218
+ padding-bottom: var(--bal-space-normal-mobile) !important;
2219
+ }
2220
+ .mobile:py-medium {
2221
+ padding-top: var(--bal-space-medium-mobile) !important;
2222
+ padding-bottom: var(--bal-space-medium-mobile) !important;
2223
+ }
2224
+ .mobile:py-large {
2225
+ padding-top: var(--bal-space-large-mobile) !important;
2226
+ padding-bottom: var(--bal-space-large-mobile) !important;
2227
+ }
2228
+ .mobile:py-x-large {
2229
+ padding-top: var(--bal-space-x-large-mobile) !important;
2230
+ padding-bottom: var(--bal-space-x-large-mobile) !important;
2231
+ }
2232
+ .mobile:py-xx-large {
2233
+ padding-top: var(--bal-space-xx-large-mobile) !important;
2234
+ padding-bottom: var(--bal-space-xx-large-mobile) !important;
2235
+ }
2236
+ .mobile:py-xxx-large {
2237
+ padding-top: var(--bal-space-xxx-large-mobile) !important;
2238
+ padding-bottom: var(--bal-space-xxx-large-mobile) !important;
2239
+ }
2240
+ .mobile:py-xxxx-large {
2241
+ padding-top: var(--bal-space-xxxx-large-mobile) !important;
2242
+ padding-bottom: var(--bal-space-xxxx-large-mobile) !important;
2243
+ }
2244
+ }
1285
2245
  @media screen and (min-width: 769px), print {
1286
2246
  .py-none {
1287
2247
  padding-top: 0 !important;
@@ -1295,42 +2255,82 @@
1295
2255
  padding-top: var(--bal-space-xx-small-tablet) !important;
1296
2256
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
1297
2257
  }
2258
+ .tablet:py-xx-small {
2259
+ padding-top: var(--bal-space-xx-small-tablet) !important;
2260
+ padding-bottom: var(--bal-space-xx-small-tablet) !important;
2261
+ }
1298
2262
  .py-x-small {
1299
2263
  padding-top: var(--bal-space-x-small-tablet) !important;
1300
2264
  padding-bottom: var(--bal-space-x-small-tablet) !important;
1301
2265
  }
2266
+ .tablet:py-x-small {
2267
+ padding-top: var(--bal-space-x-small-tablet) !important;
2268
+ padding-bottom: var(--bal-space-x-small-tablet) !important;
2269
+ }
1302
2270
  .py-small {
1303
2271
  padding-top: var(--bal-space-small-tablet) !important;
1304
2272
  padding-bottom: var(--bal-space-small-tablet) !important;
1305
2273
  }
2274
+ .tablet:py-small {
2275
+ padding-top: var(--bal-space-small-tablet) !important;
2276
+ padding-bottom: var(--bal-space-small-tablet) !important;
2277
+ }
1306
2278
  .py-normal {
1307
2279
  padding-top: var(--bal-space-normal-tablet) !important;
1308
2280
  padding-bottom: var(--bal-space-normal-tablet) !important;
1309
2281
  }
2282
+ .tablet:py-normal {
2283
+ padding-top: var(--bal-space-normal-tablet) !important;
2284
+ padding-bottom: var(--bal-space-normal-tablet) !important;
2285
+ }
1310
2286
  .py-medium {
1311
2287
  padding-top: var(--bal-space-medium-tablet) !important;
1312
2288
  padding-bottom: var(--bal-space-medium-tablet) !important;
1313
2289
  }
2290
+ .tablet:py-medium {
2291
+ padding-top: var(--bal-space-medium-tablet) !important;
2292
+ padding-bottom: var(--bal-space-medium-tablet) !important;
2293
+ }
1314
2294
  .py-large {
1315
2295
  padding-top: var(--bal-space-large-tablet) !important;
1316
2296
  padding-bottom: var(--bal-space-large-tablet) !important;
1317
2297
  }
2298
+ .tablet:py-large {
2299
+ padding-top: var(--bal-space-large-tablet) !important;
2300
+ padding-bottom: var(--bal-space-large-tablet) !important;
2301
+ }
1318
2302
  .py-x-large {
1319
2303
  padding-top: var(--bal-space-x-large-tablet) !important;
1320
2304
  padding-bottom: var(--bal-space-x-large-tablet) !important;
1321
2305
  }
2306
+ .tablet:py-x-large {
2307
+ padding-top: var(--bal-space-x-large-tablet) !important;
2308
+ padding-bottom: var(--bal-space-x-large-tablet) !important;
2309
+ }
1322
2310
  .py-xx-large {
1323
2311
  padding-top: var(--bal-space-xx-large-tablet) !important;
1324
2312
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
1325
2313
  }
2314
+ .tablet:py-xx-large {
2315
+ padding-top: var(--bal-space-xx-large-tablet) !important;
2316
+ padding-bottom: var(--bal-space-xx-large-tablet) !important;
2317
+ }
1326
2318
  .py-xxx-large {
1327
2319
  padding-top: var(--bal-space-xxx-large-tablet) !important;
1328
2320
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
1329
2321
  }
2322
+ .tablet:py-xxx-large {
2323
+ padding-top: var(--bal-space-xxx-large-tablet) !important;
2324
+ padding-bottom: var(--bal-space-xxx-large-tablet) !important;
2325
+ }
1330
2326
  .py-xxxx-large {
1331
2327
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
1332
2328
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
1333
2329
  }
2330
+ .tablet:py-xxxx-large {
2331
+ padding-top: var(--bal-space-xxxx-large-tablet) !important;
2332
+ padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
2333
+ }
1334
2334
  }
1335
2335
  @media screen and (min-width: 1024px) {
1336
2336
  .py-none {
@@ -1345,42 +2345,82 @@
1345
2345
  padding-top: var(--bal-space-xx-small-desktop) !important;
1346
2346
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
1347
2347
  }
2348
+ .desktop:py-xx-small {
2349
+ padding-top: var(--bal-space-xx-small-desktop) !important;
2350
+ padding-bottom: var(--bal-space-xx-small-desktop) !important;
2351
+ }
1348
2352
  .py-x-small {
1349
2353
  padding-top: var(--bal-space-x-small-desktop) !important;
1350
2354
  padding-bottom: var(--bal-space-x-small-desktop) !important;
1351
2355
  }
2356
+ .desktop:py-x-small {
2357
+ padding-top: var(--bal-space-x-small-desktop) !important;
2358
+ padding-bottom: var(--bal-space-x-small-desktop) !important;
2359
+ }
1352
2360
  .py-small {
1353
2361
  padding-top: var(--bal-space-small-desktop) !important;
1354
2362
  padding-bottom: var(--bal-space-small-desktop) !important;
1355
2363
  }
2364
+ .desktop:py-small {
2365
+ padding-top: var(--bal-space-small-desktop) !important;
2366
+ padding-bottom: var(--bal-space-small-desktop) !important;
2367
+ }
1356
2368
  .py-normal {
1357
2369
  padding-top: var(--bal-space-normal-desktop) !important;
1358
2370
  padding-bottom: var(--bal-space-normal-desktop) !important;
1359
2371
  }
2372
+ .desktop:py-normal {
2373
+ padding-top: var(--bal-space-normal-desktop) !important;
2374
+ padding-bottom: var(--bal-space-normal-desktop) !important;
2375
+ }
1360
2376
  .py-medium {
1361
2377
  padding-top: var(--bal-space-medium-desktop) !important;
1362
2378
  padding-bottom: var(--bal-space-medium-desktop) !important;
1363
2379
  }
2380
+ .desktop:py-medium {
2381
+ padding-top: var(--bal-space-medium-desktop) !important;
2382
+ padding-bottom: var(--bal-space-medium-desktop) !important;
2383
+ }
1364
2384
  .py-large {
1365
2385
  padding-top: var(--bal-space-large-desktop) !important;
1366
2386
  padding-bottom: var(--bal-space-large-desktop) !important;
1367
2387
  }
2388
+ .desktop:py-large {
2389
+ padding-top: var(--bal-space-large-desktop) !important;
2390
+ padding-bottom: var(--bal-space-large-desktop) !important;
2391
+ }
1368
2392
  .py-x-large {
1369
2393
  padding-top: var(--bal-space-x-large-desktop) !important;
1370
2394
  padding-bottom: var(--bal-space-x-large-desktop) !important;
1371
2395
  }
2396
+ .desktop:py-x-large {
2397
+ padding-top: var(--bal-space-x-large-desktop) !important;
2398
+ padding-bottom: var(--bal-space-x-large-desktop) !important;
2399
+ }
1372
2400
  .py-xx-large {
1373
2401
  padding-top: var(--bal-space-xx-large-desktop) !important;
1374
2402
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
1375
2403
  }
2404
+ .desktop:py-xx-large {
2405
+ padding-top: var(--bal-space-xx-large-desktop) !important;
2406
+ padding-bottom: var(--bal-space-xx-large-desktop) !important;
2407
+ }
1376
2408
  .py-xxx-large {
1377
2409
  padding-top: var(--bal-space-xxx-large-desktop) !important;
1378
2410
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
1379
2411
  }
2412
+ .desktop:py-xxx-large {
2413
+ padding-top: var(--bal-space-xxx-large-desktop) !important;
2414
+ padding-bottom: var(--bal-space-xxx-large-desktop) !important;
2415
+ }
1380
2416
  .py-xxxx-large {
1381
2417
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
1382
2418
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
1383
2419
  }
2420
+ .desktop:py-xxxx-large {
2421
+ padding-top: var(--bal-space-xxxx-large-desktop) !important;
2422
+ padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
2423
+ }
1384
2424
  }
1385
2425
  .pt-none {
1386
2426
  padding-top: 0 !important;
@@ -1430,6 +2470,38 @@
1430
2470
  padding-top: var(--bal-space-xxxx-large) !important;
1431
2471
  }
1432
2472
 
2473
+ @media screen and (max-width: 768px) {
2474
+ .mobile:pt-xx-small {
2475
+ padding-top: var(--bal-space-xx-small-mobile) !important;
2476
+ }
2477
+ .mobile:pt-x-small {
2478
+ padding-top: var(--bal-space-x-small-mobile) !important;
2479
+ }
2480
+ .mobile:pt-small {
2481
+ padding-top: var(--bal-space-small-mobile) !important;
2482
+ }
2483
+ .mobile:pt-normal {
2484
+ padding-top: var(--bal-space-normal-mobile) !important;
2485
+ }
2486
+ .mobile:pt-medium {
2487
+ padding-top: var(--bal-space-medium-mobile) !important;
2488
+ }
2489
+ .mobile:pt-large {
2490
+ padding-top: var(--bal-space-large-mobile) !important;
2491
+ }
2492
+ .mobile:pt-x-large {
2493
+ padding-top: var(--bal-space-x-large-mobile) !important;
2494
+ }
2495
+ .mobile:pt-xx-large {
2496
+ padding-top: var(--bal-space-xx-large-mobile) !important;
2497
+ }
2498
+ .mobile:pt-xxx-large {
2499
+ padding-top: var(--bal-space-xxx-large-mobile) !important;
2500
+ }
2501
+ .mobile:pt-xxxx-large {
2502
+ padding-top: var(--bal-space-xxxx-large-mobile) !important;
2503
+ }
2504
+ }
1433
2505
  @media screen and (min-width: 769px), print {
1434
2506
  .pt-none {
1435
2507
  padding-top: 0 !important;
@@ -1440,33 +2512,63 @@
1440
2512
  .pt-xx-small {
1441
2513
  padding-top: var(--bal-space-xx-small-tablet) !important;
1442
2514
  }
2515
+ .tablet:pt-xx-small {
2516
+ padding-top: var(--bal-space-xx-small-tablet) !important;
2517
+ }
1443
2518
  .pt-x-small {
1444
2519
  padding-top: var(--bal-space-x-small-tablet) !important;
1445
2520
  }
2521
+ .tablet:pt-x-small {
2522
+ padding-top: var(--bal-space-x-small-tablet) !important;
2523
+ }
1446
2524
  .pt-small {
1447
2525
  padding-top: var(--bal-space-small-tablet) !important;
1448
2526
  }
2527
+ .tablet:pt-small {
2528
+ padding-top: var(--bal-space-small-tablet) !important;
2529
+ }
1449
2530
  .pt-normal {
1450
2531
  padding-top: var(--bal-space-normal-tablet) !important;
1451
2532
  }
2533
+ .tablet:pt-normal {
2534
+ padding-top: var(--bal-space-normal-tablet) !important;
2535
+ }
1452
2536
  .pt-medium {
1453
2537
  padding-top: var(--bal-space-medium-tablet) !important;
1454
2538
  }
2539
+ .tablet:pt-medium {
2540
+ padding-top: var(--bal-space-medium-tablet) !important;
2541
+ }
1455
2542
  .pt-large {
1456
2543
  padding-top: var(--bal-space-large-tablet) !important;
1457
2544
  }
2545
+ .tablet:pt-large {
2546
+ padding-top: var(--bal-space-large-tablet) !important;
2547
+ }
1458
2548
  .pt-x-large {
1459
2549
  padding-top: var(--bal-space-x-large-tablet) !important;
1460
2550
  }
2551
+ .tablet:pt-x-large {
2552
+ padding-top: var(--bal-space-x-large-tablet) !important;
2553
+ }
1461
2554
  .pt-xx-large {
1462
2555
  padding-top: var(--bal-space-xx-large-tablet) !important;
1463
2556
  }
2557
+ .tablet:pt-xx-large {
2558
+ padding-top: var(--bal-space-xx-large-tablet) !important;
2559
+ }
1464
2560
  .pt-xxx-large {
1465
2561
  padding-top: var(--bal-space-xxx-large-tablet) !important;
1466
2562
  }
2563
+ .tablet:pt-xxx-large {
2564
+ padding-top: var(--bal-space-xxx-large-tablet) !important;
2565
+ }
1467
2566
  .pt-xxxx-large {
1468
2567
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
1469
2568
  }
2569
+ .tablet:pt-xxxx-large {
2570
+ padding-top: var(--bal-space-xxxx-large-tablet) !important;
2571
+ }
1470
2572
  }
1471
2573
  @media screen and (min-width: 1024px) {
1472
2574
  .pt-none {
@@ -1478,33 +2580,63 @@
1478
2580
  .pt-xx-small {
1479
2581
  padding-top: var(--bal-space-xx-small-desktop) !important;
1480
2582
  }
2583
+ .desktop:pt-xx-small {
2584
+ padding-top: var(--bal-space-xx-small-desktop) !important;
2585
+ }
1481
2586
  .pt-x-small {
1482
2587
  padding-top: var(--bal-space-x-small-desktop) !important;
1483
2588
  }
2589
+ .desktop:pt-x-small {
2590
+ padding-top: var(--bal-space-x-small-desktop) !important;
2591
+ }
1484
2592
  .pt-small {
1485
2593
  padding-top: var(--bal-space-small-desktop) !important;
1486
2594
  }
2595
+ .desktop:pt-small {
2596
+ padding-top: var(--bal-space-small-desktop) !important;
2597
+ }
1487
2598
  .pt-normal {
1488
2599
  padding-top: var(--bal-space-normal-desktop) !important;
1489
2600
  }
2601
+ .desktop:pt-normal {
2602
+ padding-top: var(--bal-space-normal-desktop) !important;
2603
+ }
1490
2604
  .pt-medium {
1491
2605
  padding-top: var(--bal-space-medium-desktop) !important;
1492
2606
  }
2607
+ .desktop:pt-medium {
2608
+ padding-top: var(--bal-space-medium-desktop) !important;
2609
+ }
1493
2610
  .pt-large {
1494
2611
  padding-top: var(--bal-space-large-desktop) !important;
1495
2612
  }
2613
+ .desktop:pt-large {
2614
+ padding-top: var(--bal-space-large-desktop) !important;
2615
+ }
1496
2616
  .pt-x-large {
1497
2617
  padding-top: var(--bal-space-x-large-desktop) !important;
1498
2618
  }
2619
+ .desktop:pt-x-large {
2620
+ padding-top: var(--bal-space-x-large-desktop) !important;
2621
+ }
1499
2622
  .pt-xx-large {
1500
2623
  padding-top: var(--bal-space-xx-large-desktop) !important;
1501
2624
  }
2625
+ .desktop:pt-xx-large {
2626
+ padding-top: var(--bal-space-xx-large-desktop) !important;
2627
+ }
1502
2628
  .pt-xxx-large {
1503
2629
  padding-top: var(--bal-space-xxx-large-desktop) !important;
1504
2630
  }
2631
+ .desktop:pt-xxx-large {
2632
+ padding-top: var(--bal-space-xxx-large-desktop) !important;
2633
+ }
1505
2634
  .pt-xxxx-large {
1506
2635
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
1507
2636
  }
2637
+ .desktop:pt-xxxx-large {
2638
+ padding-top: var(--bal-space-xxxx-large-desktop) !important;
2639
+ }
1508
2640
  }
1509
2641
  .pr-none {
1510
2642
  padding-right: 0 !important;
@@ -1554,6 +2686,38 @@
1554
2686
  padding-right: var(--bal-space-xxxx-large) !important;
1555
2687
  }
1556
2688
 
2689
+ @media screen and (max-width: 768px) {
2690
+ .mobile:pr-xx-small {
2691
+ padding-right: var(--bal-space-xx-small-mobile) !important;
2692
+ }
2693
+ .mobile:pr-x-small {
2694
+ padding-right: var(--bal-space-x-small-mobile) !important;
2695
+ }
2696
+ .mobile:pr-small {
2697
+ padding-right: var(--bal-space-small-mobile) !important;
2698
+ }
2699
+ .mobile:pr-normal {
2700
+ padding-right: var(--bal-space-normal-mobile) !important;
2701
+ }
2702
+ .mobile:pr-medium {
2703
+ padding-right: var(--bal-space-medium-mobile) !important;
2704
+ }
2705
+ .mobile:pr-large {
2706
+ padding-right: var(--bal-space-large-mobile) !important;
2707
+ }
2708
+ .mobile:pr-x-large {
2709
+ padding-right: var(--bal-space-x-large-mobile) !important;
2710
+ }
2711
+ .mobile:pr-xx-large {
2712
+ padding-right: var(--bal-space-xx-large-mobile) !important;
2713
+ }
2714
+ .mobile:pr-xxx-large {
2715
+ padding-right: var(--bal-space-xxx-large-mobile) !important;
2716
+ }
2717
+ .mobile:pr-xxxx-large {
2718
+ padding-right: var(--bal-space-xxxx-large-mobile) !important;
2719
+ }
2720
+ }
1557
2721
  @media screen and (min-width: 769px), print {
1558
2722
  .pr-none {
1559
2723
  padding-right: 0 !important;
@@ -1564,33 +2728,63 @@
1564
2728
  .pr-xx-small {
1565
2729
  padding-right: var(--bal-space-xx-small-tablet) !important;
1566
2730
  }
2731
+ .tablet:pr-xx-small {
2732
+ padding-right: var(--bal-space-xx-small-tablet) !important;
2733
+ }
1567
2734
  .pr-x-small {
1568
2735
  padding-right: var(--bal-space-x-small-tablet) !important;
1569
2736
  }
2737
+ .tablet:pr-x-small {
2738
+ padding-right: var(--bal-space-x-small-tablet) !important;
2739
+ }
1570
2740
  .pr-small {
1571
2741
  padding-right: var(--bal-space-small-tablet) !important;
1572
2742
  }
2743
+ .tablet:pr-small {
2744
+ padding-right: var(--bal-space-small-tablet) !important;
2745
+ }
1573
2746
  .pr-normal {
1574
2747
  padding-right: var(--bal-space-normal-tablet) !important;
1575
2748
  }
2749
+ .tablet:pr-normal {
2750
+ padding-right: var(--bal-space-normal-tablet) !important;
2751
+ }
1576
2752
  .pr-medium {
1577
2753
  padding-right: var(--bal-space-medium-tablet) !important;
1578
2754
  }
2755
+ .tablet:pr-medium {
2756
+ padding-right: var(--bal-space-medium-tablet) !important;
2757
+ }
1579
2758
  .pr-large {
1580
2759
  padding-right: var(--bal-space-large-tablet) !important;
1581
2760
  }
2761
+ .tablet:pr-large {
2762
+ padding-right: var(--bal-space-large-tablet) !important;
2763
+ }
1582
2764
  .pr-x-large {
1583
2765
  padding-right: var(--bal-space-x-large-tablet) !important;
1584
2766
  }
2767
+ .tablet:pr-x-large {
2768
+ padding-right: var(--bal-space-x-large-tablet) !important;
2769
+ }
1585
2770
  .pr-xx-large {
1586
2771
  padding-right: var(--bal-space-xx-large-tablet) !important;
1587
2772
  }
2773
+ .tablet:pr-xx-large {
2774
+ padding-right: var(--bal-space-xx-large-tablet) !important;
2775
+ }
1588
2776
  .pr-xxx-large {
1589
2777
  padding-right: var(--bal-space-xxx-large-tablet) !important;
1590
2778
  }
2779
+ .tablet:pr-xxx-large {
2780
+ padding-right: var(--bal-space-xxx-large-tablet) !important;
2781
+ }
1591
2782
  .pr-xxxx-large {
1592
2783
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
1593
2784
  }
2785
+ .tablet:pr-xxxx-large {
2786
+ padding-right: var(--bal-space-xxxx-large-tablet) !important;
2787
+ }
1594
2788
  }
1595
2789
  @media screen and (min-width: 1024px) {
1596
2790
  .pr-none {
@@ -1602,33 +2796,63 @@
1602
2796
  .pr-xx-small {
1603
2797
  padding-right: var(--bal-space-xx-small-desktop) !important;
1604
2798
  }
2799
+ .desktop:pr-xx-small {
2800
+ padding-right: var(--bal-space-xx-small-desktop) !important;
2801
+ }
1605
2802
  .pr-x-small {
1606
2803
  padding-right: var(--bal-space-x-small-desktop) !important;
1607
2804
  }
2805
+ .desktop:pr-x-small {
2806
+ padding-right: var(--bal-space-x-small-desktop) !important;
2807
+ }
1608
2808
  .pr-small {
1609
2809
  padding-right: var(--bal-space-small-desktop) !important;
1610
2810
  }
2811
+ .desktop:pr-small {
2812
+ padding-right: var(--bal-space-small-desktop) !important;
2813
+ }
1611
2814
  .pr-normal {
1612
2815
  padding-right: var(--bal-space-normal-desktop) !important;
1613
2816
  }
2817
+ .desktop:pr-normal {
2818
+ padding-right: var(--bal-space-normal-desktop) !important;
2819
+ }
1614
2820
  .pr-medium {
1615
2821
  padding-right: var(--bal-space-medium-desktop) !important;
1616
2822
  }
2823
+ .desktop:pr-medium {
2824
+ padding-right: var(--bal-space-medium-desktop) !important;
2825
+ }
1617
2826
  .pr-large {
1618
2827
  padding-right: var(--bal-space-large-desktop) !important;
1619
2828
  }
2829
+ .desktop:pr-large {
2830
+ padding-right: var(--bal-space-large-desktop) !important;
2831
+ }
1620
2832
  .pr-x-large {
1621
2833
  padding-right: var(--bal-space-x-large-desktop) !important;
1622
2834
  }
2835
+ .desktop:pr-x-large {
2836
+ padding-right: var(--bal-space-x-large-desktop) !important;
2837
+ }
1623
2838
  .pr-xx-large {
1624
2839
  padding-right: var(--bal-space-xx-large-desktop) !important;
1625
2840
  }
2841
+ .desktop:pr-xx-large {
2842
+ padding-right: var(--bal-space-xx-large-desktop) !important;
2843
+ }
1626
2844
  .pr-xxx-large {
1627
2845
  padding-right: var(--bal-space-xxx-large-desktop) !important;
1628
2846
  }
2847
+ .desktop:pr-xxx-large {
2848
+ padding-right: var(--bal-space-xxx-large-desktop) !important;
2849
+ }
1629
2850
  .pr-xxxx-large {
1630
2851
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
1631
2852
  }
2853
+ .desktop:pr-xxxx-large {
2854
+ padding-right: var(--bal-space-xxxx-large-desktop) !important;
2855
+ }
1632
2856
  }
1633
2857
  .pb-none {
1634
2858
  padding-bottom: 0 !important;
@@ -1678,6 +2902,38 @@
1678
2902
  padding-bottom: var(--bal-space-xxxx-large) !important;
1679
2903
  }
1680
2904
 
2905
+ @media screen and (max-width: 768px) {
2906
+ .mobile:pb-xx-small {
2907
+ padding-bottom: var(--bal-space-xx-small-mobile) !important;
2908
+ }
2909
+ .mobile:pb-x-small {
2910
+ padding-bottom: var(--bal-space-x-small-mobile) !important;
2911
+ }
2912
+ .mobile:pb-small {
2913
+ padding-bottom: var(--bal-space-small-mobile) !important;
2914
+ }
2915
+ .mobile:pb-normal {
2916
+ padding-bottom: var(--bal-space-normal-mobile) !important;
2917
+ }
2918
+ .mobile:pb-medium {
2919
+ padding-bottom: var(--bal-space-medium-mobile) !important;
2920
+ }
2921
+ .mobile:pb-large {
2922
+ padding-bottom: var(--bal-space-large-mobile) !important;
2923
+ }
2924
+ .mobile:pb-x-large {
2925
+ padding-bottom: var(--bal-space-x-large-mobile) !important;
2926
+ }
2927
+ .mobile:pb-xx-large {
2928
+ padding-bottom: var(--bal-space-xx-large-mobile) !important;
2929
+ }
2930
+ .mobile:pb-xxx-large {
2931
+ padding-bottom: var(--bal-space-xxx-large-mobile) !important;
2932
+ }
2933
+ .mobile:pb-xxxx-large {
2934
+ padding-bottom: var(--bal-space-xxxx-large-mobile) !important;
2935
+ }
2936
+ }
1681
2937
  @media screen and (min-width: 769px), print {
1682
2938
  .pb-none {
1683
2939
  padding-bottom: 0 !important;
@@ -1688,33 +2944,63 @@
1688
2944
  .pb-xx-small {
1689
2945
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
1690
2946
  }
2947
+ .tablet:pb-xx-small {
2948
+ padding-bottom: var(--bal-space-xx-small-tablet) !important;
2949
+ }
1691
2950
  .pb-x-small {
1692
2951
  padding-bottom: var(--bal-space-x-small-tablet) !important;
1693
2952
  }
2953
+ .tablet:pb-x-small {
2954
+ padding-bottom: var(--bal-space-x-small-tablet) !important;
2955
+ }
1694
2956
  .pb-small {
1695
2957
  padding-bottom: var(--bal-space-small-tablet) !important;
1696
2958
  }
2959
+ .tablet:pb-small {
2960
+ padding-bottom: var(--bal-space-small-tablet) !important;
2961
+ }
1697
2962
  .pb-normal {
1698
2963
  padding-bottom: var(--bal-space-normal-tablet) !important;
1699
2964
  }
2965
+ .tablet:pb-normal {
2966
+ padding-bottom: var(--bal-space-normal-tablet) !important;
2967
+ }
1700
2968
  .pb-medium {
1701
2969
  padding-bottom: var(--bal-space-medium-tablet) !important;
1702
2970
  }
2971
+ .tablet:pb-medium {
2972
+ padding-bottom: var(--bal-space-medium-tablet) !important;
2973
+ }
1703
2974
  .pb-large {
1704
2975
  padding-bottom: var(--bal-space-large-tablet) !important;
1705
2976
  }
2977
+ .tablet:pb-large {
2978
+ padding-bottom: var(--bal-space-large-tablet) !important;
2979
+ }
1706
2980
  .pb-x-large {
1707
2981
  padding-bottom: var(--bal-space-x-large-tablet) !important;
1708
2982
  }
2983
+ .tablet:pb-x-large {
2984
+ padding-bottom: var(--bal-space-x-large-tablet) !important;
2985
+ }
1709
2986
  .pb-xx-large {
1710
2987
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
1711
2988
  }
2989
+ .tablet:pb-xx-large {
2990
+ padding-bottom: var(--bal-space-xx-large-tablet) !important;
2991
+ }
1712
2992
  .pb-xxx-large {
1713
2993
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
1714
2994
  }
2995
+ .tablet:pb-xxx-large {
2996
+ padding-bottom: var(--bal-space-xxx-large-tablet) !important;
2997
+ }
1715
2998
  .pb-xxxx-large {
1716
2999
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
1717
3000
  }
3001
+ .tablet:pb-xxxx-large {
3002
+ padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
3003
+ }
1718
3004
  }
1719
3005
  @media screen and (min-width: 1024px) {
1720
3006
  .pb-none {
@@ -1726,33 +3012,63 @@
1726
3012
  .pb-xx-small {
1727
3013
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
1728
3014
  }
3015
+ .desktop:pb-xx-small {
3016
+ padding-bottom: var(--bal-space-xx-small-desktop) !important;
3017
+ }
1729
3018
  .pb-x-small {
1730
3019
  padding-bottom: var(--bal-space-x-small-desktop) !important;
1731
3020
  }
3021
+ .desktop:pb-x-small {
3022
+ padding-bottom: var(--bal-space-x-small-desktop) !important;
3023
+ }
1732
3024
  .pb-small {
1733
3025
  padding-bottom: var(--bal-space-small-desktop) !important;
1734
3026
  }
3027
+ .desktop:pb-small {
3028
+ padding-bottom: var(--bal-space-small-desktop) !important;
3029
+ }
1735
3030
  .pb-normal {
1736
3031
  padding-bottom: var(--bal-space-normal-desktop) !important;
1737
3032
  }
3033
+ .desktop:pb-normal {
3034
+ padding-bottom: var(--bal-space-normal-desktop) !important;
3035
+ }
1738
3036
  .pb-medium {
1739
3037
  padding-bottom: var(--bal-space-medium-desktop) !important;
1740
3038
  }
3039
+ .desktop:pb-medium {
3040
+ padding-bottom: var(--bal-space-medium-desktop) !important;
3041
+ }
1741
3042
  .pb-large {
1742
3043
  padding-bottom: var(--bal-space-large-desktop) !important;
1743
3044
  }
3045
+ .desktop:pb-large {
3046
+ padding-bottom: var(--bal-space-large-desktop) !important;
3047
+ }
1744
3048
  .pb-x-large {
1745
3049
  padding-bottom: var(--bal-space-x-large-desktop) !important;
1746
3050
  }
3051
+ .desktop:pb-x-large {
3052
+ padding-bottom: var(--bal-space-x-large-desktop) !important;
3053
+ }
1747
3054
  .pb-xx-large {
1748
3055
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
1749
3056
  }
3057
+ .desktop:pb-xx-large {
3058
+ padding-bottom: var(--bal-space-xx-large-desktop) !important;
3059
+ }
1750
3060
  .pb-xxx-large {
1751
3061
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
1752
3062
  }
3063
+ .desktop:pb-xxx-large {
3064
+ padding-bottom: var(--bal-space-xxx-large-desktop) !important;
3065
+ }
1753
3066
  .pb-xxxx-large {
1754
3067
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
1755
3068
  }
3069
+ .desktop:pb-xxxx-large {
3070
+ padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
3071
+ }
1756
3072
  }
1757
3073
  .pl-none {
1758
3074
  padding-left: 0 !important;
@@ -1802,6 +3118,38 @@
1802
3118
  padding-left: var(--bal-space-xxxx-large) !important;
1803
3119
  }
1804
3120
 
3121
+ @media screen and (max-width: 768px) {
3122
+ .mobile:pl-xx-small {
3123
+ padding-left: var(--bal-space-xx-small-mobile) !important;
3124
+ }
3125
+ .mobile:pl-x-small {
3126
+ padding-left: var(--bal-space-x-small-mobile) !important;
3127
+ }
3128
+ .mobile:pl-small {
3129
+ padding-left: var(--bal-space-small-mobile) !important;
3130
+ }
3131
+ .mobile:pl-normal {
3132
+ padding-left: var(--bal-space-normal-mobile) !important;
3133
+ }
3134
+ .mobile:pl-medium {
3135
+ padding-left: var(--bal-space-medium-mobile) !important;
3136
+ }
3137
+ .mobile:pl-large {
3138
+ padding-left: var(--bal-space-large-mobile) !important;
3139
+ }
3140
+ .mobile:pl-x-large {
3141
+ padding-left: var(--bal-space-x-large-mobile) !important;
3142
+ }
3143
+ .mobile:pl-xx-large {
3144
+ padding-left: var(--bal-space-xx-large-mobile) !important;
3145
+ }
3146
+ .mobile:pl-xxx-large {
3147
+ padding-left: var(--bal-space-xxx-large-mobile) !important;
3148
+ }
3149
+ .mobile:pl-xxxx-large {
3150
+ padding-left: var(--bal-space-xxxx-large-mobile) !important;
3151
+ }
3152
+ }
1805
3153
  @media screen and (min-width: 769px), print {
1806
3154
  .pl-none {
1807
3155
  padding-left: 0 !important;
@@ -1812,33 +3160,63 @@
1812
3160
  .pl-xx-small {
1813
3161
  padding-left: var(--bal-space-xx-small-tablet) !important;
1814
3162
  }
3163
+ .tablet:pl-xx-small {
3164
+ padding-left: var(--bal-space-xx-small-tablet) !important;
3165
+ }
1815
3166
  .pl-x-small {
1816
3167
  padding-left: var(--bal-space-x-small-tablet) !important;
1817
3168
  }
3169
+ .tablet:pl-x-small {
3170
+ padding-left: var(--bal-space-x-small-tablet) !important;
3171
+ }
1818
3172
  .pl-small {
1819
3173
  padding-left: var(--bal-space-small-tablet) !important;
1820
3174
  }
3175
+ .tablet:pl-small {
3176
+ padding-left: var(--bal-space-small-tablet) !important;
3177
+ }
1821
3178
  .pl-normal {
1822
3179
  padding-left: var(--bal-space-normal-tablet) !important;
1823
3180
  }
3181
+ .tablet:pl-normal {
3182
+ padding-left: var(--bal-space-normal-tablet) !important;
3183
+ }
1824
3184
  .pl-medium {
1825
3185
  padding-left: var(--bal-space-medium-tablet) !important;
1826
3186
  }
3187
+ .tablet:pl-medium {
3188
+ padding-left: var(--bal-space-medium-tablet) !important;
3189
+ }
1827
3190
  .pl-large {
1828
3191
  padding-left: var(--bal-space-large-tablet) !important;
1829
3192
  }
3193
+ .tablet:pl-large {
3194
+ padding-left: var(--bal-space-large-tablet) !important;
3195
+ }
1830
3196
  .pl-x-large {
1831
3197
  padding-left: var(--bal-space-x-large-tablet) !important;
1832
3198
  }
3199
+ .tablet:pl-x-large {
3200
+ padding-left: var(--bal-space-x-large-tablet) !important;
3201
+ }
1833
3202
  .pl-xx-large {
1834
3203
  padding-left: var(--bal-space-xx-large-tablet) !important;
1835
3204
  }
3205
+ .tablet:pl-xx-large {
3206
+ padding-left: var(--bal-space-xx-large-tablet) !important;
3207
+ }
1836
3208
  .pl-xxx-large {
1837
3209
  padding-left: var(--bal-space-xxx-large-tablet) !important;
1838
3210
  }
3211
+ .tablet:pl-xxx-large {
3212
+ padding-left: var(--bal-space-xxx-large-tablet) !important;
3213
+ }
1839
3214
  .pl-xxxx-large {
1840
3215
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
1841
3216
  }
3217
+ .tablet:pl-xxxx-large {
3218
+ padding-left: var(--bal-space-xxxx-large-tablet) !important;
3219
+ }
1842
3220
  }
1843
3221
  @media screen and (min-width: 1024px) {
1844
3222
  .pl-none {
@@ -1850,32 +3228,62 @@
1850
3228
  .pl-xx-small {
1851
3229
  padding-left: var(--bal-space-xx-small-desktop) !important;
1852
3230
  }
3231
+ .desktop:pl-xx-small {
3232
+ padding-left: var(--bal-space-xx-small-desktop) !important;
3233
+ }
1853
3234
  .pl-x-small {
1854
3235
  padding-left: var(--bal-space-x-small-desktop) !important;
1855
3236
  }
3237
+ .desktop:pl-x-small {
3238
+ padding-left: var(--bal-space-x-small-desktop) !important;
3239
+ }
1856
3240
  .pl-small {
1857
3241
  padding-left: var(--bal-space-small-desktop) !important;
1858
3242
  }
3243
+ .desktop:pl-small {
3244
+ padding-left: var(--bal-space-small-desktop) !important;
3245
+ }
1859
3246
  .pl-normal {
1860
3247
  padding-left: var(--bal-space-normal-desktop) !important;
1861
3248
  }
3249
+ .desktop:pl-normal {
3250
+ padding-left: var(--bal-space-normal-desktop) !important;
3251
+ }
1862
3252
  .pl-medium {
1863
3253
  padding-left: var(--bal-space-medium-desktop) !important;
1864
3254
  }
3255
+ .desktop:pl-medium {
3256
+ padding-left: var(--bal-space-medium-desktop) !important;
3257
+ }
1865
3258
  .pl-large {
1866
3259
  padding-left: var(--bal-space-large-desktop) !important;
1867
3260
  }
3261
+ .desktop:pl-large {
3262
+ padding-left: var(--bal-space-large-desktop) !important;
3263
+ }
1868
3264
  .pl-x-large {
1869
3265
  padding-left: var(--bal-space-x-large-desktop) !important;
1870
3266
  }
3267
+ .desktop:pl-x-large {
3268
+ padding-left: var(--bal-space-x-large-desktop) !important;
3269
+ }
1871
3270
  .pl-xx-large {
1872
3271
  padding-left: var(--bal-space-xx-large-desktop) !important;
1873
3272
  }
3273
+ .desktop:pl-xx-large {
3274
+ padding-left: var(--bal-space-xx-large-desktop) !important;
3275
+ }
1874
3276
  .pl-xxx-large {
1875
3277
  padding-left: var(--bal-space-xxx-large-desktop) !important;
1876
3278
  }
3279
+ .desktop:pl-xxx-large {
3280
+ padding-left: var(--bal-space-xxx-large-desktop) !important;
3281
+ }
1877
3282
  .pl-xxxx-large {
1878
3283
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
1879
3284
  }
3285
+ .desktop:pl-xxxx-large {
3286
+ padding-left: var(--bal-space-xxxx-large-desktop) !important;
3287
+ }
1880
3288
  }
1881
3289
  /*# sourceMappingURL=utilities/spacing.css.map */