@semanticus/semanticus-css 0.9.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/NOTICE +16 -16
  2. package/README.md +128 -29
  3. package/dist/semanticus-no-utilities.css +11 -0
  4. package/dist/semanticus-semantics.css +3 -4
  5. package/dist/semanticus-utilities.css +11 -0
  6. package/dist/semanticus.css +4 -12
  7. package/dist/semanticus.palette.amber.css +1 -1
  8. package/dist/semanticus.palette.azure.css +1 -0
  9. package/dist/semanticus.palette.blue.css +1 -1
  10. package/dist/semanticus.palette.cyan.css +1 -1
  11. package/dist/semanticus.palette.fuchsia.css +1 -1
  12. package/dist/semanticus.palette.green.css +1 -1
  13. package/dist/semanticus.palette.grey.css +1 -1
  14. package/dist/semanticus.palette.indigo.css +1 -1
  15. package/dist/semanticus.palette.jade.css +1 -1
  16. package/dist/semanticus.palette.lime.css +1 -1
  17. package/dist/semanticus.palette.orange.css +1 -1
  18. package/dist/semanticus.palette.pink.css +1 -1
  19. package/dist/semanticus.palette.pumpkin.css +1 -1
  20. package/dist/semanticus.palette.purple.css +1 -1
  21. package/dist/semanticus.palette.red.css +1 -1
  22. package/dist/semanticus.palette.sand.css +1 -1
  23. package/dist/semanticus.palette.slate.css +1 -1
  24. package/dist/semanticus.palette.violet.css +1 -1
  25. package/dist/semanticus.palette.yellow.css +1 -1
  26. package/dist/semanticus.palette.zinc.css +1 -1
  27. package/dist/semanticus.size.pico.css +1 -1
  28. package/package.json +24 -15
  29. package/src/components/_card.css +47 -0
  30. package/src/{variants → components}/_container.css +3 -10
  31. package/src/components/_icons.css +59 -0
  32. package/src/components/_pane.css +19 -0
  33. package/src/{variants → components}/_sidebar.css +3 -5
  34. package/src/components/modules.css +5 -0
  35. package/src/index.css +8 -10
  36. package/src/no-utilities.css +22 -0
  37. package/src/palettes/amber.css +28 -53
  38. package/src/palettes/azure.css +31 -0
  39. package/src/palettes/blue.css +28 -53
  40. package/src/palettes/cyan.css +28 -53
  41. package/src/palettes/fuchsia.css +28 -53
  42. package/src/palettes/green.css +28 -53
  43. package/src/palettes/grey.css +28 -53
  44. package/src/palettes/indigo.css +28 -53
  45. package/src/palettes/jade.css +28 -53
  46. package/src/palettes/lime.css +28 -53
  47. package/src/palettes/orange.css +28 -53
  48. package/src/palettes/pink.css +28 -53
  49. package/src/palettes/pumpkin.css +28 -53
  50. package/src/palettes/purple.css +28 -53
  51. package/src/palettes/red.css +28 -53
  52. package/src/palettes/sand.css +28 -53
  53. package/src/palettes/slate.css +28 -53
  54. package/src/palettes/violet.css +28 -53
  55. package/src/palettes/yellow.css +28 -53
  56. package/src/palettes/zinc.css +28 -53
  57. package/src/semantics/attributes/_aria-busy.css +0 -3
  58. package/src/semantics/attributes/_aria-disabled.css +25 -0
  59. package/src/semantics/attributes/_hidden.css +0 -3
  60. package/src/semantics/attributes/_role-group-search.css +11 -14
  61. package/src/semantics/attributes/_role-status-alert.css +123 -0
  62. package/src/semantics/attributes/_role-toolbar.css +2 -5
  63. package/src/semantics/attributes/_role-tooltip.css +7 -10
  64. package/src/semantics/elements/_article.css +0 -3
  65. package/src/semantics/elements/_aside.css +1 -7
  66. package/src/semantics/elements/_blockquote.css +2 -2
  67. package/src/semantics/elements/_body.css +1 -4
  68. package/src/semantics/elements/_button.css +25 -31
  69. package/src/semantics/elements/_code.css +5 -8
  70. package/src/semantics/elements/_del.css +1 -1
  71. package/src/semantics/elements/_details.css +39 -40
  72. package/src/semantics/elements/_dialog.css +19 -43
  73. package/src/semantics/elements/_document.css +10 -4
  74. package/src/semantics/elements/_embedded.css +0 -3
  75. package/src/semantics/elements/_figure.css +0 -3
  76. package/src/semantics/elements/_footer.css +0 -3
  77. package/src/semantics/elements/_header.css +0 -3
  78. package/src/semantics/elements/_headings.css +7 -17
  79. package/src/semantics/elements/_hgroup.css +1 -1
  80. package/src/semantics/elements/_hr.css +1 -4
  81. package/src/semantics/elements/_input.css +33 -36
  82. package/src/semantics/elements/_ins.css +1 -1
  83. package/src/semantics/elements/_links.css +22 -18
  84. package/src/semantics/elements/_main.css +0 -4
  85. package/src/semantics/elements/_mark.css +2 -2
  86. package/src/semantics/elements/_nav.css +5 -8
  87. package/src/semantics/elements/_progress.css +5 -8
  88. package/src/semantics/elements/_section.css +0 -3
  89. package/src/semantics/elements/_small.css +3 -0
  90. package/src/semantics/elements/_table.css +3 -5
  91. package/src/semantics/elements/_type-checkbox-radio.css +19 -22
  92. package/src/semantics/elements/_type-color.css +2 -5
  93. package/src/semantics/elements/_type-date.css +1 -4
  94. package/src/semantics/elements/_type-file.css +7 -10
  95. package/src/semantics/elements/_type-range.css +11 -14
  96. package/src/semantics/elements/_type-search.css +6 -10
  97. package/src/semantics/index.css +2 -5
  98. package/src/semantics/modules.css +3 -7
  99. package/src/sizes/pico.css +20 -33
  100. package/src/utilities/_grid.css +306 -0
  101. package/src/utilities/_variables.css +27 -42
  102. package/src/utilities/borders/_border-radius.css +54 -79
  103. package/src/utilities/borders/_border-style.css +15 -5
  104. package/src/utilities/borders/_border-width.css +0 -28
  105. package/src/utilities/colors/_bg-colors.css +75 -0
  106. package/src/utilities/colors/_border-colors.css +17 -39
  107. package/src/utilities/colors/_subtle-colors.css +145 -0
  108. package/src/utilities/colors/_text-bg-colors.css +62 -0
  109. package/src/utilities/colors/_text-colors.css +32 -409
  110. package/src/utilities/effects/_focus-ring.css +33 -0
  111. package/src/utilities/effects/_shadows.css +0 -33
  112. package/src/utilities/index.css +16 -0
  113. package/src/utilities/layout/_misc.css +2 -5
  114. package/src/utilities/layout/{_grid.css → _ratio.css} +0 -19
  115. package/src/utilities/modules.css +9 -3
  116. package/src/utilities/sizing/_width.css +8 -0
  117. package/src/utilities/spacing/_gap.css +144 -144
  118. package/src/utilities/spacing/_margin.css +324 -324
  119. package/src/utilities/spacing/_padding.css +324 -324
  120. package/src/utilities/typography/_font-sizes.css +6 -6
  121. package/src/variables/_all.css +2 -20
  122. package/src/variables/_elements.css +29 -28
  123. package/src/variables/_theme.css +336 -0
  124. package/src/variants/_variables.css +24 -0
  125. package/src/variants/intent/_contrast.css +47 -0
  126. package/src/variants/intent/_danger.css +39 -0
  127. package/src/variants/intent/_info.css +39 -0
  128. package/src/variants/intent/_primary.css +39 -0
  129. package/src/variants/intent/_secondary.css +39 -0
  130. package/src/variants/intent/_success.css +39 -0
  131. package/src/variants/intent/_warning.css +39 -0
  132. package/src/variants/modifiers/_ghost.css +164 -0
  133. package/src/variants/modifiers/_striped.css +11 -0
  134. package/src/variants/modifiers/_subtle.css +133 -0
  135. package/src/variants/modules.css +11 -14
  136. package/src/_normalize.css +0 -214
  137. package/src/semantics/_misc.css +0 -3
  138. package/src/utilities/colors/_background-colors.css +0 -248
  139. package/src/variables/_colors.css +0 -355
  140. package/src/variables/_components.css +0 -330
  141. package/src/variables/_icons.css +0 -55
  142. package/src/variables/_layout.css +0 -123
  143. package/src/variants/_contained.css +0 -43
  144. package/src/variants/_contrast.css +0 -61
  145. package/src/variants/_ghost.css +0 -68
  146. package/src/variants/_pane-panel-card.css +0 -54
  147. package/src/variants/_secondary.css +0 -48
  148. package/src/variants/_striped.css +0 -10
