@baloise/ds-styles 0.0.5-nightly.e56f740

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 (117) hide show
  1. package/LICENSE +201 -0
  2. package/README.md +45 -0
  3. package/bin/index.mjs +1333 -0
  4. package/css/all.css +18468 -0
  5. package/css/all.css.map +1 -0
  6. package/css/all.min.css +1 -0
  7. package/css/baloise-design-system.css +18468 -0
  8. package/css/baloise-design-system.css.map +1 -0
  9. package/css/baloise-design-system.min.css +1 -0
  10. package/css/core.css +4423 -0
  11. package/css/core.css.map +1 -0
  12. package/css/core.min.css +1 -0
  13. package/css/font.css +29 -0
  14. package/css/font.css.map +1 -0
  15. package/css/font.min.css +1 -0
  16. package/css/mixins.css +2 -0
  17. package/css/mixins.css.map +1 -0
  18. package/css/mixins.min.css +0 -0
  19. package/css/normalize.css +351 -0
  20. package/css/normalize.css.map +1 -0
  21. package/css/normalize.min.css +1 -0
  22. package/css/structure.css +147 -0
  23. package/css/structure.css.map +1 -0
  24. package/css/structure.min.css +1 -0
  25. package/css/themes/compact.css +30 -0
  26. package/css/themes/compact.css.map +1 -0
  27. package/css/themes/compact.min.css +1 -0
  28. package/css/utilities/all.css +13112 -0
  29. package/css/utilities/all.css.map +1 -0
  30. package/css/utilities/all.min.css +1 -0
  31. package/css/utilities/background.css +1460 -0
  32. package/css/utilities/background.css.map +1 -0
  33. package/css/utilities/background.min.css +1 -0
  34. package/css/utilities/border.css +4697 -0
  35. package/css/utilities/border.css.map +1 -0
  36. package/css/utilities/border.min.css +1 -0
  37. package/css/utilities/elevation.css +317 -0
  38. package/css/utilities/elevation.css.map +1 -0
  39. package/css/utilities/elevation.min.css +1 -0
  40. package/css/utilities/flex.css +969 -0
  41. package/css/utilities/flex.css.map +1 -0
  42. package/css/utilities/flex.min.css +1 -0
  43. package/css/utilities/grid.css +1209 -0
  44. package/css/utilities/grid.css.map +1 -0
  45. package/css/utilities/grid.min.css +1 -0
  46. package/css/utilities/interaction.css +44 -0
  47. package/css/utilities/interaction.css.map +1 -0
  48. package/css/utilities/interaction.min.css +1 -0
  49. package/css/utilities/layout.css +1055 -0
  50. package/css/utilities/layout.css.map +1 -0
  51. package/css/utilities/layout.min.css +1 -0
  52. package/css/utilities/sizing.css +1931 -0
  53. package/css/utilities/sizing.css.map +1 -0
  54. package/css/utilities/sizing.min.css +1 -0
  55. package/css/utilities/spacing.css +1881 -0
  56. package/css/utilities/spacing.css.map +1 -0
  57. package/css/utilities/spacing.min.css +1 -0
  58. package/css/utilities/typography.css +763 -0
  59. package/css/utilities/typography.css.map +1 -0
  60. package/css/utilities/typography.min.css +1 -0
  61. package/package.json +36 -0
  62. package/sass/all.sass +6 -0
  63. package/sass/baloise-design-system.sass +1 -0
  64. package/sass/core.sass +37 -0
  65. package/sass/font.sass +1 -0
  66. package/sass/mixins.sass +3 -0
  67. package/sass/normalize.sass +359 -0
  68. package/sass/structure.sass +113 -0
  69. package/sass/themes/compact.sass +28 -0
  70. package/sass/utilities/all.sass +9 -0
  71. package/sass/utilities/background.sass +5 -0
  72. package/sass/utilities/border.sass +2 -0
  73. package/sass/utilities/elevation.sass +2 -0
  74. package/sass/utilities/flex.sass +2 -0
  75. package/sass/utilities/grid.sass +2 -0
  76. package/sass/utilities/interaction.sass +2 -0
  77. package/sass/utilities/layout.sass +12 -0
  78. package/sass/utilities/sizing.sass +2 -0
  79. package/sass/utilities/spacing.sass +2 -0
  80. package/sass/utilities/typography.sass +127 -0
  81. package/src/core/_all.sass +18 -0
  82. package/src/core/container.sass +23 -0
  83. package/src/core/form/_all.sass +6 -0
  84. package/src/core/form/button.sass +532 -0
  85. package/src/core/form/file.sass +139 -0
  86. package/src/core/form/input-textarea.sass +80 -0
  87. package/src/core/form/select.sass +111 -0
  88. package/src/core/form/shared.sass +69 -0
  89. package/src/core/form/tools.sass +209 -0
  90. package/src/core/grid.sass +477 -0
  91. package/src/core/link.sass +64 -0
  92. package/src/core/list.sass +85 -0
  93. package/src/core/table.sass +134 -0
  94. package/src/core/typography.sass +33 -0
  95. package/src/core/vars/_all.sass +7 -0
  96. package/src/core/vars/button.vars.sass +282 -0
  97. package/src/core/vars/form.vars.sass +137 -0
  98. package/src/core/vars/link.vars.sass +36 -0
  99. package/src/core/vars/list.vars.sass +20 -0
  100. package/src/core/vars/structure.vars.sass +47 -0
  101. package/src/core/vars/table.vars.sass +55 -0
  102. package/src/core/vars/typography.vars.sass +12 -0
  103. package/src/generated/background.sass +1091 -0
  104. package/src/generated/border.sass +3943 -0
  105. package/src/generated/elevation.sass +283 -0
  106. package/src/generated/flex.sass +831 -0
  107. package/src/generated/interaction.sass +26 -0
  108. package/src/generated/layout.sass +948 -0
  109. package/src/generated/sizing.sass +1703 -0
  110. package/src/generated/spacing.sass +1683 -0
  111. package/src/generated/typography.sass +453 -0
  112. package/src/mixins/_all.sass +7 -0
  113. package/src/mixins/bem.mixin.sass +39 -0
  114. package/src/mixins/breakpoint.mixin.sass +67 -0
  115. package/src/mixins/extends.sass +32 -0
  116. package/src/mixins/general.mixin.sass +95 -0
  117. package/src/mixins/svg.mixin.sass +6 -0
