@baloise/ds-styles 17.4.0 → 17.4.1

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