package/src/utilities/spacing/_padding.css CHANGED
@@ -3,27 +3,27 @@
3
3
  }
4
4
 
5
5
  .p-d {
6
- padding: var(--spacer-default) !important;
6
+ padding: var(--spacing) !important;
7
7
  }
8
8
 
9
9
  .p-1 {
10
- padding: var(--spacer-1) !important;
10
+ padding: var(--spacing-1) !important;
11
11
  }
12
12
 
13
13
  .p-2 {
14
- padding: var(--spacer-2) !important;
14
+ padding: var(--spacing-2) !important;
15
15
  }
16
16
 
17
17
  .p-3 {
18
- padding: var(--spacer-3) !important;
18
+ padding: var(--spacing-3) !important;
19
19
  }
20
20
 
21
21
  .p-4 {
22
- padding: var(--spacer-4) !important;
22
+ padding: var(--spacing-4) !important;
23
23
  }
24
24
 
25
25
  .p-5 {
26
- padding: var(--spacer-5) !important;
26
+ padding: var(--spacing-5) !important;
27
27
  }
28
28
 
29
29
  .px-0 {
@@ -32,33 +32,33 @@
32
32
  }
33
33
 
34
34
  .px-d {
35
- padding-right: var(--spacer-default) !important;
36
- padding-left: var(--spacer-default) !important;
35
+ padding-right: var(--spacing) !important;
36
+ padding-left: var(--spacing) !important;
37
37
  }
38
38
 
39
39
  .px-1 {
40
- padding-right: var(--spacer-1) !important;
41
- padding-left: var(--spacer-1) !important;
40
+ padding-right: var(--spacing-1) !important;
41
+ padding-left: var(--spacing-1) !important;
42
42
  }
43
43
 
44
44
  .px-2 {
45
- padding-right: var(--spacer-2) !important;
46
- padding-left: var(--spacer-2) !important;
45
+ padding-right: var(--spacing-2) !important;
46
+ padding-left: var(--spacing-2) !important;
47
47
  }
48
48
 
49
49
  .px-3 {
50
- padding-right: var(--spacer-3) !important;
51
- padding-left: var(--spacer-3) !important;
50
+ padding-right: var(--spacing-3) !important;
51
+ padding-left: var(--spacing-3) !important;
52
52
  }
53
53
 
54
54
  .px-4 {
55
- padding-right: var(--spacer-4) !important;
56
- padding-left: var(--spacer-4) !important;
55
+ padding-right: var(--spacing-4) !important;
56
+ padding-left: var(--spacing-4) !important;
57
57
  }
58
58
 
59
59
  .px-5 {
60
- padding-right: var(--spacer-5) !important;
61
- padding-left: var(--spacer-5) !important;
60
+ padding-right: var(--spacing-5) !important;
61
+ padding-left: var(--spacing-5) !important;
62
62
  }
63
63
 
64
64
  .py-0 {
@@ -67,33 +67,33 @@
67
67
  }
68
68
 
69
69
  .py-d {
70
- padding-top: var(--spacer-default) !important;
71
- padding-bottom: var(--spacer-default) !important;
70
+ padding-top: var(--spacing) !important;
71
+ padding-bottom: var(--spacing) !important;
72
72
  }
73
73
 
74
74
  .py-1 {
75
- padding-top: var(--spacer-1) !important;
76
- padding-bottom: var(--spacer-1) !important;
75
+ padding-top: var(--spacing-1) !important;
76
+ padding-bottom: var(--spacing-1) !important;
77
77
  }
78
78
 
79
79
  .py-2 {
80
- padding-top: var(--spacer-2) !important;
81
- padding-bottom: var(--spacer-2) !important;
80
+ padding-top: var(--spacing-2) !important;
81
+ padding-bottom: var(--spacing-2) !important;
82
82
  }
83
83
 
84
84
  .py-3 {
85
- padding-top: var(--spacer-3) !important;
86
- padding-bottom: var(--spacer-3) !important;
85
+ padding-top: var(--spacing-3) !important;
86
+ padding-bottom: var(--spacing-3) !important;
87
87
  }
88
88
 
89
89
  .py-4 {
90
- padding-top: var(--spacer-4) !important;
91
- padding-bottom: var(--spacer-4) !important;
90
+ padding-top: var(--spacing-4) !important;
91
+ padding-bottom: var(--spacing-4) !important;
92
92
  }
93
93
 
94
94
  .py-5 {
95
- padding-top: var(--spacer-5) !important;
96
- padding-bottom: var(--spacer-5) !important;
95
+ padding-top: var(--spacing-5) !important;
96
+ padding-bottom: var(--spacing-5) !important;
97
97
  }
98
98
 
99
99
  .pt-0 {
@@ -101,27 +101,27 @@
101
101
  }
102
102
 
103
103
  .pt-d {
104
- padding-top: var(--spacer-default) !important;
104
+ padding-top: var(--spacing) !important;
105
105
  }
106
106
 
107
107
  .pt-1 {
108
- padding-top: var(--spacer-1) !important;
108
+ padding-top: var(--spacing-1) !important;
109
109
  }
110
110
 
111
111
  .pt-2 {
112
- padding-top: var(--spacer-2) !important;
112
+ padding-top: var(--spacing-2) !important;
113
113
  }
114
114
 
115
115
  .pt-3 {
116
- padding-top: var(--spacer-3) !important;
116
+ padding-top: var(--spacing-3) !important;
117
117
  }
118
118
 
119
119
  .pt-4 {
120
- padding-top: var(--spacer-4) !important;
120
+ padding-top: var(--spacing-4) !important;
121
121
  }
122
122
 
123
123
  .pt-5 {
124
- padding-top: var(--spacer-5) !important;
124
+ padding-top: var(--spacing-5) !important;
125
125
  }
126
126
 
127
127
  .pe-0 {
@@ -129,27 +129,27 @@
129
129
  }
130
130
 
131
131
  .pe-d {
132
- padding-right: var(--spacer-default) !important;
132
+ padding-right: var(--spacing) !important;
133
133
  }
134
134
 
135
135
  .pe-1 {
136
- padding-right: var(--spacer-1) !important;
136
+ padding-right: var(--spacing-1) !important;
137
137
  }
138
138
 
139
139
  .pe-2 {
140
- padding-right: var(--spacer-2) !important;
140
+ padding-right: var(--spacing-2) !important;
141
141
  }
142
142
 
143
143
  .pe-3 {
144
- padding-right: var(--spacer-3) !important;
144
+ padding-right: var(--spacing-3) !important;
145
145
  }
146
146
 
147
147
  .pe-4 {
148
- padding-right: var(--spacer-4) !important;
148
+ padding-right: var(--spacing-4) !important;
149
149
  }
150
150
 
151
151
  .pe-5 {
152
- padding-right: var(--spacer-5) !important;
152
+ padding-right: var(--spacing-5) !important;
153
153
  }