@@ -0,0 +1,1881 @@
1
+ .m-none {
2
+ margin: 0 !important;
3
+ }
4
+
5
+ .m-auto {
6
+ margin: auto !important;
7
+ }
8
+
9
+ .m-xx-small {
10
+ margin: var(--bal-space-xx-small) !important;
11
+ }
12
+
13
+ .m-x-small {
14
+ margin: var(--bal-space-x-small) !important;
15
+ }
16
+
17
+ .m-small {
18
+ margin: var(--bal-space-small) !important;
19
+ }
20
+
21
+ .m-normal {
22
+ margin: var(--bal-space-normal) !important;
23
+ }
24
+
25
+ .m-medium {
26
+ margin: var(--bal-space-medium) !important;
27
+ }
28
+
29
+ .m-large {
30
+ margin: var(--bal-space-large) !important;
31
+ }
32
+
33
+ .m-x-large {
34
+ margin: var(--bal-space-x-large) !important;
35
+ }
36
+
37
+ .m-xx-large {
38
+ margin: var(--bal-space-xx-large) !important;
39
+ }
40
+
41
+ .m-xxx-large {
42
+ margin: var(--bal-space-xxx-large) !important;
43
+ }
44
+
45
+ .m-xxxx-large {
46
+ margin: var(--bal-space-xxxx-large) !important;
47
+ }
48
+
49
+ @media screen and (min-width: 769px), print {
50
+ .m-none {
51
+ margin: 0 !important;
52
+ }
53
+ .m-auto {
54
+ margin: auto !important;
55
+ }
56
+ .m-xx-small {
57
+ margin: var(--bal-space-xx-small-tablet) !important;
58
+ }
59
+ .m-x-small {
60
+ margin: var(--bal-space-x-small-tablet) !important;
61
+ }
62
+ .m-small {
63
+ margin: var(--bal-space-small-tablet) !important;
64
+ }
65
+ .m-normal {
66
+ margin: var(--bal-space-normal-tablet) !important;
67
+ }
68
+ .m-medium {
69
+ margin: var(--bal-space-medium-tablet) !important;
70
+ }
71
+ .m-large {
72
+ margin: var(--bal-space-large-tablet) !important;
73
+ }
74
+ .m-x-large {
75
+ margin: var(--bal-space-x-large-tablet) !important;
76
+ }
77
+ .m-xx-large {
78
+ margin: var(--bal-space-xx-large-tablet) !important;
79
+ }
80
+ .m-xxx-large {
81
+ margin: var(--bal-space-xxx-large-tablet) !important;
82
+ }
83
+ .m-xxxx-large {
84
+ margin: var(--bal-space-xxxx-large-tablet) !important;
85
+ }
86
+ }
87
+ @media screen and (min-width: 1024px) {
88
+ .m-none {
89
+ margin: 0 !important;
90
+ }
91
+ .m-auto {
92
+ margin: auto !important;
93
+ }
94
+ .m-xx-small {
95
+ margin: var(--bal-space-xx-small-desktop) !important;
96
+ }
97
+ .m-x-small {
98
+ margin: var(--bal-space-x-small-desktop) !important;
99
+ }
100
+ .m-small {
101
+ margin: var(--bal-space-small-desktop) !important;
102
+ }
103
+ .m-normal {
104
+ margin: var(--bal-space-normal-desktop) !important;
105
+ }
106
+ .m-medium {
107
+ margin: var(--bal-space-medium-desktop) !important;
108
+ }
109
+ .m-large {
110
+ margin: var(--bal-space-large-desktop) !important;
111
+ }
112
+ .m-x-large {
113
+ margin: var(--bal-space-x-large-desktop) !important;
114
+ }
115
+ .m-xx-large {
116
+ margin: var(--bal-space-xx-large-desktop) !important;
117
+ }
118
+ .m-xxx-large {
119
+ margin: var(--bal-space-xxx-large-desktop) !important;
120
+ }
121
+ .m-xxxx-large {
122
+ margin: var(--bal-space-xxxx-large-desktop) !important;
123
+ }
124
+ }
125
+ .mx-none {
126
+ margin-left: 0 !important;
127
+ margin-right: 0 !important;
128
+ }
129
+
130
+ .mx-auto {
131
+ margin-left: auto !important;
132
+ margin-right: auto !important;
133
+ }
134
+
135
+ .mx-xx-small {
136
+ margin-left: var(--bal-space-xx-small) !important;
137
+ margin-right: var(--bal-space-xx-small) !important;
138
+ }
139
+
140
+ .mx-x-small {
141
+ margin-left: var(--bal-space-x-small) !important;
142
+ margin-right: var(--bal-space-x-small) !important;
143
+ }
144
+
145
+ .mx-small {
146
+ margin-left: var(--bal-space-small) !important;
147
+ margin-right: var(--bal-space-small) !important;
148
+ }
149
+
150
+ .mx-normal {
151
+ margin-left: var(--bal-space-normal) !important;
152
+ margin-right: var(--bal-space-normal) !important;
153
+ }
154
+
155
+ .mx-medium {
156
+ margin-left: var(--bal-space-medium) !important;
157
+ margin-right: var(--bal-space-medium) !important;
158
+ }
159
+
160
+ .mx-large {
161
+ margin-left: var(--bal-space-large) !important;
162
+ margin-right: var(--bal-space-large) !important;
163
+ }
164
+
165
+ .mx-x-large {
166
+ margin-left: var(--bal-space-x-large) !important;
167
+ margin-right: var(--bal-space-x-large) !important;
168
+ }
169
+
170
+ .mx-xx-large {
171
+ margin-left: var(--bal-space-xx-large) !important;
172
+ margin-right: var(--bal-space-xx-large) !important;
173
+ }
174
+
175
+ .mx-xxx-large {
176
+ margin-left: var(--bal-space-xxx-large) !important;
177
+ margin-right: var(--bal-space-xxx-large) !important;
178
+ }
179
+
180
+ .mx-xxxx-large {
181
+ margin-left: var(--bal-space-xxxx-large) !important;
182
+ margin-right: var(--bal-space-xxxx-large) !important;
183
+ }
184
+
185
+ @media screen and (min-width: 769px), print {
186
+ .mx-none {
187
+ margin-left: 0 !important;
188
+ margin-right: 0 !important;
189
+ }
190
+ .mx-auto {
191
+ margin-left: auto !important;
192
+ margin-right: auto !important;
193
+ }
194
+ .mx-xx-small {
195
+ margin-left: var(--bal-space-xx-small-tablet) !important;
196
+ margin-right: var(--bal-space-xx-small-tablet) !important;
197
+ }
198
+ .mx-x-small {
199
+ margin-left: var(--bal-space-x-small-tablet) !important;
200
+ margin-right: var(--bal-space-x-small-tablet) !important;
201
+ }
202
+ .mx-small {
203
+ margin-left: var(--bal-space-small-tablet) !important;
204
+ margin-right: var(--bal-space-small-tablet) !important;
205
+ }
206
+ .mx-normal {
207
+ margin-left: var(--bal-space-normal-tablet) !important;
208
+ margin-right: var(--bal-space-normal-tablet) !important;
209
+ }
210
+ .mx-medium {
211
+ margin-left: var(--bal-space-medium-tablet) !important;
212
+ margin-right: var(--bal-space-medium-tablet) !important;
213
+ }
214
+ .mx-large {
215
+ margin-left: var(--bal-space-large-tablet) !important;
216
+ margin-right: var(--bal-space-large-tablet) !important;
217
+ }
218
+ .mx-x-large {
219
+ margin-left: var(--bal-space-x-large-tablet) !important;
220
+ margin-right: var(--bal-space-x-large-tablet) !important;
221
+ }
222
+ .mx-xx-large {
223
+ margin-left: var(--bal-space-xx-large-tablet) !important;
224
+ margin-right: var(--bal-space-xx-large-tablet) !important;
225
+ }
226
+ .mx-xxx-large {
227
+ margin-left: var(--bal-space-xxx-large-tablet) !important;
228
+ margin-right: var(--bal-space-xxx-large-tablet) !important;
229
+ }
230
+ .mx-xxxx-large {
231
+ margin-left: var(--bal-space-xxxx-large-tablet) !important;
232
+ margin-right: var(--bal-space-xxxx-large-tablet) !important;
233
+ }
234
+ }
235
+ @media screen and (min-width: 1024px) {
236
+ .mx-none {
237
+ margin-left: 0 !important;
238
+ margin-right: 0 !important;
239
+ }
240
+ .mx-auto {
241
+ margin-left: auto !important;
242
+ margin-right: auto !important;
243
+ }
244
+ .mx-xx-small {
245
+ margin-left: var(--bal-space-xx-small-desktop) !important;
246
+ margin-right: var(--bal-space-xx-small-desktop) !important;
247
+ }
248
+ .mx-x-small {
249
+ margin-left: var(--bal-space-x-small-desktop) !important;
250
+ margin-right: var(--bal-space-x-small-desktop) !important;
251
+ }
252
+ .mx-small {
253
+ margin-left: var(--bal-space-small-desktop) !important;
254
+ margin-right: var(--bal-space-small-desktop) !important;
255
+ }
256
+ .mx-normal {
257
+ margin-left: var(--bal-space-normal-desktop) !important;
258
+ margin-right: var(--bal-space-normal-desktop) !important;
259
+ }
260
+ .mx-medium {
261
+ margin-left: var(--bal-space-medium-desktop) !important;
262
+ margin-right: var(--bal-space-medium-desktop) !important;
263
+ }
264
+ .mx-large {
265
+ margin-left: var(--bal-space-large-desktop) !important;
266
+ margin-right: var(--bal-space-large-desktop) !important;
267
+ }
268
+ .mx-x-large {
269
+ margin-left: var(--bal-space-x-large-desktop) !important;
270
+ margin-right: var(--bal-space-x-large-desktop) !important;
271
+ }
272
+ .mx-xx-large {
273
+ margin-left: var(--bal-space-xx-large-desktop) !important;
274
+ margin-right: var(--bal-space-xx-large-desktop) !important;
275
+ }
276
+ .mx-xxx-large {
277
+ margin-left: var(--bal-space-xxx-large-desktop) !important;
278
+ margin-right: var(--bal-space-xxx-large-desktop) !important;
279
+ }
280
+ .mx-xxxx-large {
281
+ margin-left: var(--bal-space-xxxx-large-desktop) !important;
282
+ margin-right: var(--bal-space-xxxx-large-desktop) !important;
283
+ }
284
+ }
285
+ .my-none {
286
+ margin-top: 0 !important;
287
+ margin-bottom: 0 !important;
288
+ }
289
+
290
+ .my-auto {
291
+ margin-top: auto !important;
292
+ margin-bottom: auto !important;
293
+ }
294
+
295
+ .my-xx-small {
296
+ margin-top: var(--bal-space-xx-small) !important;
297
+ margin-bottom: var(--bal-space-xx-small) !important;
298
+ }
299
+
300
+ .my-x-small {
301
+ margin-top: var(--bal-space-x-small) !important;
302
+ margin-bottom: var(--bal-space-x-small) !important;
303
+ }
304
+
305
+ .my-small {
306
+ margin-top: var(--bal-space-small) !important;
307
+ margin-bottom: var(--bal-space-small) !important;
308
+ }
309
+
310
+ .my-normal {
311
+ margin-top: var(--bal-space-normal) !important;
312
+ margin-bottom: var(--bal-space-normal) !important;
313
+ }
314
+
315
+ .my-medium {
316
+ margin-top: var(--bal-space-medium) !important;
317
+ margin-bottom: var(--bal-space-medium) !important;
318
+ }
319
+
320
+ .my-large {
321
+ margin-top: var(--bal-space-large) !important;
322
+ margin-bottom: var(--bal-space-large) !important;
323
+ }
324
+
325
+ .my-x-large {
326
+ margin-top: var(--bal-space-x-large) !important;
327
+ margin-bottom: var(--bal-space-x-large) !important;
328
+ }
329
+
330
+ .my-xx-large {
331
+ margin-top: var(--bal-space-xx-large) !important;
332
+ margin-bottom: var(--bal-space-xx-large) !important;
333
+ }
334
+
335
+ .my-xxx-large {
336
+ margin-top: var(--bal-space-xxx-large) !important;
337
+ margin-bottom: var(--bal-space-xxx-large) !important;
338
+ }
339
+
340
+ .my-xxxx-large {
341
+ margin-top: var(--bal-space-xxxx-large) !important;
342
+ margin-bottom: var(--bal-space-xxxx-large) !important;
343
+ }
344
+
345
+ @media screen and (min-width: 769px), print {
346
+ .my-none {
347
+ margin-top: 0 !important;
348
+ margin-bottom: 0 !important;
349
+ }
350
+ .my-auto {
351
+ margin-top: auto !important;
352
+ margin-bottom: auto !important;
353
+ }
354
+ .my-xx-small {
355
+ margin-top: var(--bal-space-xx-small-tablet) !important;
356
+ margin-bottom: var(--bal-space-xx-small-tablet) !important;
357
+ }
358
+ .my-x-small {
359
+ margin-top: var(--bal-space-x-small-tablet) !important;
360
+ margin-bottom: var(--bal-space-x-small-tablet) !important;
361
+ }
362
+ .my-small {
363
+ margin-top: var(--bal-space-small-tablet) !important;
364
+ margin-bottom: var(--bal-space-small-tablet) !important;
365
+ }
366
+ .my-normal {
367
+ margin-top: var(--bal-space-normal-tablet) !important;
368
+ margin-bottom: var(--bal-space-normal-tablet) !important;
369
+ }
370
+ .my-medium {
371
+ margin-top: var(--bal-space-medium-tablet) !important;
372
+ margin-bottom: var(--bal-space-medium-tablet) !important;
373
+ }
374
+ .my-large {
375
+ margin-top: var(--bal-space-large-tablet) !important;
376
+ margin-bottom: var(--bal-space-large-tablet) !important;
377
+ }
378
+ .my-x-large {
379
+ margin-top: var(--bal-space-x-large-tablet) !important;
380
+ margin-bottom: var(--bal-space-x-large-tablet) !important;
381
+ }
382
+ .my-xx-large {
383
+ margin-top: var(--bal-space-xx-large-tablet) !important;
384
+ margin-bottom: var(--bal-space-xx-large-tablet) !important;
385
+ }
386
+ .my-xxx-large {
387
+ margin-top: var(--bal-space-xxx-large-tablet) !important;
388
+ margin-bottom: var(--bal-space-xxx-large-tablet) !important;
389
+ }
390
+ .my-xxxx-large {
391
+ margin-top: var(--bal-space-xxxx-large-tablet) !important;
392
+ margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
393
+ }
394
+ }
395
+ @media screen and (min-width: 1024px) {
396
+ .my-none {
397
+ margin-top: 0 !important;
398
+ margin-bottom: 0 !important;
399
+ }
400
+ .my-auto {
401
+ margin-top: auto !important;
402
+ margin-bottom: auto !important;
403
+ }
404
+ .my-xx-small {
405
+ margin-top: var(--bal-space-xx-small-desktop) !important;
406
+ margin-bottom: var(--bal-space-xx-small-desktop) !important;
407
+ }
408
+ .my-x-small {
409
+ margin-top: var(--bal-space-x-small-desktop) !important;
410
+ margin-bottom: var(--bal-space-x-small-desktop) !important;
411
+ }
412
+ .my-small {
413
+ margin-top: var(--bal-space-small-desktop) !important;
414
+ margin-bottom: var(--bal-space-small-desktop) !important;
415
+ }
416
+ .my-normal {
417
+ margin-top: var(--bal-space-normal-desktop) !important;
418
+ margin-bottom: var(--bal-space-normal-desktop) !important;
419
+ }
420
+ .my-medium {
421
+ margin-top: var(--bal-space-medium-desktop) !important;
422
+ margin-bottom: var(--bal-space-medium-desktop) !important;
423
+ }
424
+ .my-large {
425
+ margin-top: var(--bal-space-large-desktop) !important;
426
+ margin-bottom: var(--bal-space-large-desktop) !important;
427
+ }
428
+ .my-x-large {
429
+ margin-top: var(--bal-space-x-large-desktop) !important;
430
+ margin-bottom: var(--bal-space-x-large-desktop) !important;
431
+ }
432
+ .my-xx-large {
433
+ margin-top: var(--bal-space-xx-large-desktop) !important;
434
+ margin-bottom: var(--bal-space-xx-large-desktop) !important;
435
+ }
436
+ .my-xxx-large {
437
+ margin-top: var(--bal-space-xxx-large-desktop) !important;
438
+ margin-bottom: var(--bal-space-xxx-large-desktop) !important;
439
+ }
440
+ .my-xxxx-large {
441
+ margin-top: var(--bal-space-xxxx-large-desktop) !important;
442
+ margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
443
+ }
444
+ }
445
+ .mt-none {
446
+ margin-top: 0 !important;
447
+ }
448
+
449
+ .mt-auto {
450
+ margin-top: auto !important;
451
+ }
452
+
453
+ .mt-xx-small {
454
+ margin-top: var(--bal-space-xx-small) !important;
455
+ }
456
+
457
+ .mt-x-small {
458
+ margin-top: var(--bal-space-x-small) !important;
459
+ }
460
+
461
+ .mt-small {
462
+ margin-top: var(--bal-space-small) !important;
463
+ }
464
+
465
+ .mt-normal {
466
+ margin-top: var(--bal-space-normal) !important;
467
+ }
468
+
469
+ .mt-medium {
470
+ margin-top: var(--bal-space-medium) !important;
471
+ }
472
+
473
+ .mt-large {
474
+ margin-top: var(--bal-space-large) !important;
475
+ }
476
+
477
+ .mt-x-large {
478
+ margin-top: var(--bal-space-x-large) !important;
479
+ }
480
+
481
+ .mt-xx-large {
482
+ margin-top: var(--bal-space-xx-large) !important;
483
+ }
484
+
485
+ .mt-xxx-large {
486
+ margin-top: var(--bal-space-xxx-large) !important;
487
+ }
488
+
489
+ .mt-xxxx-large {
490
+ margin-top: var(--bal-space-xxxx-large) !important;
491
+ }
492
+
493
+ @media screen and (min-width: 769px), print {
494
+ .mt-none {
495
+ margin-top: 0 !important;
496
+ }
497
+ .mt-auto {
498
+ margin-top: auto !important;
499
+ }
500
+ .mt-xx-small {
501
+ margin-top: var(--bal-space-xx-small-tablet) !important;
502
+ }
503
+ .mt-x-small {
504
+ margin-top: var(--bal-space-x-small-tablet) !important;
505
+ }
506
+ .mt-small {
507
+ margin-top: var(--bal-space-small-tablet) !important;
508
+ }
509
+ .mt-normal {
510
+ margin-top: var(--bal-space-normal-tablet) !important;
511
+ }
512
+ .mt-medium {
513
+ margin-top: var(--bal-space-medium-tablet) !important;
514
+ }
515
+ .mt-large {
516
+ margin-top: var(--bal-space-large-tablet) !important;
517
+ }
518
+ .mt-x-large {
519
+ margin-top: var(--bal-space-x-large-tablet) !important;
520
+ }
521
+ .mt-xx-large {
522
+ margin-top: var(--bal-space-xx-large-tablet) !important;
523
+ }
524
+ .mt-xxx-large {
525
+ margin-top: var(--bal-space-xxx-large-tablet) !important;
526
+ }
527
+ .mt-xxxx-large {
528
+ margin-top: var(--bal-space-xxxx-large-tablet) !important;
529
+ }
530
+ }
531
+ @media screen and (min-width: 1024px) {
532
+ .mt-none {
533
+ margin-top: 0 !important;
534
+ }
535
+ .mt-auto {
536
+ margin-top: auto !important;
537
+ }
538
+ .mt-xx-small {
539
+ margin-top: var(--bal-space-xx-small-desktop) !important;
540
+ }
541
+ .mt-x-small {
542
+ margin-top: var(--bal-space-x-small-desktop) !important;
543
+ }
544
+ .mt-small {
545
+ margin-top: var(--bal-space-small-desktop) !important;
546
+ }
547
+ .mt-normal {
548
+ margin-top: var(--bal-space-normal-desktop) !important;
549
+ }
550
+ .mt-medium {
551
+ margin-top: var(--bal-space-medium-desktop) !important;
552
+ }
553
+ .mt-large {
554
+ margin-top: var(--bal-space-large-desktop) !important;
555
+ }
556
+ .mt-x-large {
557
+ margin-top: var(--bal-space-x-large-desktop) !important;
558
+ }
559
+ .mt-xx-large {
560
+ margin-top: var(--bal-space-xx-large-desktop) !important;
561
+ }
562
+ .mt-xxx-large {
563
+ margin-top: var(--bal-space-xxx-large-desktop) !important;
564
+ }
565
+ .mt-xxxx-large {
566
+ margin-top: var(--bal-space-xxxx-large-desktop) !important;
567
+ }
568
+ }
569
+ .mr-none {
570
+ margin-right: 0 !important;
571
+ }
572
+
573
+ .mr-auto {
574
+ margin-right: auto !important;
575
+ }
576
+
577
+ .mr-xx-small {
578
+ margin-right: var(--bal-space-xx-small) !important;
579
+ }
580
+
581
+ .mr-x-small {
582
+ margin-right: var(--bal-space-x-small) !important;
583
+ }
584
+
585
+ .mr-small {
586
+ margin-right: var(--bal-space-small) !important;
587
+ }
588
+
589
+ .mr-normal {
590
+ margin-right: var(--bal-space-normal) !important;
591
+ }
592
+
593
+ .mr-medium {
594
+ margin-right: var(--bal-space-medium) !important;
595
+ }
596
+
597
+ .mr-large {
598
+ margin-right: var(--bal-space-large) !important;
599
+ }
600
+
601
+ .mr-x-large {
602
+ margin-right: var(--bal-space-x-large) !important;
603
+ }
604
+
605
+ .mr-xx-large {
606
+ margin-right: var(--bal-space-xx-large) !important;
607
+ }
608
+
609
+ .mr-xxx-large {
610
+ margin-right: var(--bal-space-xxx-large) !important;
611
+ }
612
+
613
+ .mr-xxxx-large {
614
+ margin-right: var(--bal-space-xxxx-large) !important;
615
+ }
616
+
617
+ @media screen and (min-width: 769px), print {
618
+ .mr-none {
619
+ margin-right: 0 !important;
620
+ }
621
+ .mr-auto {
622
+ margin-right: auto !important;
623
+ }
624
+ .mr-xx-small {
625
+ margin-right: var(--bal-space-xx-small-tablet) !important;
626
+ }
627
+ .mr-x-small {
628
+ margin-right: var(--bal-space-x-small-tablet) !important;
629
+ }
630
+ .mr-small {
631
+ margin-right: var(--bal-space-small-tablet) !important;
632
+ }
633
+ .mr-normal {
634
+ margin-right: var(--bal-space-normal-tablet) !important;
635
+ }
636
+ .mr-medium {
637
+ margin-right: var(--bal-space-medium-tablet) !important;
638
+ }
639
+ .mr-large {
640
+ margin-right: var(--bal-space-large-tablet) !important;
641
+ }
642
+ .mr-x-large {
643
+ margin-right: var(--bal-space-x-large-tablet) !important;
644
+ }
645
+ .mr-xx-large {
646
+ margin-right: var(--bal-space-xx-large-tablet) !important;
647
+ }
648
+ .mr-xxx-large {
649
+ margin-right: var(--bal-space-xxx-large-tablet) !important;
650
+ }
651
+ .mr-xxxx-large {
652
+ margin-right: var(--bal-space-xxxx-large-tablet) !important;
653
+ }
654
+ }
655
+ @media screen and (min-width: 1024px) {
656
+ .mr-none {
657
+ margin-right: 0 !important;
658
+ }
659
+ .mr-auto {
660
+ margin-right: auto !important;
661
+ }
662
+ .mr-xx-small {
663
+ margin-right: var(--bal-space-xx-small-desktop) !important;
664
+ }
665
+ .mr-x-small {
666
+ margin-right: var(--bal-space-x-small-desktop) !important;
667
+ }
668
+ .mr-small {
669
+ margin-right: var(--bal-space-small-desktop) !important;
670
+ }
671
+ .mr-normal {
672
+ margin-right: var(--bal-space-normal-desktop) !important;
673
+ }
674
+ .mr-medium {
675
+ margin-right: var(--bal-space-medium-desktop) !important;
676
+ }
677
+ .mr-large {
678
+ margin-right: var(--bal-space-large-desktop) !important;
679
+ }
680
+ .mr-x-large {
681
+ margin-right: var(--bal-space-x-large-desktop) !important;
682
+ }
683
+ .mr-xx-large {
684
+ margin-right: var(--bal-space-xx-large-desktop) !important;
685
+ }
686
+ .mr-xxx-large {
687
+ margin-right: var(--bal-space-xxx-large-desktop) !important;
688
+ }
689
+ .mr-xxxx-large {
690
+ margin-right: var(--bal-space-xxxx-large-desktop) !important;
691
+ }
692
+ }
693
+ .mb-none {
694
+ margin-bottom: 0 !important;
695
+ }
696
+
697
+ .mb-auto {
698
+ margin-bottom: auto !important;
699
+ }
700
+
701
+ .mb-xx-small {
702
+ margin-bottom: var(--bal-space-xx-small) !important;
703
+ }
704
+
705
+ .mb-x-small {
706
+ margin-bottom: var(--bal-space-x-small) !important;
707
+ }
708
+
709
+ .mb-small {
710
+ margin-bottom: var(--bal-space-small) !important;
711
+ }
712
+
713
+ .mb-normal {
714
+ margin-bottom: var(--bal-space-normal) !important;
715
+ }
716
+
717
+ .mb-medium {
718
+ margin-bottom: var(--bal-space-medium) !important;
719
+ }
720
+
721
+ .mb-large {
722
+ margin-bottom: var(--bal-space-large) !important;
723
+ }
724
+
725
+ .mb-x-large {
726
+ margin-bottom: var(--bal-space-x-large) !important;
727
+ }
728
+
729
+ .mb-xx-large {
730
+ margin-bottom: var(--bal-space-xx-large) !important;
731
+ }
732
+
733
+ .mb-xxx-large {
734
+ margin-bottom: var(--bal-space-xxx-large) !important;
735
+ }
736
+
737
+ .mb-xxxx-large {
738
+ margin-bottom: var(--bal-space-xxxx-large) !important;
739
+ }
740
+
741
+ @media screen and (min-width: 769px), print {
742
+ .mb-none {
743
+ margin-bottom: 0 !important;
744
+ }
745
+ .mb-auto {
746
+ margin-bottom: auto !important;
747
+ }
748
+ .mb-xx-small {
749
+ margin-bottom: var(--bal-space-xx-small-tablet) !important;
750
+ }
751
+ .mb-x-small {
752
+ margin-bottom: var(--bal-space-x-small-tablet) !important;
753
+ }
754
+ .mb-small {
755
+ margin-bottom: var(--bal-space-small-tablet) !important;
756
+ }
757
+ .mb-normal {
758
+ margin-bottom: var(--bal-space-normal-tablet) !important;
759
+ }
760
+ .mb-medium {
761
+ margin-bottom: var(--bal-space-medium-tablet) !important;
762
+ }
763
+ .mb-large {
764
+ margin-bottom: var(--bal-space-large-tablet) !important;
765
+ }
766
+ .mb-x-large {
767
+ margin-bottom: var(--bal-space-x-large-tablet) !important;
768
+ }
769
+ .mb-xx-large {
770
+ margin-bottom: var(--bal-space-xx-large-tablet) !important;
771
+ }
772
+ .mb-xxx-large {
773
+ margin-bottom: var(--bal-space-xxx-large-tablet) !important;
774
+ }
775
+ .mb-xxxx-large {
776
+ margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
777
+ }
778
+ }
779
+ @media screen and (min-width: 1024px) {
780
+ .mb-none {
781
+ margin-bottom: 0 !important;
782
+ }
783
+ .mb-auto {
784
+ margin-bottom: auto !important;
785
+ }
786
+ .mb-xx-small {
787
+ margin-bottom: var(--bal-space-xx-small-desktop) !important;
788
+ }
789
+ .mb-x-small {
790
+ margin-bottom: var(--bal-space-x-small-desktop) !important;
791
+ }
792
+ .mb-small {
793
+ margin-bottom: var(--bal-space-small-desktop) !important;
794
+ }
795
+ .mb-normal {
796
+ margin-bottom: var(--bal-space-normal-desktop) !important;
797
+ }
798
+ .mb-medium {
799
+ margin-bottom: var(--bal-space-medium-desktop) !important;
800
+ }
801
+ .mb-large {
802
+ margin-bottom: var(--bal-space-large-desktop) !important;
803
+ }
804
+ .mb-x-large {
805
+ margin-bottom: var(--bal-space-x-large-desktop) !important;
806
+ }
807
+ .mb-xx-large {
808
+ margin-bottom: var(--bal-space-xx-large-desktop) !important;
809
+ }
810
+ .mb-xxx-large {
811
+ margin-bottom: var(--bal-space-xxx-large-desktop) !important;
812
+ }
813
+ .mb-xxxx-large {
814
+ margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
815
+ }
816
+ }
817
+ .ml-none {
818
+ margin-left: 0 !important;
819
+ }
820
+
821
+ .ml-auto {
822
+ margin-left: auto !important;
823
+ }
824
+
825
+ .ml-xx-small {
826
+ margin-left: var(--bal-space-xx-small) !important;
827
+ }
828
+
829
+ .ml-x-small {
830
+ margin-left: var(--bal-space-x-small) !important;
831
+ }
832
+
833
+ .ml-small {
834
+ margin-left: var(--bal-space-small) !important;
835
+ }
836
+
837
+ .ml-normal {
838
+ margin-left: var(--bal-space-normal) !important;
839
+ }
840
+
841
+ .ml-medium {
842
+ margin-left: var(--bal-space-medium) !important;
843
+ }
844
+
845
+ .ml-large {
846
+ margin-left: var(--bal-space-large) !important;
847
+ }
848
+
849
+ .ml-x-large {
850
+ margin-left: var(--bal-space-x-large) !important;
851
+ }
852
+
853
+ .ml-xx-large {
854
+ margin-left: var(--bal-space-xx-large) !important;
855
+ }
856
+
857
+ .ml-xxx-large {
858
+ margin-left: var(--bal-space-xxx-large) !important;
859
+ }
860
+
861
+ .ml-xxxx-large {
862
+ margin-left: var(--bal-space-xxxx-large) !important;
863
+ }
864
+
865
+ @media screen and (min-width: 769px), print {
866
+ .ml-none {
867
+ margin-left: 0 !important;
868
+ }
869
+ .ml-auto {
870
+ margin-left: auto !important;
871
+ }
872
+ .ml-xx-small {
873
+ margin-left: var(--bal-space-xx-small-tablet) !important;
874
+ }
875
+ .ml-x-small {
876
+ margin-left: var(--bal-space-x-small-tablet) !important;
877
+ }
878
+ .ml-small {
879
+ margin-left: var(--bal-space-small-tablet) !important;
880
+ }
881
+ .ml-normal {
882
+ margin-left: var(--bal-space-normal-tablet) !important;
883
+ }
884
+ .ml-medium {
885
+ margin-left: var(--bal-space-medium-tablet) !important;
886
+ }
887
+ .ml-large {
888
+ margin-left: var(--bal-space-large-tablet) !important;
889
+ }
890
+ .ml-x-large {
891
+ margin-left: var(--bal-space-x-large-tablet) !important;
892
+ }
893
+ .ml-xx-large {
894
+ margin-left: var(--bal-space-xx-large-tablet) !important;
895
+ }
896
+ .ml-xxx-large {
897
+ margin-left: var(--bal-space-xxx-large-tablet) !important;
898
+ }
899
+ .ml-xxxx-large {
900
+ margin-left: var(--bal-space-xxxx-large-tablet) !important;
901
+ }
902
+ }
903
+ @media screen and (min-width: 1024px) {
904
+ .ml-none {
905
+ margin-left: 0 !important;
906
+ }
907
+ .ml-auto {
908
+ margin-left: auto !important;
909
+ }
910
+ .ml-xx-small {
911
+ margin-left: var(--bal-space-xx-small-desktop) !important;
912
+ }
913
+ .ml-x-small {
914
+ margin-left: var(--bal-space-x-small-desktop) !important;
915
+ }
916
+ .ml-small {
917
+ margin-left: var(--bal-space-small-desktop) !important;
918
+ }
919
+ .ml-normal {
920
+ margin-left: var(--bal-space-normal-desktop) !important;
921
+ }
922
+ .ml-medium {
923
+ margin-left: var(--bal-space-medium-desktop) !important;
924
+ }
925
+ .ml-large {
926
+ margin-left: var(--bal-space-large-desktop) !important;
927
+ }
928
+ .ml-x-large {
929
+ margin-left: var(--bal-space-x-large-desktop) !important;
930
+ }
931
+ .ml-xx-large {
932
+ margin-left: var(--bal-space-xx-large-desktop) !important;
933
+ }
934
+ .ml-xxx-large {
935
+ margin-left: var(--bal-space-xxx-large-desktop) !important;
936
+ }
937
+ .ml-xxxx-large {
938
+ margin-left: var(--bal-space-xxxx-large-desktop) !important;
939
+ }
940
+ }
941
+ .p-none {
942
+ padding: 0 !important;
943
+ }
944
+
945
+ .p-auto {
946
+ padding: auto !important;
947
+ }
948
+
949
+ .p-xx-small {
950
+ padding: var(--bal-space-xx-small) !important;
951
+ }
952
+
953
+ .p-x-small {
954
+ padding: var(--bal-space-x-small) !important;
955
+ }
956
+
957
+ .p-small {
958
+ padding: var(--bal-space-small) !important;
959
+ }
960
+
961
+ .p-normal {
962
+ padding: var(--bal-space-normal) !important;
963
+ }
964
+
965
+ .p-medium {
966
+ padding: var(--bal-space-medium) !important;
967
+ }
968
+
969
+ .p-large {
970
+ padding: var(--bal-space-large) !important;
971
+ }
972
+
973
+ .p-x-large {
974
+ padding: var(--bal-space-x-large) !important;
975
+ }
976
+
977
+ .p-xx-large {
978
+ padding: var(--bal-space-xx-large) !important;
979
+ }
980
+
981
+ .p-xxx-large {
982
+ padding: var(--bal-space-xxx-large) !important;
983
+ }
984
+
985
+ .p-xxxx-large {
986
+ padding: var(--bal-space-xxxx-large) !important;
987
+ }
988
+
989
+ @media screen and (min-width: 769px), print {
990
+ .p-none {
991
+ padding: 0 !important;
992
+ }
993
+ .p-auto {
994
+ padding: auto !important;
995
+ }
996
+ .p-xx-small {
997
+ padding: var(--bal-space-xx-small-tablet) !important;
998
+ }
999
+ .p-x-small {
1000
+ padding: var(--bal-space-x-small-tablet) !important;
1001
+ }
1002
+ .p-small {
1003
+ padding: var(--bal-space-small-tablet) !important;
1004
+ }
1005
+ .p-normal {
1006
+ padding: var(--bal-space-normal-tablet) !important;
1007
+ }
1008
+ .p-medium {
1009
+ padding: var(--bal-space-medium-tablet) !important;
1010
+ }
1011
+ .p-large {
1012
+ padding: var(--bal-space-large-tablet) !important;
1013
+ }
1014
+ .p-x-large {
1015
+ padding: var(--bal-space-x-large-tablet) !important;
1016
+ }
1017
+ .p-xx-large {
1018
+ padding: var(--bal-space-xx-large-tablet) !important;
1019
+ }
1020
+ .p-xxx-large {
1021
+ padding: var(--bal-space-xxx-large-tablet) !important;
1022
+ }
1023
+ .p-xxxx-large {
1024
+ padding: var(--bal-space-xxxx-large-tablet) !important;
1025
+ }
1026
+ }
1027
+ @media screen and (min-width: 1024px) {
1028
+ .p-none {
1029
+ padding: 0 !important;
1030
+ }
1031
+ .p-auto {
1032
+ padding: auto !important;
1033
+ }
1034
+ .p-xx-small {
1035
+ padding: var(--bal-space-xx-small-desktop) !important;
1036
+ }
1037
+ .p-x-small {
1038
+ padding: var(--bal-space-x-small-desktop) !important;
1039
+ }
1040
+ .p-small {
1041
+ padding: var(--bal-space-small-desktop) !important;
1042
+ }
1043
+ .p-normal {
1044
+ padding: var(--bal-space-normal-desktop) !important;
1045
+ }
1046
+ .p-medium {
1047
+ padding: var(--bal-space-medium-desktop) !important;
1048
+ }
1049
+ .p-large {
1050
+ padding: var(--bal-space-large-desktop) !important;
1051
+ }
1052
+ .p-x-large {
1053
+ padding: var(--bal-space-x-large-desktop) !important;
1054
+ }
1055
+ .p-xx-large {
1056
+ padding: var(--bal-space-xx-large-desktop) !important;
1057
+ }
1058
+ .p-xxx-large {
1059
+ padding: var(--bal-space-xxx-large-desktop) !important;
1060
+ }
1061
+ .p-xxxx-large {
1062
+ padding: var(--bal-space-xxxx-large-desktop) !important;
1063
+ }
1064
+ }
1065
+ .px-none {
1066
+ padding-left: 0 !important;
1067
+ padding-right: 0 !important;
1068
+ }
1069
+
1070
+ .px-auto {
1071
+ padding-left: auto !important;
1072
+ padding-right: auto !important;
1073
+ }
1074
+
1075
+ .px-xx-small {
1076
+ padding-left: var(--bal-space-xx-small) !important;
1077
+ padding-right: var(--bal-space-xx-small) !important;
1078
+ }
1079
+
1080
+ .px-x-small {
1081
+ padding-left: var(--bal-space-x-small) !important;
1082
+ padding-right: var(--bal-space-x-small) !important;
1083
+ }
1084
+
1085
+ .px-small {
1086
+ padding-left: var(--bal-space-small) !important;
1087
+ padding-right: var(--bal-space-small) !important;
1088
+ }
1089
+
1090
+ .px-normal {
1091
+ padding-left: var(--bal-space-normal) !important;
1092
+ padding-right: var(--bal-space-normal) !important;
1093
+ }
1094
+
1095
+ .px-medium {
1096
+ padding-left: var(--bal-space-medium) !important;
1097
+ padding-right: var(--bal-space-medium) !important;
1098
+ }
1099
+
1100
+ .px-large {
1101
+ padding-left: var(--bal-space-large) !important;
1102
+ padding-right: var(--bal-space-large) !important;
1103
+ }
1104
+
1105
+ .px-x-large {
1106
+ padding-left: var(--bal-space-x-large) !important;
1107
+ padding-right: var(--bal-space-x-large) !important;
1108
+ }
1109
+
1110
+ .px-xx-large {
1111
+ padding-left: var(--bal-space-xx-large) !important;
1112
+ padding-right: var(--bal-space-xx-large) !important;
1113
+ }
1114
+
1115
+ .px-xxx-large {
1116
+ padding-left: var(--bal-space-xxx-large) !important;
1117
+ padding-right: var(--bal-space-xxx-large) !important;
1118
+ }
1119
+
1120
+ .px-xxxx-large {
1121
+ padding-left: var(--bal-space-xxxx-large) !important;
1122
+ padding-right: var(--bal-space-xxxx-large) !important;
1123
+ }
1124
+
1125
+ @media screen and (min-width: 769px), print {
1126
+ .px-none {
1127
+ padding-left: 0 !important;
1128
+ padding-right: 0 !important;
1129
+ }
1130
+ .px-auto {
1131
+ padding-left: auto !important;
1132
+ padding-right: auto !important;
1133
+ }
1134
+ .px-xx-small {
1135
+ padding-left: var(--bal-space-xx-small-tablet) !important;
1136
+ padding-right: var(--bal-space-xx-small-tablet) !important;
1137
+ }
1138
+ .px-x-small {
1139
+ padding-left: var(--bal-space-x-small-tablet) !important;
1140
+ padding-right: var(--bal-space-x-small-tablet) !important;
1141
+ }
1142
+ .px-small {
1143
+ padding-left: var(--bal-space-small-tablet) !important;
1144
+ padding-right: var(--bal-space-small-tablet) !important;
1145
+ }
1146
+ .px-normal {
1147
+ padding-left: var(--bal-space-normal-tablet) !important;
1148
+ padding-right: var(--bal-space-normal-tablet) !important;
1149
+ }
1150
+ .px-medium {
1151
+ padding-left: var(--bal-space-medium-tablet) !important;
1152
+ padding-right: var(--bal-space-medium-tablet) !important;
1153
+ }
1154
+ .px-large {
1155
+ padding-left: var(--bal-space-large-tablet) !important;
1156
+ padding-right: var(--bal-space-large-tablet) !important;
1157
+ }
1158
+ .px-x-large {
1159
+ padding-left: var(--bal-space-x-large-tablet) !important;
1160
+ padding-right: var(--bal-space-x-large-tablet) !important;
1161
+ }
1162
+ .px-xx-large {
1163
+ padding-left: var(--bal-space-xx-large-tablet) !important;
1164
+ padding-right: var(--bal-space-xx-large-tablet) !important;
1165
+ }
1166
+ .px-xxx-large {
1167
+ padding-left: var(--bal-space-xxx-large-tablet) !important;
1168
+ padding-right: var(--bal-space-xxx-large-tablet) !important;
1169
+ }
1170
+ .px-xxxx-large {
1171
+ padding-left: var(--bal-space-xxxx-large-tablet) !important;
1172
+ padding-right: var(--bal-space-xxxx-large-tablet) !important;
1173
+ }
1174
+ }
1175
+ @media screen and (min-width: 1024px) {
1176
+ .px-none {
1177
+ padding-left: 0 !important;
1178
+ padding-right: 0 !important;
1179
+ }
1180
+ .px-auto {
1181
+ padding-left: auto !important;
1182
+ padding-right: auto !important;
1183
+ }
1184
+ .px-xx-small {
1185
+ padding-left: var(--bal-space-xx-small-desktop) !important;
1186
+ padding-right: var(--bal-space-xx-small-desktop) !important;
1187
+ }
1188
+ .px-x-small {
1189
+ padding-left: var(--bal-space-x-small-desktop) !important;
1190
+ padding-right: var(--bal-space-x-small-desktop) !important;
1191
+ }
1192
+ .px-small {
1193
+ padding-left: var(--bal-space-small-desktop) !important;
1194
+ padding-right: var(--bal-space-small-desktop) !important;
1195
+ }
1196
+ .px-normal {
1197
+ padding-left: var(--bal-space-normal-desktop) !important;
1198
+ padding-right: var(--bal-space-normal-desktop) !important;
1199
+ }
1200
+ .px-medium {
1201
+ padding-left: var(--bal-space-medium-desktop) !important;
1202
+ padding-right: var(--bal-space-medium-desktop) !important;
1203
+ }
1204
+ .px-large {
1205
+ padding-left: var(--bal-space-large-desktop) !important;
1206
+ padding-right: var(--bal-space-large-desktop) !important;
1207
+ }
1208
+ .px-x-large {
1209
+ padding-left: var(--bal-space-x-large-desktop) !important;
1210
+ padding-right: var(--bal-space-x-large-desktop) !important;
1211
+ }
1212
+ .px-xx-large {
1213
+ padding-left: var(--bal-space-xx-large-desktop) !important;
1214
+ padding-right: var(--bal-space-xx-large-desktop) !important;
1215
+ }
1216
+ .px-xxx-large {
1217
+ padding-left: var(--bal-space-xxx-large-desktop) !important;
1218
+ padding-right: var(--bal-space-xxx-large-desktop) !important;
1219
+ }
1220
+ .px-xxxx-large {
1221
+ padding-left: var(--bal-space-xxxx-large-desktop) !important;
1222
+ padding-right: var(--bal-space-xxxx-large-desktop) !important;
1223
+ }
1224
+ }
1225
+ .py-none {
1226
+ padding-top: 0 !important;
1227
+ padding-bottom: 0 !important;
1228
+ }
1229
+
1230
+ .py-auto {
1231
+ padding-top: auto !important;
1232
+ padding-bottom: auto !important;
1233
+ }
1234
+
1235
+ .py-xx-small {
1236
+ padding-top: var(--bal-space-xx-small) !important;
1237
+ padding-bottom: var(--bal-space-xx-small) !important;
1238
+ }
1239
+
1240
+ .py-x-small {
1241
+ padding-top: var(--bal-space-x-small) !important;
1242
+ padding-bottom: var(--bal-space-x-small) !important;
1243
+ }
1244
+
1245
+ .py-small {
1246
+ padding-top: var(--bal-space-small) !important;
1247
+ padding-bottom: var(--bal-space-small) !important;
1248
+ }
1249
+
1250
+ .py-normal {
1251
+ padding-top: var(--bal-space-normal) !important;
1252
+ padding-bottom: var(--bal-space-normal) !important;
1253
+ }
1254
+
1255
+ .py-medium {
1256
+ padding-top: var(--bal-space-medium) !important;
1257
+ padding-bottom: var(--bal-space-medium) !important;
1258
+ }
1259
+
1260
+ .py-large {
1261
+ padding-top: var(--bal-space-large) !important;
1262
+ padding-bottom: var(--bal-space-large) !important;
1263
+ }
1264
+
1265
+ .py-x-large {
1266
+ padding-top: var(--bal-space-x-large) !important;
1267
+ padding-bottom: var(--bal-space-x-large) !important;
1268
+ }
1269
+
1270
+ .py-xx-large {
1271
+ padding-top: var(--bal-space-xx-large) !important;
1272
+ padding-bottom: var(--bal-space-xx-large) !important;
1273
+ }
1274
+
1275
+ .py-xxx-large {
1276
+ padding-top: var(--bal-space-xxx-large) !important;
1277
+ padding-bottom: var(--bal-space-xxx-large) !important;
1278
+ }
1279
+
1280
+ .py-xxxx-large {
1281
+ padding-top: var(--bal-space-xxxx-large) !important;
1282
+ padding-bottom: var(--bal-space-xxxx-large) !important;
1283
+ }
1284
+
1285
+ @media screen and (min-width: 769px), print {
1286
+ .py-none {
1287
+ padding-top: 0 !important;
1288
+ padding-bottom: 0 !important;
1289
+ }
1290
+ .py-auto {
1291
+ padding-top: auto !important;
1292
+ padding-bottom: auto !important;
1293
+ }
1294
+ .py-xx-small {
1295
+ padding-top: var(--bal-space-xx-small-tablet) !important;
1296
+ padding-bottom: var(--bal-space-xx-small-tablet) !important;
1297
+ }
1298
+ .py-x-small {
1299
+ padding-top: var(--bal-space-x-small-tablet) !important;
1300
+ padding-bottom: var(--bal-space-x-small-tablet) !important;
1301
+ }
1302
+ .py-small {
1303
+ padding-top: var(--bal-space-small-tablet) !important;
1304
+ padding-bottom: var(--bal-space-small-tablet) !important;
1305
+ }
1306
+ .py-normal {
1307
+ padding-top: var(--bal-space-normal-tablet) !important;
1308
+ padding-bottom: var(--bal-space-normal-tablet) !important;
1309
+ }
1310
+ .py-medium {
1311
+ padding-top: var(--bal-space-medium-tablet) !important;
1312
+ padding-bottom: var(--bal-space-medium-tablet) !important;
1313
+ }
1314
+ .py-large {
1315
+ padding-top: var(--bal-space-large-tablet) !important;
1316
+ padding-bottom: var(--bal-space-large-tablet) !important;
1317
+ }
1318
+ .py-x-large {
1319
+ padding-top: var(--bal-space-x-large-tablet) !important;
1320
+ padding-bottom: var(--bal-space-x-large-tablet) !important;
1321
+ }
1322
+ .py-xx-large {
1323
+ padding-top: var(--bal-space-xx-large-tablet) !important;
1324
+ padding-bottom: var(--bal-space-xx-large-tablet) !important;
1325
+ }
1326
+ .py-xxx-large {
1327
+ padding-top: var(--bal-space-xxx-large-tablet) !important;
1328
+ padding-bottom: var(--bal-space-xxx-large-tablet) !important;
1329
+ }
1330
+ .py-xxxx-large {
1331
+ padding-top: var(--bal-space-xxxx-large-tablet) !important;
1332
+ padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
1333
+ }
1334
+ }
1335
+ @media screen and (min-width: 1024px) {
1336
+ .py-none {
1337
+ padding-top: 0 !important;
1338
+ padding-bottom: 0 !important;
1339
+ }
1340
+ .py-auto {
1341
+ padding-top: auto !important;
1342
+ padding-bottom: auto !important;
1343
+ }
1344
+ .py-xx-small {
1345
+ padding-top: var(--bal-space-xx-small-desktop) !important;
1346
+ padding-bottom: var(--bal-space-xx-small-desktop) !important;
1347
+ }
1348
+ .py-x-small {
1349
+ padding-top: var(--bal-space-x-small-desktop) !important;
1350
+ padding-bottom: var(--bal-space-x-small-desktop) !important;
1351
+ }
1352
+ .py-small {
1353
+ padding-top: var(--bal-space-small-desktop) !important;
1354
+ padding-bottom: var(--bal-space-small-desktop) !important;
1355
+ }
1356
+ .py-normal {
1357
+ padding-top: var(--bal-space-normal-desktop) !important;
1358
+ padding-bottom: var(--bal-space-normal-desktop) !important;
1359
+ }
1360
+ .py-medium {
1361
+ padding-top: var(--bal-space-medium-desktop) !important;
1362
+ padding-bottom: var(--bal-space-medium-desktop) !important;
1363
+ }
1364
+ .py-large {
1365
+ padding-top: var(--bal-space-large-desktop) !important;
1366
+ padding-bottom: var(--bal-space-large-desktop) !important;
1367
+ }
1368
+ .py-x-large {
1369
+ padding-top: var(--bal-space-x-large-desktop) !important;
1370
+ padding-bottom: var(--bal-space-x-large-desktop) !important;
1371
+ }
1372
+ .py-xx-large {
1373
+ padding-top: var(--bal-space-xx-large-desktop) !important;
1374
+ padding-bottom: var(--bal-space-xx-large-desktop) !important;
1375
+ }
1376
+ .py-xxx-large {
1377
+ padding-top: var(--bal-space-xxx-large-desktop) !important;
1378
+ padding-bottom: var(--bal-space-xxx-large-desktop) !important;
1379
+ }
1380
+ .py-xxxx-large {
1381
+ padding-top: var(--bal-space-xxxx-large-desktop) !important;
1382
+ padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
1383
+ }
1384
+ }
1385
+ .pt-none {
1386
+ padding-top: 0 !important;
1387
+ }
1388
+
1389
+ .pt-auto {
1390
+ padding-top: auto !important;
1391
+ }
1392
+
1393
+ .pt-xx-small {
1394
+ padding-top: var(--bal-space-xx-small) !important;
1395
+ }
1396
+
1397
+ .pt-x-small {
1398
+ padding-top: var(--bal-space-x-small) !important;
1399
+ }
1400
+
1401
+ .pt-small {
1402
+ padding-top: var(--bal-space-small) !important;
1403
+ }
1404
+
1405
+ .pt-normal {
1406
+ padding-top: var(--bal-space-normal) !important;
1407
+ }
1408
+
1409
+ .pt-medium {
1410
+ padding-top: var(--bal-space-medium) !important;
1411
+ }
1412
+
1413
+ .pt-large {
1414
+ padding-top: var(--bal-space-large) !important;
1415
+ }
1416
+
1417
+ .pt-x-large {
1418
+ padding-top: var(--bal-space-x-large) !important;
1419
+ }
1420
+
1421
+ .pt-xx-large {
1422
+ padding-top: var(--bal-space-xx-large) !important;
1423
+ }
1424
+
1425
+ .pt-xxx-large {
1426
+ padding-top: var(--bal-space-xxx-large) !important;
1427
+ }
1428
+
1429
+ .pt-xxxx-large {
1430
+ padding-top: var(--bal-space-xxxx-large) !important;
1431
+ }
1432
+
1433
+ @media screen and (min-width: 769px), print {
1434
+ .pt-none {
1435
+ padding-top: 0 !important;
1436
+ }
1437
+ .pt-auto {
1438
+ padding-top: auto !important;
1439
+ }
1440
+ .pt-xx-small {
1441
+ padding-top: var(--bal-space-xx-small-tablet) !important;
1442
+ }
1443
+ .pt-x-small {
1444
+ padding-top: var(--bal-space-x-small-tablet) !important;
1445
+ }
1446
+ .pt-small {
1447
+ padding-top: var(--bal-space-small-tablet) !important;
1448
+ }
1449
+ .pt-normal {
1450
+ padding-top: var(--bal-space-normal-tablet) !important;
1451
+ }
1452
+ .pt-medium {
1453
+ padding-top: var(--bal-space-medium-tablet) !important;
1454
+ }
1455
+ .pt-large {
1456
+ padding-top: var(--bal-space-large-tablet) !important;
1457
+ }
1458
+ .pt-x-large {
1459
+ padding-top: var(--bal-space-x-large-tablet) !important;
1460
+ }
1461
+ .pt-xx-large {
1462
+ padding-top: var(--bal-space-xx-large-tablet) !important;
1463
+ }
1464
+ .pt-xxx-large {
1465
+ padding-top: var(--bal-space-xxx-large-tablet) !important;
1466
+ }
1467
+ .pt-xxxx-large {
1468
+ padding-top: var(--bal-space-xxxx-large-tablet) !important;
1469
+ }
1470
+ }
1471
+ @media screen and (min-width: 1024px) {
1472
+ .pt-none {
1473
+ padding-top: 0 !important;
1474
+ }
1475
+ .pt-auto {
1476
+ padding-top: auto !important;
1477
+ }
1478
+ .pt-xx-small {
1479
+ padding-top: var(--bal-space-xx-small-desktop) !important;
1480
+ }
1481
+ .pt-x-small {
1482
+ padding-top: var(--bal-space-x-small-desktop) !important;
1483
+ }
1484
+ .pt-small {
1485
+ padding-top: var(--bal-space-small-desktop) !important;
1486
+ }
1487
+ .pt-normal {
1488
+ padding-top: var(--bal-space-normal-desktop) !important;
1489
+ }
1490
+ .pt-medium {
1491
+ padding-top: var(--bal-space-medium-desktop) !important;
1492
+ }
1493
+ .pt-large {
1494
+ padding-top: var(--bal-space-large-desktop) !important;
1495
+ }
1496
+ .pt-x-large {
1497
+ padding-top: var(--bal-space-x-large-desktop) !important;
1498
+ }
1499
+ .pt-xx-large {
1500
+ padding-top: var(--bal-space-xx-large-desktop) !important;
1501
+ }
1502
+ .pt-xxx-large {
1503
+ padding-top: var(--bal-space-xxx-large-desktop) !important;
1504
+ }
1505
+ .pt-xxxx-large {
1506
+ padding-top: var(--bal-space-xxxx-large-desktop) !important;
1507
+ }
1508
+ }
1509
+ .pr-none {
1510
+ padding-right: 0 !important;
1511
+ }
1512
+
1513
+ .pr-auto {
1514
+ padding-right: auto !important;
1515
+ }
1516
+
1517
+ .pr-xx-small {
1518
+ padding-right: var(--bal-space-xx-small) !important;
1519
+ }
1520
+
1521
+ .pr-x-small {
1522
+ padding-right: var(--bal-space-x-small) !important;
1523
+ }
1524
+
1525
+ .pr-small {
1526
+ padding-right: var(--bal-space-small) !important;
1527
+ }
1528
+
1529
+ .pr-normal {
1530
+ padding-right: var(--bal-space-normal) !important;
1531
+ }
1532
+
1533
+ .pr-medium {
1534
+ padding-right: var(--bal-space-medium) !important;
1535
+ }
1536
+
1537
+ .pr-large {
1538
+ padding-right: var(--bal-space-large) !important;
1539
+ }
1540
+
1541
+ .pr-x-large {
1542
+ padding-right: var(--bal-space-x-large) !important;
1543
+ }
1544
+
1545
+ .pr-xx-large {
1546
+ padding-right: var(--bal-space-xx-large) !important;
1547
+ }
1548
+
1549
+ .pr-xxx-large {
1550
+ padding-right: var(--bal-space-xxx-large) !important;
1551
+ }
1552
+
1553
+ .pr-xxxx-large {
1554
+ padding-right: var(--bal-space-xxxx-large) !important;
1555
+ }
1556
+
1557
+ @media screen and (min-width: 769px), print {
1558
+ .pr-none {
1559
+ padding-right: 0 !important;
1560
+ }
1561
+ .pr-auto {
1562
+ padding-right: auto !important;
1563
+ }
1564
+ .pr-xx-small {
1565
+ padding-right: var(--bal-space-xx-small-tablet) !important;
1566
+ }
1567
+ .pr-x-small {
1568
+ padding-right: var(--bal-space-x-small-tablet) !important;
1569
+ }
1570
+ .pr-small {
1571
+ padding-right: var(--bal-space-small-tablet) !important;
1572
+ }
1573
+ .pr-normal {
1574
+ padding-right: var(--bal-space-normal-tablet) !important;
1575
+ }
1576
+ .pr-medium {
1577
+ padding-right: var(--bal-space-medium-tablet) !important;
1578
+ }
1579
+ .pr-large {
1580
+ padding-right: var(--bal-space-large-tablet) !important;
1581
+ }
1582
+ .pr-x-large {
1583
+ padding-right: var(--bal-space-x-large-tablet) !important;
1584
+ }
1585
+ .pr-xx-large {
1586
+ padding-right: var(--bal-space-xx-large-tablet) !important;
1587
+ }
1588
+ .pr-xxx-large {
1589
+ padding-right: var(--bal-space-xxx-large-tablet) !important;
1590
+ }
1591
+ .pr-xxxx-large {
1592
+ padding-right: var(--bal-space-xxxx-large-tablet) !important;
1593
+ }
1594
+ }
1595
+ @media screen and (min-width: 1024px) {
1596
+ .pr-none {
1597
+ padding-right: 0 !important;
1598
+ }
1599
+ .pr-auto {
1600
+ padding-right: auto !important;
1601
+ }
1602
+ .pr-xx-small {
1603
+ padding-right: var(--bal-space-xx-small-desktop) !important;
1604
+ }
1605
+ .pr-x-small {
1606
+ padding-right: var(--bal-space-x-small-desktop) !important;
1607
+ }
1608
+ .pr-small {
1609
+ padding-right: var(--bal-space-small-desktop) !important;
1610
+ }
1611
+ .pr-normal {
1612
+ padding-right: var(--bal-space-normal-desktop) !important;
1613
+ }
1614
+ .pr-medium {
1615
+ padding-right: var(--bal-space-medium-desktop) !important;
1616
+ }
1617
+ .pr-large {
1618
+ padding-right: var(--bal-space-large-desktop) !important;
1619
+ }
1620
+ .pr-x-large {
1621
+ padding-right: var(--bal-space-x-large-desktop) !important;
1622
+ }
1623
+ .pr-xx-large {
1624
+ padding-right: var(--bal-space-xx-large-desktop) !important;
1625
+ }
1626
+ .pr-xxx-large {
1627
+ padding-right: var(--bal-space-xxx-large-desktop) !important;
1628
+ }
1629
+ .pr-xxxx-large {
1630
+ padding-right: var(--bal-space-xxxx-large-desktop) !important;
1631
+ }
1632
+ }
1633
+ .pb-none {
1634
+ padding-bottom: 0 !important;
1635
+ }
1636
+
1637
+ .pb-auto {
1638
+ padding-bottom: auto !important;
1639
+ }
1640
+
1641
+ .pb-xx-small {
1642
+ padding-bottom: var(--bal-space-xx-small) !important;
1643
+ }
1644
+
1645
+ .pb-x-small {
1646
+ padding-bottom: var(--bal-space-x-small) !important;
1647
+ }
1648
+
1649
+ .pb-small {
1650
+ padding-bottom: var(--bal-space-small) !important;
1651
+ }
1652
+
1653
+ .pb-normal {
1654
+ padding-bottom: var(--bal-space-normal) !important;
1655
+ }
1656
+
1657
+ .pb-medium {
1658
+ padding-bottom: var(--bal-space-medium) !important;
1659
+ }
1660
+
1661
+ .pb-large {
1662
+ padding-bottom: var(--bal-space-large) !important;
1663
+ }
1664
+
1665
+ .pb-x-large {
1666
+ padding-bottom: var(--bal-space-x-large) !important;
1667
+ }
1668
+
1669
+ .pb-xx-large {
1670
+ padding-bottom: var(--bal-space-xx-large) !important;
1671
+ }
1672
+
1673
+ .pb-xxx-large {
1674
+ padding-bottom: var(--bal-space-xxx-large) !important;
1675
+ }
1676
+
1677
+ .pb-xxxx-large {
1678
+ padding-bottom: var(--bal-space-xxxx-large) !important;
1679
+ }
1680
+
1681
+ @media screen and (min-width: 769px), print {
1682
+ .pb-none {
1683
+ padding-bottom: 0 !important;
1684
+ }
1685
+ .pb-auto {
1686
+ padding-bottom: auto !important;
1687
+ }
1688
+ .pb-xx-small {
1689
+ padding-bottom: var(--bal-space-xx-small-tablet) !important;
1690
+ }
1691
+ .pb-x-small {
1692
+ padding-bottom: var(--bal-space-x-small-tablet) !important;
1693
+ }
1694
+ .pb-small {
1695
+ padding-bottom: var(--bal-space-small-tablet) !important;
1696
+ }
1697
+ .pb-normal {
1698
+ padding-bottom: var(--bal-space-normal-tablet) !important;
1699
+ }
1700
+ .pb-medium {
1701
+ padding-bottom: var(--bal-space-medium-tablet) !important;
1702
+ }
1703
+ .pb-large {
1704
+ padding-bottom: var(--bal-space-large-tablet) !important;
1705
+ }
1706
+ .pb-x-large {
1707
+ padding-bottom: var(--bal-space-x-large-tablet) !important;
1708
+ }
1709
+ .pb-xx-large {
1710
+ padding-bottom: var(--bal-space-xx-large-tablet) !important;
1711
+ }
1712
+ .pb-xxx-large {
1713
+ padding-bottom: var(--bal-space-xxx-large-tablet) !important;
1714
+ }
1715
+ .pb-xxxx-large {
1716
+ padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
1717
+ }
1718
+ }
1719
+ @media screen and (min-width: 1024px) {
1720
+ .pb-none {
1721
+ padding-bottom: 0 !important;
1722
+ }
1723
+ .pb-auto {
1724
+ padding-bottom: auto !important;
1725
+ }
1726
+ .pb-xx-small {
1727
+ padding-bottom: var(--bal-space-xx-small-desktop) !important;
1728
+ }
1729
+ .pb-x-small {
1730
+ padding-bottom: var(--bal-space-x-small-desktop) !important;
1731
+ }
1732
+ .pb-small {
1733
+ padding-bottom: var(--bal-space-small-desktop) !important;
1734
+ }
1735
+ .pb-normal {
1736
+ padding-bottom: var(--bal-space-normal-desktop) !important;
1737
+ }
1738
+ .pb-medium {
1739
+ padding-bottom: var(--bal-space-medium-desktop) !important;
1740
+ }
1741
+ .pb-large {
1742
+ padding-bottom: var(--bal-space-large-desktop) !important;
1743
+ }
1744
+ .pb-x-large {
1745
+ padding-bottom: var(--bal-space-x-large-desktop) !important;
1746
+ }
1747
+ .pb-xx-large {
1748
+ padding-bottom: var(--bal-space-xx-large-desktop) !important;
1749
+ }
1750
+ .pb-xxx-large {
1751
+ padding-bottom: var(--bal-space-xxx-large-desktop) !important;
1752
+ }
1753
+ .pb-xxxx-large {
1754
+ padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
1755
+ }
1756
+ }
1757
+ .pl-none {
1758
+ padding-left: 0 !important;
1759
+ }
1760
+
1761
+ .pl-auto {
1762
+ padding-left: auto !important;
1763
+ }
1764
+
1765
+ .pl-xx-small {
1766
+ padding-left: var(--bal-space-xx-small) !important;
1767
+ }
1768
+
1769
+ .pl-x-small {
1770
+ padding-left: var(--bal-space-x-small) !important;
1771
+ }
1772
+
1773
+ .pl-small {
1774
+ padding-left: var(--bal-space-small) !important;
1775
+ }
1776
+
1777
+ .pl-normal {
1778
+ padding-left: var(--bal-space-normal) !important;
1779
+ }
1780
+
1781
+ .pl-medium {
1782
+ padding-left: var(--bal-space-medium) !important;
1783
+ }
1784
+
1785
+ .pl-large {
1786
+ padding-left: var(--bal-space-large) !important;
1787
+ }
1788
+
1789
+ .pl-x-large {
1790
+ padding-left: var(--bal-space-x-large) !important;
1791
+ }
1792
+
1793
+ .pl-xx-large {
1794
+ padding-left: var(--bal-space-xx-large) !important;
1795
+ }
1796
+
1797
+ .pl-xxx-large {
1798
+ padding-left: var(--bal-space-xxx-large) !important;
1799
+ }
1800
+
1801
+ .pl-xxxx-large {
1802
+ padding-left: var(--bal-space-xxxx-large) !important;
1803
+ }
1804
+
1805
+ @media screen and (min-width: 769px), print {
1806
+ .pl-none {
1807
+ padding-left: 0 !important;
1808
+ }
1809
+ .pl-auto {
1810
+ padding-left: auto !important;
1811
+ }
1812
+ .pl-xx-small {
1813
+ padding-left: var(--bal-space-xx-small-tablet) !important;
1814
+ }
1815
+ .pl-x-small {
1816
+ padding-left: var(--bal-space-x-small-tablet) !important;
1817
+ }
1818
+ .pl-small {
1819
+ padding-left: var(--bal-space-small-tablet) !important;
1820
+ }
1821
+ .pl-normal {
1822
+ padding-left: var(--bal-space-normal-tablet) !important;
1823
+ }
1824
+ .pl-medium {
1825
+ padding-left: var(--bal-space-medium-tablet) !important;
1826
+ }
1827
+ .pl-large {
1828
+ padding-left: var(--bal-space-large-tablet) !important;
1829
+ }
1830
+ .pl-x-large {
1831
+ padding-left: var(--bal-space-x-large-tablet) !important;
1832
+ }
1833
+ .pl-xx-large {
1834
+ padding-left: var(--bal-space-xx-large-tablet) !important;
1835
+ }
1836
+ .pl-xxx-large {
1837
+ padding-left: var(--bal-space-xxx-large-tablet) !important;
1838
+ }
1839
+ .pl-xxxx-large {
1840
+ padding-left: var(--bal-space-xxxx-large-tablet) !important;
1841
+ }
1842
+ }
1843
+ @media screen and (min-width: 1024px) {
1844
+ .pl-none {
1845
+ padding-left: 0 !important;
1846
+ }
1847
+ .pl-auto {
1848
+ padding-left: auto !important;
1849
+ }
1850
+ .pl-xx-small {
1851
+ padding-left: var(--bal-space-xx-small-desktop) !important;
1852
+ }
1853
+ .pl-x-small {
1854
+ padding-left: var(--bal-space-x-small-desktop) !important;
1855
+ }
1856
+ .pl-small {
1857
+ padding-left: var(--bal-space-small-desktop) !important;
1858
+ }
1859
+ .pl-normal {
1860
+ padding-left: var(--bal-space-normal-desktop) !important;
1861
+ }
1862
+ .pl-medium {
1863
+ padding-left: var(--bal-space-medium-desktop) !important;
1864
+ }
1865
+ .pl-large {
1866
+ padding-left: var(--bal-space-large-desktop) !important;
1867
+ }
1868
+ .pl-x-large {
1869
+ padding-left: var(--bal-space-x-large-desktop) !important;
1870
+ }
1871
+ .pl-xx-large {
1872
+ padding-left: var(--bal-space-xx-large-desktop) !important;
1873
+ }
1874
+ .pl-xxx-large {
1875
+ padding-left: var(--bal-space-xxx-large-desktop) !important;
1876
+ }
1877
+ .pl-xxxx-large {
1878
+ padding-left: var(--bal-space-xxxx-large-desktop) !important;
1879
+ }
1880
+ }
1881
+ /*# sourceMappingURL=/utilities/spacing.css.map */