154
154
 
155
155
  .pb-0 {
@@ -157,27 +157,27 @@
157
157
  }
158
158
 
159
159
  .pb-d {
160
- padding-bottom: var(--spacer-default) !important;
160
+ padding-bottom: var(--spacing) !important;
161
161
  }
162
162
 
163
163
  .pb-1 {
164
- padding-bottom: var(--spacer-1) !important;
164
+ padding-bottom: var(--spacing-1) !important;
165
165
  }
166
166
 
167
167
  .pb-2 {
168
- padding-bottom: var(--spacer-2) !important;
168
+ padding-bottom: var(--spacing-2) !important;
169
169
  }
170
170
 
171
171
  .pb-3 {
172
- padding-bottom: var(--spacer-3) !important;
172
+ padding-bottom: var(--spacing-3) !important;
173
173
  }
174
174
 
175
175
  .pb-4 {
176
- padding-bottom: var(--spacer-4) !important;
176
+ padding-bottom: var(--spacing-4) !important;
177
177
  }
178
178
 
179
179
  .pb-5 {
180
- padding-bottom: var(--spacer-5) !important;
180
+ padding-bottom: var(--spacing-5) !important;
181
181
  }
182
182
 
183
183
  .ps-0 {
@@ -185,27 +185,27 @@
185
185
  }
186
186
 
187
187
  .ps-d {
188
- padding-left: var(--spacer-default) !important;
188
+ padding-left: var(--spacing) !important;
189
189
  }
190
190
 
191
191
  .ps-1 {
192
- padding-left: var(--spacer-1) !important;
192
+ padding-left: var(--spacing-1) !important;
193
193
  }
194
194
 
195
195
  .ps-2 {
196
- padding-left: var(--spacer-2) !important;
196
+ padding-left: var(--spacing-2) !important;
197
197
  }
198
198
 
199
199
  .ps-3 {
200
- padding-left: var(--spacer-3) !important;
200
+ padding-left: var(--spacing-3) !important;
201
201
  }
202
202
 
203
203
  .ps-4 {
204
- padding-left: var(--spacer-4) !important;
204
+ padding-left: var(--spacing-4) !important;
205
205
  }
206
206
 
207
207
  .ps-5 {
208
- padding-left: var(--spacer-5) !important;
208
+ padding-left: var(--spacing-5) !important;
209
209
  }
210
210
 
211
211
  @media (--breakpoint-sm) {
@@ -213,162 +213,162 @@
213
213
  padding: 0 !important;
214
214
  }
215
215
  .p-sm-d {
216
- padding: var(--spacer-default) !important;
216
+ padding: var(--spacing) !important;
217
217
  }
218
218
  .p-sm-1 {
219
- padding: var(--spacer-1) !important;
219
+ padding: var(--spacing-1) !important;
220
220
  }
221
221
  .p-sm-2 {
222
- padding: var(--spacer-2) !important;
222
+ padding: var(--spacing-2) !important;
223
223
  }
224
224
  .p-sm-3 {
225
- padding: var(--spacer-3) !important;
225
+ padding: var(--spacing-3) !important;
226
226
  }
227
227
  .p-sm-4 {
228
- padding: var(--spacer-4) !important;
228
+ padding: var(--spacing-4) !important;
229
229
  }
230
230
  .p-sm-5 {
231
- padding: var(--spacer-5) !important;
231
+ padding: var(--spacing-5) !important;
232
232
  }
233
233
  .px-sm-0 {
234
234
  padding-right: 0 !important;
235
235
  padding-left: 0 !important;
236
236
  }
237
237
  .px-sm-d {
238
- padding-right: var(--spacer-default) !important;
239
- padding-left: var(--spacer-default) !important;
238
+ padding-right: var(--spacing) !important;
239
+ padding-left: var(--spacing) !important;
240
240
  }
241
241
  .px-sm-1 {
242
- padding-right: var(--spacer-1) !important;
243
- padding-left: var(--spacer-1) !important;
242
+ padding-right: var(--spacing-1) !important;
243
+ padding-left: var(--spacing-1) !important;
244
244
  }
245
245
  .px-sm-2 {
246
- padding-right: var(--spacer-2) !important;
247
- padding-left: var(--spacer-2) !important;
246
+ padding-right: var(--spacing-2) !important;
247
+ padding-left: var(--spacing-2) !important;
248
248
  }
249
249
  .px-sm-3 {
250
- padding-right: var(--spacer-3) !important;
251
- padding-left: var(--spacer-3) !important;
250
+ padding-right: var(--spacing-3) !important;
251
+ padding-left: var(--spacing-3) !important;
252
252
  }
253
253
  .px-sm-4 {
254
- padding-right: var(--spacer-4) !important;
255
- padding-left: var(--spacer-4) !important;
254
+ padding-right: var(--spacing-4) !important;
255
+ padding-left: var(--spacing-4) !important;
256
256
  }
257
257
  .px-sm-5 {
258
- padding-right: var(--spacer-5) !important;
259
- padding-left: var(--spacer-5) !important;
258
+ padding-right: var(--spacing-5) !important;
259
+ padding-left: var(--spacing-5) !important;
260
260
  }
261
261
  .py-sm-0 {
262
262
  padding-top: 0 !important;
263
263
  padding-bottom: 0 !important;
264
264
  }
265
265
  .py-sm-d {
266
- padding-top: var(--spacer-default) !important;
267
- padding-bottom: var(--spacer-default) !important;
266
+ padding-top: var(--spacing) !important;
267
+ padding-bottom: var(--spacing) !important;
268
268
  }
269
269
  .py-sm-1 {
270
- padding-top: var(--spacer-1) !important;
271
- padding-bottom: var(--spacer-1) !important;
270
+ padding-top: var(--spacing-1) !important;
271
+ padding-bottom: var(--spacing-1) !important;
272
272
  }
273
273
  .py-sm-2 {
274
- padding-top: var(--spacer-2) !important;
275
- padding-bottom: var(--spacer-2) !important;
274
+ padding-top: var(--spacing-2) !important;
275
+ padding-bottom: var(--spacing-2) !important;
276
276
  }
277
277
  .py-sm-3 {
278
- padding-top: var(--spacer-3) !important;
279
- padding-bottom: var(--spacer-3) !important;
278
+ padding-top: var(--spacing-3) !important;
279
+ padding-bottom: var(--spacing-3) !important;
280
280
  }
281
281
  .py-sm-4 {
282
- padding-top: var(--spacer-4) !important;
283
- padding-bottom: var(--spacer-4) !important;
282
+ padding-top: var(--spacing-4) !important;
283
+ padding-bottom: var(--spacing-4) !important;
284
284
  }
285
285
  .py-sm-5 {
286
- padding-top: var(--spacer-5) !important;
287
- padding-bottom: var(--spacer-5) !important;
286
+ padding-top: var(--spacing-5) !important;
287
+ padding-bottom: var(--spacing-5) !important;
288
288
  }
289
289
  .pt-sm-0 {
290
290
  padding-top: 0 !important;
291
291
  }
292
292
  .pt-sm-d {
293
- padding-top: var(--spacer-default) !important;
293
+ padding-top: var(--spacing) !important;
294
294
  }
295
295
  .pt-sm-1 {
296
- padding-top: var(--spacer-1) !important;
296
+ padding-top: var(--spacing-1) !important;
297
297
  }
298
298
  .pt-sm-2 {
299
- padding-top: var(--spacer-2) !important;
299
+ padding-top: var(--spacing-2) !important;
300
300
  }
301
301
  .pt-sm-3 {
302
- padding-top: var(--spacer-3) !important;
302
+ padding-top: var(--spacing-3) !important;
303
303
  }
304
304
  .pt-sm-4 {
305
- padding-top: var(--spacer-4) !important;
305
+ padding-top: var(--spacing-4) !important;
306
306
  }
307
307
  .pt-sm-5 {
308
- padding-top: var(--spacer-5) !important;
308
+ padding-top: var(--spacing-5) !important;
309
309
  }
310
310
  .pe-sm-0 {
311
311
  padding-right: 0 !important;
312
312
  }
313
313
  .pe-sm-d {
314
- padding-right: var(--spacer-default) !important;
314
+ padding-right: var(--spacing) !important;
315
315
  }
316
316
  .pe-sm-1 {
317
- padding-right: var(--spacer-1) !important;
317
+ padding-right: var(--spacing-1) !important;
318
318
  }
319
319
  .pe-sm-2 {
320
- padding-right: var(--spacer-2) !important;
320
+ padding-right: var(--spacing-2) !important;
321
321
  }
322
322
  .pe-sm-3 {
323
- padding-right: var(--spacer-3) !important;
323
+ padding-right: var(--spacing-3) !important;
324
324
  }
325
325
  .pe-sm-4 {
326
- padding-right: var(--spacer-4) !important;
326
+ padding-right: var(--spacing-4) !important;
327
327
  }
328
328
  .pe-sm-5 {
329
- padding-right: var(--spacer-5) !important;
329
+ padding-right: var(--spacing-5) !important;
330
330
  }
331
331
  .pb-sm-0 {
332
332
  padding-bottom: 0 !important;
333
333
  }
334
334
  .pb-sm-d {
335
- padding-bottom: var(--spacer-default) !important;
335
+ padding-bottom: var(--spacing) !important;
336
336
  }
337
337
  .pb-sm-1 {
338
- padding-bottom: var(--spacer-1) !important;
338
+ padding-bottom: var(--spacing-1) !important;
339
339
  }
340
340
  .pb-sm-2 {
341
- padding-bottom: var(--spacer-2) !important;
341
+ padding-bottom: var(--spacing-2) !important;
342
342
  }
343
343
  .pb-sm-3 {
344
- padding-bottom: var(--spacer-3) !important;
344
+ padding-bottom: var(--spacing-3) !important;
345
345
  }
346
346
  .pb-sm-4 {
347
- padding-bottom: var(--spacer-4) !important;
347
+ padding-bottom: var(--spacing-4) !important;
348
348
  }
349
349
  .pb-sm-5 {
350
- padding-bottom: var(--spacer-5) !important;
350
+ padding-bottom: var(--spacing-5) !important;
351
351
  }
352
352
  .ps-sm-0 {
353
353
  padding-left: 0 !important;
354
354
  }
355
355
  .ps-sm-d {
356
- padding-left: var(--spacer-default) !important;
356
+ padding-left: var(--spacing) !important;
357
357
  }
358
358
  .ps-sm-1 {
359
- padding-left: var(--spacer-1) !important;
359
+ padding-left: var(--spacing-1) !important;
360
360
  }
361
361
  .ps-sm-2 {
362
- padding-left: var(--spacer-2) !important;
362
+ padding-left: var(--spacing-2) !important;
363
363
  }
364
364
  .ps-sm-3 {
365
- padding-left: var(--spacer-3) !important;
365
+ padding-left: var(--spacing-3) !important;
366
366
  }
367
367
  .ps-sm-4 {
368
- padding-left: var(--spacer-4) !important;
368
+ padding-left: var(--spacing-4) !important;
369
369
  }
370
370
  .ps-sm-5 {
371
- padding-left: var(--spacer-5) !important;
371
+ padding-left: var(--spacing-5) !important;
372
372
  }
373
373
  }
374
374
 
@@ -377,162 +377,162 @@
377
377
  padding: 0 !important;
378
378
  }
379
379
  .p-md-d {
380
- padding: var(--spacer-default) !important;
380
+ padding: var(--spacing) !important;
381
381
  }
382
382
  .p-md-1 {
383
- padding: var(--spacer-1) !important;
383
+ padding: var(--spacing-1) !important;
384
384
  }
385
385
  .p-md-2 {
386
- padding: var(--spacer-2) !important;
386
+ padding: var(--spacing-2) !important;
387
387
  }
388
388
  .p-md-3 {
389
- padding: var(--spacer-3) !important;
389
+ padding: var(--spacing-3) !important;
390
390
  }
391
391
  .p-md-4 {
392
- padding: var(--spacer-4) !important;
392
+ padding: var(--spacing-4) !important;
393
393
  }
394
394
  .p-md-5 {
395
- padding: var(--spacer-5) !important;
395
+ padding: var(--spacing-5) !important;
396
396
  }
397
397
  .px-md-0 {
398
398
  padding-right: 0 !important;
399
399
  padding-left: 0 !important;
400
400
  }
401
401
  .px-md-d {
402
- padding-right: var(--spacer-default) !important;
403
- padding-left: var(--spacer-default) !important;
402
+ padding-right: var(--spacing) !important;
403
+ padding-left: var(--spacing) !important;
404
404
  }
405
405
  .px-md-1 {
406
- padding-right: var(--spacer-1) !important;
407
- padding-left: var(--spacer-1) !important;
406
+ padding-right: var(--spacing-1) !important;
407
+ padding-left: var(--spacing-1) !important;
408
408
  }
409
409
  .px-md-2 {
410
- padding-right: var(--spacer-2) !important;
411
- padding-left: var(--spacer-2) !important;
410
+ padding-right: var(--spacing-2) !important;
411
+ padding-left: var(--spacing-2) !important;
412
412
  }
413
413
  .px-md-3 {
414
- padding-right: var(--spacer-3) !important;
415
- padding-left: var(--spacer-3) !important;
414
+ padding-right: var(--spacing-3) !important;
415
+ padding-left: var(--spacing-3) !important;
416
416
  }
417
417
  .px-md-4 {
418
- padding-right: var(--spacer-4) !important;
419
- padding-left: var(--spacer-4) !important;
418
+ padding-right: var(--spacing-4) !important;
419
+ padding-left: var(--spacing-4) !important;
420
420
  }
421
421
  .px-md-5 {
422
- padding-right: var(--spacer-5) !important;
423
- padding-left: var(--spacer-5) !important;
422
+ padding-right: var(--spacing-5) !important;
423
+ padding-left: var(--spacing-5) !important;
424
424
  }
425
425
  .py-md-0 {
426
426
  padding-top: 0 !important;
427
427
  padding-bottom: 0 !important;
428
428
  }
429
429
  .py-md-d {
430
- padding-top: var(--spacer-default) !important;
431
- padding-bottom: var(--spacer-default) !important;
430
+ padding-top: var(--spacing) !important;
431
+ padding-bottom: var(--spacing) !important;
432
432
  }
433
433
  .py-md-1 {
434
- padding-top: var(--spacer-1) !important;
435
- padding-bottom: var(--spacer-1) !important;
434
+ padding-top: var(--spacing-1) !important;
435
+ padding-bottom: var(--spacing-1) !important;
436
436
  }
437
437
  .py-md-2 {
438
- padding-top: var(--spacer-2) !important;
439
- padding-bottom: var(--spacer-2) !important;
438
+ padding-top: var(--spacing-2) !important;
439
+ padding-bottom: var(--spacing-2) !important;
440
440
  }
441
441
  .py-md-3 {
442
- padding-top: var(--spacer-3) !important;
443
- padding-bottom: var(--spacer-3) !important;
442
+ padding-top: var(--spacing-3) !important;
443
+ padding-bottom: var(--spacing-3) !important;
444
444
  }
445
445
  .py-md-4 {
446
- padding-top: var(--spacer-4) !important;
447
- padding-bottom: var(--spacer-4) !important;
446
+ padding-top: var(--spacing-4) !important;
447
+ padding-bottom: var(--spacing-4) !important;
448
448
  }
449
449
  .py-md-5 {
450
- padding-top: var(--spacer-5) !important;
451
- padding-bottom: var(--spacer-5) !important;
450
+ padding-top: var(--spacing-5) !important;
451
+ padding-bottom: var(--spacing-5) !important;
452
452
  }
453
453
  .pt-md-0 {
454
454
  padding-top: 0 !important;
455
455
  }
456
456
  .pt-md-d {
457
- padding-top: var(--spacer-default) !important;
457
+ padding-top: var(--spacing) !important;
458
458
  }
459
459
  .pt-md-1 {
460
- padding-top: var(--spacer-1) !important;
460
+ padding-top: var(--spacing-1) !important;
461
461
  }
462
462
  .pt-md-2 {
463
- padding-top: var(--spacer-2) !important;
463
+ padding-top: var(--spacing-2) !important;
464
464
  }
465
465
  .pt-md-3 {
466
- padding-top: var(--spacer-3) !important;
466
+ padding-top: var(--spacing-3) !important;
467
467
  }
468
468
  .pt-md-4 {
469
- padding-top: var(--spacer-4) !important;
469
+ padding-top: var(--spacing-4) !important;
470
470
  }
471
471
  .pt-md-5 {
472
- padding-top: var(--spacer-5) !important;
472
+ padding-top: var(--spacing-5) !important;
473
473
  }
474
474
  .pe-md-0 {
475
475
  padding-right: 0 !important;
476
476
  }
477
477
  .pe-md-d {
478
- padding-right: var(--spacer-default) !important;
478
+ padding-right: var(--spacing) !important;
479
479
  }
480
480
  .pe-md-1 {
481
- padding-right: var(--spacer-1) !important;
481
+ padding-right: var(--spacing-1) !important;
482
482
  }
483
483
  .pe-md-2 {
484
- padding-right: var(--spacer-2) !important;
484
+ padding-right: var(--spacing-2) !important;
485
485
  }
486
486
  .pe-md-3 {
487
- padding-right: var(--spacer-3) !important;
487
+ padding-right: var(--spacing-3) !important;
488
488
  }
489
489
  .pe-md-4 {
490
- padding-right: var(--spacer-4) !important;
490
+ padding-right: var(--spacing-4) !important;
491
491
  }
492
492
  .pe-md-5 {
493
- padding-right: var(--spacer-5) !important;
493
+ padding-right: var(--spacing-5) !important;
494
494
  }
495
495
  .pb-md-0 {
496
496
  padding-bottom: 0 !important;
497
497
  }
498
498
  .pb-md-d {
499
- padding-bottom: var(--spacer-default) !important;
499
+ padding-bottom: var(--spacing) !important;
500
500
  }
501
501
  .pb-md-1 {
502
- padding-bottom: var(--spacer-1) !important;
502
+ padding-bottom: var(--spacing-1) !important;
503
503
  }
504
504
  .pb-md-2 {
505
- padding-bottom: var(--spacer-2) !important;
505
+ padding-bottom: var(--spacing-2) !important;
506
506
  }
507
507
  .pb-md-3 {
508
- padding-bottom: var(--spacer-3) !important;
508
+ padding-bottom: var(--spacing-3) !important;
509
509
  }
510
510
  .pb-md-4 {
511
- padding-bottom: var(--spacer-4) !important;
511
+ padding-bottom: var(--spacing-4) !important;
512
512
  }
513
513
  .pb-md-5 {
514
- padding-bottom: var(--spacer-5) !important;
514
+ padding-bottom: var(--spacing-5) !important;
515
515
  }
516
516
  .ps-md-0 {
517
517
  padding-left: 0 !important;
518
518
  }
519
519
  .ps-md-d {
520
- padding-left: var(--spacer-default) !important;
520
+ padding-left: var(--spacing) !important;
521
521
  }
522
522
  .ps-md-1 {
523
- padding-left: var(--spacer-1) !important;
523
+ padding-left: var(--spacing-1) !important;
524
524
  }
525
525
  .ps-md-2 {
526
- padding-left: var(--spacer-2) !important;
526
+ padding-left: var(--spacing-2) !important;
527
527
  }
528
528
  .ps-md-3 {
529
- padding-left: var(--spacer-3) !important;
529
+ padding-left: var(--spacing-3) !important;
530
530
  }
531
531
  .ps-md-4 {
532
- padding-left: var(--spacer-4) !important;
532
+ padding-left: var(--spacing-4) !important;
533
533
  }
534
534
  .ps-md-5 {
535
- padding-left: var(--spacer-5) !important;
535
+ padding-left: var(--spacing-5) !important;
536
536
  }
537
537
  }
538
538
 
@@ -541,162 +541,162 @@
541
541
  padding: 0 !important;
542
542
  }
543
543
  .p-lg-d {
544
- padding: var(--spacer-default) !important;
544
+ padding: var(--spacing) !important;
545
545
  }
546
546
  .p-lg-1 {
547
- padding: var(--spacer-1) !important;
547
+ padding: var(--spacing-1) !important;
548
548
  }
549
549
  .p-lg-2 {
550
- padding: var(--spacer-2) !important;
550
+ padding: var(--spacing-2) !important;
551
551
  }
552
552
  .p-lg-3 {
553
- padding: var(--spacer-3) !important;
553
+ padding: var(--spacing-3) !important;
554
554
  }
555
555
  .p-lg-4 {
556
- padding: var(--spacer-4) !important;
556
+ padding: var(--spacing-4) !important;
557
557
  }
558
558
  .p-lg-5 {
559
- padding: var(--spacer-5) !important;
559
+ padding: var(--spacing-5) !important;
560
560
  }
561
561
  .px-lg-0 {
562
562
  padding-right: 0 !important;
563
563
  padding-left: 0 !important;
564
564
  }
565
565
  .px-lg-d {
566
- padding-right: var(--spacer-default) !important;
567
- padding-left: var(--spacer-default) !important;
566
+ padding-right: var(--spacing) !important;
567
+ padding-left: var(--spacing) !important;
568
568
  }
569
569
  .px-lg-1 {
570
- padding-right: var(--spacer-1) !important;
571
- padding-left: var(--spacer-1) !important;
570
+ padding-right: var(--spacing-1) !important;
571
+ padding-left: var(--spacing-1) !important;
572
572
  }
573
573
  .px-lg-2 {
574
- padding-right: var(--spacer-2) !important;
575
- padding-left: var(--spacer-2) !important;
574
+ padding-right: var(--spacing-2) !important;
575
+ padding-left: var(--spacing-2) !important;
576
576
  }
577
577
  .px-lg-3 {
578
- padding-right: var(--spacer-3) !important;
579
- padding-left: var(--spacer-3) !important;
578
+ padding-right: var(--spacing-3) !important;
579
+ padding-left: var(--spacing-3) !important;
580
580
  }
581
581
  .px-lg-4 {
582
- padding-right: var(--spacer-4) !important;
583
- padding-left: var(--spacer-4) !important;
582
+ padding-right: var(--spacing-4) !important;
583
+ padding-left: var(--spacing-4) !important;
584
584
  }
585
585
  .px-lg-5 {
586
- padding-right: var(--spacer-5) !important;
587
- padding-left: var(--spacer-5) !important;
586
+ padding-right: var(--spacing-5) !important;
587
+ padding-left: var(--spacing-5) !important;
588
588
  }
589
589
  .py-lg-0 {
590
590
  padding-top: 0 !important;
591
591
  padding-bottom: 0 !important;
592
592
  }
593
593
  .py-lg-d {
594
- padding-top: var(--spacer-default) !important;
595
- padding-bottom: var(--spacer-default) !important;
594
+ padding-top: var(--spacing) !important;
595
+ padding-bottom: var(--spacing) !important;
596
596
  }
597
597
  .py-lg-1 {
598
- padding-top: var(--spacer-1) !important;
599
- padding-bottom: var(--spacer-1) !important;
598
+ padding-top: var(--spacing-1) !important;
599
+ padding-bottom: var(--spacing-1) !important;
600
600
  }
601
601
  .py-lg-2 {
602
- padding-top: var(--spacer-2) !important;
603
- padding-bottom: var(--spacer-2) !important;
602
+ padding-top: var(--spacing-2) !important;
603
+ padding-bottom: var(--spacing-2) !important;
604
604
  }
605
605
  .py-lg-3 {
606
- padding-top: var(--spacer-3) !important;
607
- padding-bottom: var(--spacer-3) !important;
606
+ padding-top: var(--spacing-3) !important;
607
+ padding-bottom: var(--spacing-3) !important;
608
608
  }
609
609
  .py-lg-4 {
610
- padding-top: var(--spacer-4) !important;
611
- padding-bottom: var(--spacer-4) !important;
610
+ padding-top: var(--spacing-4) !important;
611
+ padding-bottom: var(--spacing-4) !important;
612
612
  }
613
613
  .py-lg-5 {
614
- padding-top: var(--spacer-5) !important;
615
- padding-bottom: var(--spacer-5) !important;
614
+ padding-top: var(--spacing-5) !important;
615
+ padding-bottom: var(--spacing-5) !important;
616
616
  }
617
617
  .pt-lg-0 {
618
618
  padding-top: 0 !important;
619
619
  }
620
620
  .pt-lg-d {
621
- padding-top: var(--spacer-default) !important;
621
+ padding-top: var(--spacing) !important;
622
622
  }
623
623
  .pt-lg-1 {
624
- padding-top: var(--spacer-1) !important;
624
+ padding-top: var(--spacing-1) !important;
625
625
  }
626
626
  .pt-lg-2 {
627
- padding-top: var(--spacer-2) !important;
627
+ padding-top: var(--spacing-2) !important;
628
628
  }
629
629
  .pt-lg-3 {
630
- padding-top: var(--spacer-3) !important;
630
+ padding-top: var(--spacing-3) !important;
631
631
  }
632
632
  .pt-lg-4 {
633
- padding-top: var(--spacer-4) !important;
633
+ padding-top: var(--spacing-4) !important;
634
634
  }
635
635
  .pt-lg-5 {
636
- padding-top: var(--spacer-5) !important;
636
+ padding-top: var(--spacing-5) !important;
637
637
  }
638
638
  .pe-lg-0 {
639
639
  padding-right: 0 !important;
640
640
  }
641
641
  .pe-lg-d {
642
- padding-right: var(--spacer-default) !important;
642
+ padding-right: var(--spacing) !important;
643
643
  }
644
644
  .pe-lg-1 {
645
- padding-right: var(--spacer-1) !important;
645
+ padding-right: var(--spacing-1) !important;
646
646
  }
647
647
  .pe-lg-2 {
648
- padding-right: var(--spacer-2) !important;
648
+ padding-right: var(--spacing-2) !important;
649
649
  }
650
650
  .pe-lg-3 {
651
- padding-right: var(--spacer-3) !important;
651
+ padding-right: var(--spacing-3) !important;
652
652
  }
653
653
  .pe-lg-4 {
654
- padding-right: var(--spacer-4) !important;
654
+ padding-right: var(--spacing-4) !important;
655
655
  }
656
656
  .pe-lg-5 {
657
- padding-right: var(--spacer-5) !important;
657
+ padding-right: var(--spacing-5) !important;
658
658
  }
659
659
  .pb-lg-0 {
660
660
  padding-bottom: 0 !important;
661
661
  }
662
662
  .pb-lg-d {
663
- padding-bottom: var(--spacer-default) !important;
663
+ padding-bottom: var(--spacing) !important;
664
664
  }
665
665
  .pb-lg-1 {
666
- padding-bottom: var(--spacer-1) !important;
666
+ padding-bottom: var(--spacing-1) !important;
667
667
  }
668
668
  .pb-lg-2 {
669
- padding-bottom: var(--spacer-2) !important;
669
+ padding-bottom: var(--spacing-2) !important;
670
670
  }
671
671
  .pb-lg-3 {
672
- padding-bottom: var(--spacer-3) !important;
672
+ padding-bottom: var(--spacing-3) !important;
673
673
  }
674
674
  .pb-lg-4 {
675
- padding-bottom: var(--spacer-4) !important;
675
+ padding-bottom: var(--spacing-4) !important;
676
676
  }
677
677
  .pb-lg-5 {
678
- padding-bottom: var(--spacer-5) !important;
678
+ padding-bottom: var(--spacing-5) !important;
679
679
  }
680
680
  .ps-lg-0 {
681
681
  padding-left: 0 !important;
682
682
  }
683
683
  .ps-lg-d {
684
- padding-left: var(--spacer-default) !important;
684
+ padding-left: var(--spacing) !important;
685
685
  }
686
686
  .ps-lg-1 {
687
- padding-left: var(--spacer-1) !important;
687
+ padding-left: var(--spacing-1) !important;
688
688
  }
689
689
  .ps-lg-2 {
690
- padding-left: var(--spacer-2) !important;
690
+ padding-left: var(--spacing-2) !important;
691
691
  }
692
692
  .ps-lg-3 {
693
- padding-left: var(--spacer-3) !important;
693
+ padding-left: var(--spacing-3) !important;
694
694
  }
695
695
  .ps-lg-4 {
696
- padding-left: var(--spacer-4) !important;
696
+ padding-left: var(--spacing-4) !important;
697
697
  }
698
698
  .ps-lg-5 {
699
- padding-left: var(--spacer-5) !important;
699
+ padding-left: var(--spacing-5) !important;
700
700
  }
701
701
  }
702
702
 
@@ -705,162 +705,162 @@
705
705
  padding: 0 !important;
706
706
  }
707
707
  .p-xl-d {
708
- padding: var(--spacer-default) !important;
708
+ padding: var(--spacing) !important;
709
709
  }
710
710
  .p-xl-1 {
711
- padding: var(--spacer-1) !important;
711
+ padding: var(--spacing-1) !important;
712
712
  }
713
713
  .p-xl-2 {
714
- padding: var(--spacer-2) !important;
714
+ padding: var(--spacing-2) !important;
715
715
  }
716
716
  .p-xl-3 {
717
- padding: var(--spacer-3) !important;
717
+ padding: var(--spacing-3) !important;
718
718
  }
719
719
  .p-xl-4 {
720
- padding: var(--spacer-4) !important;
720
+ padding: var(--spacing-4) !important;
721
721
  }
722
722
  .p-xl-5 {
723
- padding: var(--spacer-5) !important;
723
+ padding: var(--spacing-5) !important;
724
724
  }
725
725
  .px-xl-0 {
726
726
  padding-right: 0 !important;
727
727
  padding-left: 0 !important;
728
728
  }
729
729
  .px-xl-d {
730
- padding-right: var(--spacer-default) !important;
731
- padding-left: var(--spacer-default) !important;
730
+ padding-right: var(--spacing) !important;
731
+ padding-left: var(--spacing) !important;
732
732
  }
733
733
  .px-xl-1 {
734
- padding-right: var(--spacer-1) !important;
735
- padding-left: var(--spacer-1) !important;
734
+ padding-right: var(--spacing-1) !important;
735
+ padding-left: var(--spacing-1) !important;
736
736
  }
737
737
  .px-xl-2 {
738
- padding-right: var(--spacer-2) !important;
739
- padding-left: var(--spacer-2) !important;
738
+ padding-right: var(--spacing-2) !important;
739
+ padding-left: var(--spacing-2) !important;
740
740
  }
741
741
  .px-xl-3 {
742
- padding-right: var(--spacer-3) !important;
743
- padding-left: var(--spacer-3) !important;
742
+ padding-right: var(--spacing-3) !important;
743
+ padding-left: var(--spacing-3) !important;
744
744
  }
745
745
  .px-xl-4 {
746
- padding-right: var(--spacer-4) !important;
747
- padding-left: var(--spacer-4) !important;
746
+ padding-right: var(--spacing-4) !important;
747
+ padding-left: var(--spacing-4) !important;
748
748
  }
749
749
  .px-xl-5 {
750
- padding-right: var(--spacer-5) !important;
751
- padding-left: var(--spacer-5) !important;
750
+ padding-right: var(--spacing-5) !important;
751
+ padding-left: var(--spacing-5) !important;
752
752
  }
753
753
  .py-xl-0 {
754
754
  padding-top: 0 !important;
755
755
  padding-bottom: 0 !important;
756
756
  }
757
757
  .py-xl-d {
758
- padding-top: var(--spacer-default) !important;
759
- padding-bottom: var(--spacer-default) !important;
758
+ padding-top: var(--spacing) !important;
759
+ padding-bottom: var(--spacing) !important;
760
760
  }
761
761
  .py-xl-1 {
762
- padding-top: var(--spacer-1) !important;
763
- padding-bottom: var(--spacer-1) !important;
762
+ padding-top: var(--spacing-1) !important;
763
+ padding-bottom: var(--spacing-1) !important;
764
764
  }
765
765
  .py-xl-2 {
766
- padding-top: var(--spacer-2) !important;
767
- padding-bottom: var(--spacer-2) !important;
766
+ padding-top: var(--spacing-2) !important;
767
+ padding-bottom: var(--spacing-2) !important;
768
768
  }
769
769
  .py-xl-3 {
770
- padding-top: var(--spacer-3) !important;
771
- padding-bottom: var(--spacer-3) !important;
770
+ padding-top: var(--spacing-3) !important;
771
+ padding-bottom: var(--spacing-3) !important;
772
772
  }
773
773
  .py-xl-4 {
774
- padding-top: var(--spacer-4) !important;
775
- padding-bottom: var(--spacer-4) !important;
774
+ padding-top: var(--spacing-4) !important;
775
+ padding-bottom: var(--spacing-4) !important;
776
776
  }
777
777
  .py-xl-5 {
778
- padding-top: var(--spacer-5) !important;
779
- padding-bottom: var(--spacer-5) !important;
778
+ padding-top: var(--spacing-5) !important;
779
+ padding-bottom: var(--spacing-5) !important;
780
780
  }
781
781
  .pt-xl-0 {
782
782
  padding-top: 0 !important;
783
783
  }
784
784
  .pt-xl-d {
785
- padding-top: var(--spacer-default) !important;
785
+ padding-top: var(--spacing) !important;
786
786
  }
787
787
  .pt-xl-1 {
788
- padding-top: var(--spacer-1) !important;
788
+ padding-top: var(--spacing-1) !important;
789
789
  }
790
790
  .pt-xl-2 {
791
- padding-top: var(--spacer-2) !important;
791
+ padding-top: var(--spacing-2) !important;
792
792
  }
793
793
  .pt-xl-3 {
794
- padding-top: var(--spacer-3) !important;
794
+ padding-top: var(--spacing-3) !important;
795
795
  }
796
796
  .pt-xl-4 {
797
- padding-top: var(--spacer-4) !important;
797
+ padding-top: var(--spacing-4) !important;
798
798
  }
799
799
  .pt-xl-5 {
800
- padding-top: var(--spacer-5) !important;
800
+ padding-top: var(--spacing-5) !important;
801
801
  }
802
802
  .pe-xl-0 {
803
803
  padding-right: 0 !important;
804
804
  }
805
805
  .pe-xl-d {
806
- padding-right: var(--spacer-default) !important;
806
+ padding-right: var(--spacing) !important;
807
807
  }
808
808
  .pe-xl-1 {
809
- padding-right: var(--spacer-1) !important;
809
+ padding-right: var(--spacing-1) !important;
810
810
  }
811
811
  .pe-xl-2 {
812
- padding-right: var(--spacer-2) !important;
812
+ padding-right: var(--spacing-2) !important;
813
813
  }
814
814
  .pe-xl-3 {
815
- padding-right: var(--spacer-3) !important;
815
+ padding-right: var(--spacing-3) !important;
816
816
  }
817
817
  .pe-xl-4 {
818
- padding-right: var(--spacer-4) !important;
818
+ padding-right: var(--spacing-4) !important;
819
819
  }
820
820
  .pe-xl-5 {
821
- padding-right: var(--spacer-5) !important;
821
+ padding-right: var(--spacing-5) !important;
822
822
  }
823
823
  .pb-xl-0 {
824
824
  padding-bottom: 0 !important;
825
825
  }
826
826
  .pb-xl-d {
827
- padding-bottom: var(--spacer-default) !important;
827
+ padding-bottom: var(--spacing) !important;
828
828
  }
829
829
  .pb-xl-1 {
830
- padding-bottom: var(--spacer-1) !important;
830
+ padding-bottom: var(--spacing-1) !important;
831
831
  }
832
832
  .pb-xl-2 {
833
- padding-bottom: var(--spacer-2) !important;
833
+ padding-bottom: var(--spacing-2) !important;
834
834
  }
835
835
  .pb-xl-3 {
836
- padding-bottom: var(--spacer-3) !important;
836
+ padding-bottom: var(--spacing-3) !important;
837
837
  }
838
838
  .pb-xl-4 {
839
- padding-bottom: var(--spacer-4) !important;
839
+ padding-bottom: var(--spacing-4) !important;
840
840
  }
841
841
  .pb-xl-5 {
842
- padding-bottom: var(--spacer-5) !important;
842
+ padding-bottom: var(--spacing-5) !important;
843
843
  }
844
844
  .ps-xl-0 {
845
845
  padding-left: 0 !important;
846
846
  }
847
847
  .ps-xl-d {
848
- padding-left: var(--spacer-default) !important;
848
+ padding-left: var(--spacing) !important;
849
849
  }
850
850
  .ps-xl-1 {
851
- padding-left: var(--spacer-1) !important;
851
+ padding-left: var(--spacing-1) !important;
852
852
  }
853
853
  .ps-xl-2 {
854
- padding-left: var(--spacer-2) !important;
854
+ padding-left: var(--spacing-2) !important;
855
855
  }
856
856
  .ps-xl-3 {
857
- padding-left: var(--spacer-3) !important;
857
+ padding-left: var(--spacing-3) !important;
858
858
  }
859
859
  .ps-xl-4 {
860
- padding-left: var(--spacer-4) !important;
860
+ padding-left: var(--spacing-4) !important;
861
861
  }
862
862
  .ps-xl-5 {
863
- padding-left: var(--spacer-5) !important;
863
+ padding-left: var(--spacing-5) !important;
864
864
  }
865
865
  }
866
866
 
@@ -869,162 +869,162 @@
869
869
  padding: 0 !important;
870
870
  }
871
871
  .p-xxl-d {
872
- padding: var(--spacer-default) !important;
872
+ padding: var(--spacing) !important;
873
873
  }
874
874
  .p-xxl-1 {
875
- padding: var(--spacer-1) !important;
875
+ padding: var(--spacing-1) !important;
876
876
  }
877
877
  .p-xxl-2 {
878
- padding: var(--spacer-2) !important;
878
+ padding: var(--spacing-2) !important;
879
879
  }
880
880
  .p-xxl-3 {
881
- padding: var(--spacer-3) !important;
881
+ padding: var(--spacing-3) !important;
882
882
  }
883
883
  .p-xxl-4 {
884
- padding: var(--spacer-4) !important;
884
+ padding: var(--spacing-4) !important;
885
885
  }
886
886
  .p-xxl-5 {
887
- padding: var(--spacer-5) !important;
887
+ padding: var(--spacing-5) !important;
888
888
  }
889
889
  .px-xxl-0 {
890
890
  padding-right: 0 !important;
891
891
  padding-left: 0 !important;
892
892
  }
893
893
  .px-xxl-d {
894
- padding-right: var(--spacer-default) !important;
895
- padding-left: var(--spacer-default) !important;
894
+ padding-right: var(--spacing) !important;
895
+ padding-left: var(--spacing) !important;
896
896
  }
897
897
  .px-xxl-1 {
898
- padding-right: var(--spacer-1) !important;
899
- padding-left: var(--spacer-1) !important;
898
+ padding-right: var(--spacing-1) !important;
899
+ padding-left: var(--spacing-1) !important;
900
900
  }
901
901
  .px-xxl-2 {
902
- padding-right: var(--spacer-2) !important;
903
- padding-left: var(--spacer-2) !important;
902
+ padding-right: var(--spacing-2) !important;
903
+ padding-left: var(--spacing-2) !important;
904
904
  }
905
905
  .px-xxl-3 {
906
- padding-right: var(--spacer-3) !important;
907
- padding-left: var(--spacer-3) !important;
906
+ padding-right: var(--spacing-3) !important;
907
+ padding-left: var(--spacing-3) !important;
908
908
  }
909
909
  .px-xxl-4 {
910
- padding-right: var(--spacer-4) !important;
911
- padding-left: var(--spacer-4) !important;
910
+ padding-right: var(--spacing-4) !important;
911
+ padding-left: var(--spacing-4) !important;
912
912
  }
913
913
  .px-xxl-5 {
914
- padding-right: var(--spacer-5) !important;
915
- padding-left: var(--spacer-5) !important;
914
+ padding-right: var(--spacing-5) !important;
915
+ padding-left: var(--spacing-5) !important;
916
916
  }
917
917
  .py-xxl-0 {
918
918
  padding-top: 0 !important;
919
919
  padding-bottom: 0 !important;
920
920
  }
921
921
  .py-xxl-d {
922
- padding-top: var(--spacer-default) !important;
923
- padding-bottom: var(--spacer-default) !important;
922
+ padding-top: var(--spacing) !important;
923
+ padding-bottom: var(--spacing) !important;
924
924
  }
925
925
  .py-xxl-1 {
926
- padding-top: var(--spacer-1) !important;
927
- padding-bottom: var(--spacer-1) !important;
926
+ padding-top: var(--spacing-1) !important;
927
+ padding-bottom: var(--spacing-1) !important;
928
928
  }
929
929
  .py-xxl-2 {
930
- padding-top: var(--spacer-2) !important;
931
- padding-bottom: var(--spacer-2) !important;
930
+ padding-top: var(--spacing-2) !important;
931
+ padding-bottom: var(--spacing-2) !important;
932
932
  }
933
933
  .py-xxl-3 {
934
- padding-top: var(--spacer-3) !important;
935
- padding-bottom: var(--spacer-3) !important;
934
+ padding-top: var(--spacing-3) !important;
935
+ padding-bottom: var(--spacing-3) !important;
936
936
  }
937
937
  .py-xxl-4 {
938
- padding-top: var(--spacer-4) !important;
939
- padding-bottom: var(--spacer-4) !important;
938
+ padding-top: var(--spacing-4) !important;
939
+ padding-bottom: var(--spacing-4) !important;
940
940
  }
941
941
  .py-xxl-5 {
942
- padding-top: var(--spacer-5) !important;
943
- padding-bottom: var(--spacer-5) !important;
942
+ padding-top: var(--spacing-5) !important;
943
+ padding-bottom: var(--spacing-5) !important;
944
944
  }
945
945
  .pt-xxl-0 {
946
946
  padding-top: 0 !important;
947
947
  }
948
948
  .pt-xxl-d {
949
- padding-top: var(--spacer-default) !important;
949
+ padding-top: var(--spacing) !important;
950
950
  }
951
951
  .pt-xxl-1 {
952
- padding-top: var(--spacer-1) !important;
952
+ padding-top: var(--spacing-1) !important;
953
953
  }
954
954
  .pt-xxl-2 {
955
- padding-top: var(--spacer-2) !important;
955
+ padding-top: var(--spacing-2) !important;
956
956
  }
957
957
  .pt-xxl-3 {
958
- padding-top: var(--spacer-3) !important;
958
+ padding-top: var(--spacing-3) !important;
959
959
  }
960
960
  .pt-xxl-4 {
961
- padding-top: var(--spacer-4) !important;
961
+ padding-top: var(--spacing-4) !important;
962
962
  }
963
963
  .pt-xxl-5 {
964
- padding-top: var(--spacer-5) !important;
964
+ padding-top: var(--spacing-5) !important;
965
965
  }
966
966
  .pe-xxl-0 {
967
967
  padding-right: 0 !important;
968
968
  }
969
969
  .pe-xxl-d {
970
- padding-right: var(--spacer-default) !important;
970
+ padding-right: var(--spacing) !important;
971
971
  }
972
972
  .pe-xxl-1 {
973
- padding-right: var(--spacer-1) !important;
973
+ padding-right: var(--spacing-1) !important;
974
974
  }
975
975
  .pe-xxl-2 {
976
- padding-right: var(--spacer-2) !important;
976
+ padding-right: var(--spacing-2) !important;
977
977
  }
978
978
  .pe-xxl-3 {
979
- padding-right: var(--spacer-3) !important;
979
+ padding-right: var(--spacing-3) !important;
980
980
  }
981
981
  .pe-xxl-4 {
982
- padding-right: var(--spacer-4) !important;
982
+ padding-right: var(--spacing-4) !important;
983
983
  }
984
984
  .pe-xxl-5 {
985
- padding-right: var(--spacer-5) !important;
985
+ padding-right: var(--spacing-5) !important;
986
986
  }
987
987
  .pb-xxl-0 {
988
988
  padding-bottom: 0 !important;
989
989
  }
990
990
  .pb-xxl-d {
991
- padding-bottom: var(--spacer-default) !important;
991
+ padding-bottom: var(--spacing) !important;
992
992
  }
993
993
  .pb-xxl-1 {
994
- padding-bottom: var(--spacer-1) !important;
994
+ padding-bottom: var(--spacing-1) !important;
995
995
  }
996
996
  .pb-xxl-2 {
997
- padding-bottom: var(--spacer-2) !important;
997
+ padding-bottom: var(--spacing-2) !important;
998
998
  }
999
999
  .pb-xxl-3 {
1000
- padding-bottom: var(--spacer-3) !important;
1000
+ padding-bottom: var(--spacing-3) !important;
1001
1001
  }
1002
1002
  .pb-xxl-4 {
1003
- padding-bottom: var(--spacer-4) !important;
1003
+ padding-bottom: var(--spacing-4) !important;
1004
1004
  }
1005
1005
  .pb-xxl-5 {
1006
- padding-bottom: var(--spacer-5) !important;
1006
+ padding-bottom: var(--spacing-5) !important;
1007
1007
  }
1008
1008
  .ps-xxl-0 {
1009
1009
  padding-left: 0 !important;
1010
1010
  }
1011
1011
  .ps-xxl-d {
1012
- padding-left: var(--spacer-default) !important;
1012
+ padding-left: var(--spacing) !important;
1013
1013
  }
1014
1014
  .ps-xxl-1 {
1015
- padding-left: var(--spacer-1) !important;
1015
+ padding-left: var(--spacing-1) !important;
1016
1016
  }
1017
1017
  .ps-xxl-2 {
1018
- padding-left: var(--spacer-2) !important;
1018
+ padding-left: var(--spacing-2) !important;
1019
1019
  }
1020
1020
  .ps-xxl-3 {
1021
- padding-left: var(--spacer-3) !important;
1021
+ padding-left: var(--spacing-3) !important;
1022
1022
  }
1023
1023
  .ps-xxl-4 {
1024
- padding-left: var(--spacer-4) !important;
1024
+ padding-left: var(--spacing-4) !important;
1025
1025
  }
1026
1026
  .ps-xxl-5 {
1027
- padding-left: var(--spacer-5) !important;
1027
+ padding-left: var(--spacing-5) !important;
1028
1028
  }
1029
1029
  }
1030
1030