@functionalcms/svelte-components 2.1.12 → 2.1.15

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.
@@ -0,0 +1,1640 @@
1
+ :where(html) {
2
+ --agnostic-warning-border-accent-modelight:#ecd386;
3
+ --agnostic-warning-border-modelight:#f0e3b9;
4
+ --agnostic-warning-light-modelight:#fff5d4;
5
+ --agnostic-warning-dark-modelight:#634902;
6
+ --agnostic-secondary-hover-modelight:#bc583d;
7
+ --agnostic-secondary-modelight:#c94d2b;
8
+ --agnostic-primary-extra-light-modelight:#f1faff;
9
+ --agnostic-primary-light-modelight:#dcf1ff;
10
+ --agnostic-primary-dark-modelight:#063f69;
11
+ --agnostic-primary-border-modelight:#c1d9e9;
12
+ --agnostic-primary-hover-modelight:#2087d0;
13
+ --agnostic-primary-modelight:#077acb;
14
+ --agnostic-light-modelight:#fff;
15
+ --agnostic-dark-modelight:#333;
16
+ --agnostic-gray-dark-modelight:#717171;
17
+ --agnostic-gray-mid-dark-modelight:#ccc;
18
+ --agnostic-gray-mid-modelight:#d8d8d8;
19
+ --agnostic-gray-light-modelight:#e9e9e9;
20
+ --agnostic-gray-extra-light-modelight:#f8f8f8;
21
+ --agnostic-error-border-modelight:#eec8c8;
22
+ --agnostic-error-light-modelight:#ffe0e0;
23
+ --agnostic-error-dark-modelight:#771414;
24
+ --agnostic-error-modelight:#e02e2e;
25
+ --agnostic-action-border-modelight:#c7f0d1;
26
+ --agnostic-action-light-modelight:#e2ffe9;
27
+ --agnostic-action-dark-modelight:#0a3414;
28
+ --agnostic-action-hover-modelight:#3dd262;
29
+ --agnostic-action-modelight:#2fb751;
30
+ --agnostic-disabled-color-modelight:var(--agnostic-gray-dark-modelight);
31
+ --agnostic-disabled-bg-modelight:var(--agnostic-gray-light-modelight);
32
+ }
33
+
34
+ :where(html) {
35
+ --agnostic-warning-border-accent-modedark:#433507;
36
+ --agnostic-warning-border-modedark:#fff5d4;
37
+ --agnostic-warning-light-modedark:#faecc0;
38
+ --agnostic-warning-dark-modedark:#221b01;
39
+ --agnostic-secondary-hover-modedark:#000;
40
+ --agnostic-secondary-modedark:#e89982;
41
+ --agnostic-primary-extra-light-modedark:#172c38;
42
+ --agnostic-primary-light-modedark:#90d0fd;
43
+ --agnostic-primary-dark-modedark:#021421;
44
+ --agnostic-primary-border-modedark:#63b9f7;
45
+ --agnostic-primary-hover-modedark:#63b9f7;
46
+ --agnostic-primary-modedark:#91d1ff;
47
+ --agnostic-light-modedark:#1a202c;
48
+ --agnostic-dark-modedark:rgb(255 255 255 / 80%);
49
+ --agnostic-gray-dark-modedark:rgb(255 255 255 / 40%);
50
+ --agnostic-gray-mid-dark-modedark:rgba(255 255 255 / 32%);
51
+ --agnostic-gray-mid-modedark:rgba(255 255 255 / 8%);
52
+ --agnostic-gray-light-modedark:rgba(255 255 255 / 6%);
53
+ --agnostic-gray-extra-light-modedark:rgba(255 255 255 / 4%);
54
+ --agnostic-error-border-modedark:#ffe0e0;
55
+ --agnostic-error-light-modedark:#ffe0e0;
56
+ --agnostic-error-dark-modedark:#260202;
57
+ --agnostic-error-modedark:#fd9e9e;
58
+ --agnostic-action-border-modedark:#e7ffed;
59
+ --agnostic-action-light-modedark:#baf9ca;
60
+ --agnostic-action-dark-modedark:#011e08;
61
+ --agnostic-action-hover-modedark:#9fe0af;
62
+ --agnostic-action-modedark:#baf9ca;
63
+ --agnostic-disabled-color-modedark:var(--agnostic-gray-dark-modedark);
64
+ --agnostic-disabled-bg-modedark:var(--agnostic-gray-light-modedark);
65
+ }
66
+
67
+ :root {
68
+ color-scheme: light;
69
+ --agnostic-warning-border-accent:var(--agnostic-warning-border-accent-modelight);
70
+ --agnostic-warning-border:var(--agnostic-warning-border-modelight);
71
+ --agnostic-warning-light:var(--agnostic-warning-light-modelight);
72
+ --agnostic-warning-dark:var(--agnostic-warning-dark-modelight);
73
+ --agnostic-secondary-hover:var(--agnostic-secondary-hover-modelight);
74
+ --agnostic-secondary:var(--agnostic-secondary-modelight);
75
+ --agnostic-primary-light:var(--agnostic-primary-light-modelight);
76
+ --agnostic-primary-dark:var(--agnostic-primary-dark-modelight);
77
+ --agnostic-primary-border:var(--agnostic-primary-border-modelight);
78
+ --agnostic-primary-hover:var(--agnostic-primary-hover-modelight);
79
+ --agnostic-primary:var(--agnostic-primary-modelight);
80
+ --agnostic-light:var(--agnostic-light-modelight);
81
+ --agnostic-dark:var(--agnostic-dark-modelight);
82
+ --agnostic-gray-dark:var(--agnostic-gray-dark-modelight);
83
+ --agnostic-gray-mid-dark:var(--agnostic-gray-mid-dark-modelight);
84
+ --agnostic-gray-mid:var(--agnostic-gray-mid-modelight);
85
+ --agnostic-gray-light:var(--agnostic-gray-light-modelight);
86
+ --agnostic-gray-extra-light:var(--agnostic-gray-extra-light-modelight);
87
+ --agnostic-error:var(--agnostic-error-modelight);
88
+ --agnostic-error-light:var(--agnostic-error-light-modelight);
89
+ --agnostic-error-dark:var(--agnostic-error-dark-modelight);
90
+ --agnostic-error-border:var(--agnostic-error-border-modelight);
91
+ --agnostic-disabled-color:var(--agnostic-gray-dark-modelight);
92
+ --agnostic-disabled-bg:var(--agnostic-gray-light-modelight);
93
+ --agnostic-action-border:var(--agnostic-action-border-modelight);
94
+ --agnostic-action-light:var(--agnostic-action-light-modelight);
95
+ --agnostic-action-dark:var(--agnostic-action-dark-modelight);
96
+ --agnostic-action-hover:var(--agnostic-action-hover-modelight);
97
+ --agnostic-action:var(--agnostic-action-modelight);
98
+ }
99
+
100
+ @media (prefers-color-scheme: dark) {
101
+ :root {
102
+ color-scheme: dark;
103
+ --agnostic-warning-border-accent:var(--agnostic-warning-border-accent-modedark);
104
+ --agnostic-warning-border:var(--agnostic-warning-border-modedark);
105
+ --agnostic-warning-light:var(--agnostic-warning-light-modedark);
106
+ --agnostic-warning-dark:var(--agnostic-warning-dark-modedark);
107
+ --agnostic-secondary-hover:var(--agnostic-secondary-hover-modedark);
108
+ --agnostic-secondary:var(--agnostic-secondary-modedark);
109
+ --agnostic-primary-light:var(--agnostic-primary-light-modedark);
110
+ --agnostic-primary-dark:var(--agnostic-primary-dark-modedark);
111
+ --agnostic-primary-border:var(--agnostic-primary-border-modedark);
112
+ --agnostic-primary-hover:var(--agnostic-primary-hover-modedark);
113
+ --agnostic-primary:var(--agnostic-primary-modedark);
114
+ --agnostic-light:var(--agnostic-light-modedark);
115
+ --agnostic-dark:var(--agnostic-dark-modedark);
116
+ --agnostic-gray-dark:var(--agnostic-gray-dark-modedark);
117
+ --agnostic-gray-mid-dark:var(--agnostic-gray-mid-dark-modedark);
118
+ --agnostic-gray-mid:var(--agnostic-gray-mid-modedark);
119
+ --agnostic-gray-light:var(--agnostic-gray-light-modedark);
120
+ --agnostic-gray-extra-light:var(--agnostic-gray-extra-light-modedark);
121
+ --agnostic-error:var(--agnostic-error-modedark);
122
+ --agnostic-error-light:var(--agnostic-error-light-modedark);
123
+ --agnostic-error-dark:var(--agnostic-error-dark-modedark);
124
+ --agnostic-error-border:var(--agnostic-error-border-modedark);
125
+ --agnostic-disabled-color:var(--agnostic-gray-dark-modedark);
126
+ --agnostic-disabled-bg:var(--agnostic-gray-light-modedark);
127
+ --agnostic-action-border:var(--agnostic-action-border-modedark);
128
+ --agnostic-action-light:var(--agnostic-action-light-modedark);
129
+ --agnostic-action-dark:var(--agnostic-action-dark-modedark);
130
+ --agnostic-action-hover:var(--agnostic-action-hover-modedark);
131
+ --agnostic-action:var(--agnostic-action-modedark);
132
+ }
133
+ }
134
+ [color-scheme=light] {
135
+ color-scheme: light;
136
+ --agnostic-warning-border-accent:var(--agnostic-warning-border-accent-modelight);
137
+ --agnostic-warning-border:var(--agnostic-warning-border-modelight);
138
+ --agnostic-warning-light:var(--agnostic-warning-light-modelight);
139
+ --agnostic-warning-dark:var(--agnostic-warning-dark-modelight);
140
+ --agnostic-secondary-hover:var(--agnostic-secondary-hover-modelight);
141
+ --agnostic-secondary:var(--agnostic-secondary-modelight);
142
+ --agnostic-primary-light:var(--agnostic-primary-light-modelight);
143
+ --agnostic-primary-dark:var(--agnostic-primary-dark-modelight);
144
+ --agnostic-primary-border:var(--agnostic-primary-border-modelight);
145
+ --agnostic-primary-hover:var(--agnostic-primary-hover-modelight);
146
+ --agnostic-primary:var(--agnostic-primary-modelight);
147
+ --agnostic-light:var(--agnostic-light-modelight);
148
+ --agnostic-dark:var(--agnostic-dark-modelight);
149
+ --agnostic-gray-dark:var(--agnostic-gray-dark-modelight);
150
+ --agnostic-gray-mid-dark:var(--agnostic-gray-mid-dark-modelight);
151
+ --agnostic-gray-mid:var(--agnostic-gray-mid-modelight);
152
+ --agnostic-gray-light:var(--agnostic-gray-light-modelight);
153
+ --agnostic-gray-extra-light:var(--agnostic-gray-extra-light-modelight);
154
+ --agnostic-error:var(--agnostic-error-modelight);
155
+ --agnostic-error-light:var(--agnostic-error-light-modelight);
156
+ --agnostic-error-dark:var(--agnostic-error-dark-modelight);
157
+ --agnostic-error-border:var(--agnostic-error-border-modelight);
158
+ --agnostic-disabled-color:var(--agnostic-gray-dark-modelight);
159
+ --agnostic-disabled-bg:var(--agnostic-gray-light-modelight);
160
+ --agnostic-action-border:var(--agnostic-action-border-modelight);
161
+ --agnostic-action-light:var(--agnostic-action-light-modelight);
162
+ --agnostic-action-dark:var(--agnostic-action-dark-modelight);
163
+ --agnostic-action-hover:var(--agnostic-action-hover-modelight);
164
+ --agnostic-action:var(--agnostic-action-modelight);
165
+ }
166
+
167
+ [color-scheme=dark] {
168
+ color-scheme: dark;
169
+ --agnostic-warning-border-accent:var(--agnostic-warning-border-accent-modedark);
170
+ --agnostic-warning-border:var(--agnostic-warning-border-modedark);
171
+ --agnostic-warning-light:var(--agnostic-warning-light-modedark);
172
+ --agnostic-warning-dark:var(--agnostic-warning-dark-modedark);
173
+ --agnostic-secondary-hover:var(--agnostic-secondary-hover-modedark);
174
+ --agnostic-secondary:var(--agnostic-secondary-modedark);
175
+ --agnostic-primary-light:var(--agnostic-primary-light-modedark);
176
+ --agnostic-primary-dark:var(--agnostic-primary-dark-modedark);
177
+ --agnostic-primary-border:var(--agnostic-primary-border-modedark);
178
+ --agnostic-primary-hover:var(--agnostic-primary-hover-modedark);
179
+ --agnostic-primary:var(--agnostic-primary-modedark);
180
+ --agnostic-light:var(--agnostic-light-modedark);
181
+ --agnostic-dark:var(--agnostic-dark-modedark);
182
+ --agnostic-gray-dark:var(--agnostic-gray-dark-modedark);
183
+ --agnostic-gray-mid-dark:var(--agnostic-gray-mid-dark-modedark);
184
+ --agnostic-gray-mid:var(--agnostic-gray-mid-modedark);
185
+ --agnostic-gray-light:var(--agnostic-gray-light-modedark);
186
+ --agnostic-gray-extra-light:var(--agnostic-gray-extra-light-modedark);
187
+ --agnostic-error:var(--agnostic-error-modedark);
188
+ --agnostic-error-light:var(--agnostic-error-light-modedark);
189
+ --agnostic-error-dark:var(--agnostic-error-dark-modedark);
190
+ --agnostic-error-border:var(--agnostic-error-border-modedark);
191
+ --agnostic-disabled-color:var(--agnostic-gray-dark-modedark);
192
+ --agnostic-disabled-bg:var(--agnostic-gray-light-modedark);
193
+ --agnostic-action-border:var(--agnostic-action-border-modedark);
194
+ --agnostic-action-light:var(--agnostic-action-light-modedark);
195
+ --agnostic-action-dark:var(--agnostic-action-dark-modedark);
196
+ --agnostic-action-hover:var(--agnostic-action-hover-modedark);
197
+ --agnostic-action:var(--agnostic-action-modedark);
198
+ }
199
+
200
+ :where(html) {
201
+ --agnostic-focus-ring-outline-color:transparent;
202
+ --agnostic-focus-ring-outline-style:solid;
203
+ --agnostic-focus-ring-outline-width:3px;
204
+ --agnostic-focus-ring-color:rgb(55 149 225 / 50%);
205
+ }
206
+
207
+ :where(html) {
208
+ --fluid-80:5rem;
209
+ --fluid-72:4.5rem;
210
+ --fluid-64:4rem;
211
+ --fluid-56:3.5rem;
212
+ --fluid-48:3rem;
213
+ --fluid-40:2.5rem;
214
+ --fluid-36:2.25rem;
215
+ --fluid-32:2rem;
216
+ --fluid-24:1.5rem;
217
+ --fluid-20:1.25rem;
218
+ --fluid-18:1.125rem;
219
+ --fluid-16:1rem;
220
+ --fluid-14:0.875rem;
221
+ --fluid-12:0.75rem;
222
+ --fluid-10:0.625rem;
223
+ --fluid-8:0.5rem;
224
+ --fluid-6:0.375rem;
225
+ --fluid-4:0.25rem;
226
+ --fluid-2:0.125rem;
227
+ --agnostic-vertical-pad:var(--fluid-8);
228
+ --agnostic-line-height:var(--fluid-20);
229
+ --agnostic-side-padding:var(--fluid-12);
230
+ --agnostic-input-side-padding:var(--fluid-12);
231
+ }
232
+
233
+ :where(html) {
234
+ --agnostic-small:0.875rem;
235
+ --agnostic-body:1rem;
236
+ --agnostic-h6:0.75rem;
237
+ --agnostic-h5:1.125rem;
238
+ --agnostic-h4:1.5rem;
239
+ --agnostic-h3:2.25rem;
240
+ --agnostic-h2:3rem;
241
+ --agnostic-h1:4rem;
242
+ --agnostic-font-color:var(--agnostic-dark);
243
+ --agnostic-font-weight-bold:600;
244
+ --agnostic-font-weight-light:300;
245
+ --agnostic-font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
246
+ --agnostic-font-family-serif:Georgia,Cambria,"Times New Roman",Times,serif;
247
+ --agnostic-font-family-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
248
+ }
249
+
250
+ :where(html) {
251
+ --agnostic-timing-slow:450ms;
252
+ --agnostic-timing-medium:300ms;
253
+ --agnostic-timing-fast:200ms;
254
+ }
255
+
256
+ :root {
257
+ --agnostic-radius:var(--fluid-4,0.25rem);
258
+ --agnostic-radius-capsule:9999px;
259
+ }
260
+
261
+ html {
262
+ box-sizing: border-box;
263
+ }
264
+
265
+ *, *::before, *::after {
266
+ box-sizing: inherit;
267
+ }
268
+
269
+ :where(body) {
270
+ line-height: 1.5;
271
+ }
272
+
273
+ :where(ul) {
274
+ list-style: none;
275
+ }
276
+
277
+ :where(button, [role=button]) {
278
+ cursor: pointer;
279
+ }
280
+
281
+ :where(input, button, select, optgroup, textarea) {
282
+ margin: 0;
283
+ font-family: inherit;
284
+ font-size: inherit;
285
+ color: inherit;
286
+ line-height: inherit;
287
+ }
288
+
289
+ :where(table) {
290
+ border-collapse: collapse;
291
+ }
292
+
293
+ :where(th) {
294
+ text-align: -webkit-match-parent;
295
+ text-align: match-parent;
296
+ text-align: inherit;
297
+ }
298
+
299
+ :where(thead, tbody, tfoot, tr, td, th) {
300
+ border-color: inherit;
301
+ border-style: solid;
302
+ border-width: 0;
303
+ }
304
+
305
+ :where(html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, button, pre, hr, h1, h2, h3, h4, h5, h6) {
306
+ margin: 0;
307
+ padding: 0;
308
+ }
309
+
310
+ a {
311
+ --agnostic-link-color:var(--agnostic-primary,#077acb);
312
+ color: var(--agnostic-link-color);
313
+ text-decoration: none;
314
+ }
315
+
316
+ a:hover {
317
+ text-decoration: underline;
318
+ }
319
+
320
+ a:focus {
321
+ box-shadow: 0 0 0 var(--agnostic-focus-ring-outline-width) var(--agnostic-focus-ring-color);
322
+ outline: var(--agnostic-focus-ring-outline-width) var(--agnostic-focus-ring-outline-style) var(--agnostic-focus-ring-outline-color);
323
+ transition: box-shadow var(--agnostic-timing-fast) ease-out;
324
+ }
325
+
326
+ @media (prefers-reduced-motion), (update: slow) {
327
+ a:focus {
328
+ transition-duration: 0.001ms !important;
329
+ }
330
+ }
331
+ .screenreader-only {
332
+ position: absolute;
333
+ width: 1px;
334
+ height: 1px;
335
+ padding: 0;
336
+ margin: -1px;
337
+ overflow: hidden;
338
+ clip: rect(0, 0, 0, 0);
339
+ white-space: nowrap;
340
+ border-width: 0;
341
+ }
342
+
343
+ .w-100 {
344
+ width: 100% !important;
345
+ }
346
+
347
+ .text-lowercase {
348
+ text-transform: lowercase !important;
349
+ }
350
+
351
+ .text-uppercase {
352
+ text-transform: uppercase !important;
353
+ }
354
+
355
+ .text-capitalize {
356
+ text-transform: capitalize !important;
357
+ }
358
+
359
+ .text-center {
360
+ text-align: center !important;
361
+ }
362
+
363
+ .h1 {
364
+ font-size: var(--agnostic-h1) !important;
365
+ }
366
+
367
+ .h2 {
368
+ font-size: var(--agnostic-h2) !important;
369
+ }
370
+
371
+ .h3 {
372
+ font-size: var(--agnostic-h3) !important;
373
+ }
374
+
375
+ .h4 {
376
+ font-size: var(--agnostic-h4) !important;
377
+ }
378
+
379
+ .h5 {
380
+ font-size: var(--agnostic-h5) !important;
381
+ }
382
+
383
+ .h6 {
384
+ font-size: var(--agnostic-h6) !important;
385
+ }
386
+
387
+ .top {
388
+ top: 0 !important;
389
+ }
390
+
391
+ .bottom {
392
+ bottom: 0 !important;
393
+ }
394
+
395
+ .start {
396
+ left: var(--fluid-16) !important;
397
+ }
398
+
399
+ .end {
400
+ right: var(--fluid-16) !important;
401
+ }
402
+
403
+ .center {
404
+ left: 50% !important;
405
+ transform: translateX(-50%) !important;
406
+ }
407
+
408
+ .flex {
409
+ display: flex !important;
410
+ }
411
+
412
+ .flex-inline {
413
+ display: inline-flex !important;
414
+ }
415
+
416
+ .flex-fill {
417
+ flex: 1 1 auto !important;
418
+ }
419
+
420
+ .flex-row {
421
+ flex-direction: row !important;
422
+ }
423
+
424
+ .flex-column {
425
+ flex-direction: column !important;
426
+ }
427
+
428
+ .flex-grow-0 {
429
+ flex-grow: 0 !important;
430
+ }
431
+
432
+ .flex-grow-1 {
433
+ flex-grow: 1 !important;
434
+ }
435
+
436
+ .flex-shrink-0 {
437
+ flex-shrink: 0 !important;
438
+ }
439
+
440
+ .flex-shrink-1 {
441
+ flex-shrink: 1 !important;
442
+ }
443
+
444
+ .flex-wrap {
445
+ flex-wrap: wrap !important;
446
+ }
447
+
448
+ .flex-nowrap {
449
+ flex-wrap: nowrap !important;
450
+ }
451
+
452
+ .items-start {
453
+ align-items: flex-start !important;
454
+ }
455
+
456
+ .items-end {
457
+ align-items: flex-end !important;
458
+ }
459
+
460
+ .items-center {
461
+ align-items: center !important;
462
+ }
463
+
464
+ .items-baseline {
465
+ align-items: baseline !important;
466
+ }
467
+
468
+ .items-stretch {
469
+ align-items: stretch !important;
470
+ }
471
+
472
+ .self-start {
473
+ align-self: flex-start !important;
474
+ }
475
+
476
+ .self-end {
477
+ align-self: flex-end !important;
478
+ }
479
+
480
+ .self-center {
481
+ align-self: center !important;
482
+ }
483
+
484
+ .self-baseline {
485
+ align-self: baseline !important;
486
+ }
487
+
488
+ .self-stretch {
489
+ align-self: stretch !important;
490
+ }
491
+
492
+ .justify-start {
493
+ justify-content: flex-start !important;
494
+ }
495
+
496
+ .justify-end {
497
+ justify-content: flex-end !important;
498
+ }
499
+
500
+ .justify-center {
501
+ justify-content: center !important;
502
+ }
503
+
504
+ .justify-between {
505
+ justify-content: space-between !important;
506
+ }
507
+
508
+ .justify-around {
509
+ justify-content: space-around !important;
510
+ }
511
+
512
+ .content-start {
513
+ align-content: flex-start !important;
514
+ }
515
+
516
+ .content-end {
517
+ align-content: flex-end !important;
518
+ }
519
+
520
+ .content-center {
521
+ align-content: center !important;
522
+ }
523
+
524
+ .content-between {
525
+ align-content: space-between !important;
526
+ }
527
+
528
+ .content-around {
529
+ align-content: space-around !important;
530
+ }
531
+
532
+ .content-stretch {
533
+ align-content: stretch !important;
534
+ }
535
+
536
+ .m0 {
537
+ margin: 0 !important;
538
+ }
539
+
540
+ .m2 {
541
+ margin: var(--fluid-2) !important;
542
+ }
543
+
544
+ .m4 {
545
+ margin: var(--fluid-4) !important;
546
+ }
547
+
548
+ .m6 {
549
+ margin: var(--fluid-6) !important;
550
+ }
551
+
552
+ .m8 {
553
+ margin: var(--fluid-8) !important;
554
+ }
555
+
556
+ .m10 {
557
+ margin: var(--fluid-10) !important;
558
+ }
559
+
560
+ .m12 {
561
+ margin: var(--fluid-12) !important;
562
+ }
563
+
564
+ .m14 {
565
+ margin: var(--fluid-14) !important;
566
+ }
567
+
568
+ .m16 {
569
+ margin: var(--fluid-16) !important;
570
+ }
571
+
572
+ .m18 {
573
+ margin: var(--fluid-18) !important;
574
+ }
575
+
576
+ .m20 {
577
+ margin: var(--fluid-20) !important;
578
+ }
579
+
580
+ .m24 {
581
+ margin: var(--fluid-24) !important;
582
+ }
583
+
584
+ .m32 {
585
+ margin: var(--fluid-32) !important;
586
+ }
587
+
588
+ .m36 {
589
+ margin: var(--fluid-36) !important;
590
+ }
591
+
592
+ .m40 {
593
+ margin: var(--fluid-40) !important;
594
+ }
595
+
596
+ .m48 {
597
+ margin: var(--fluid-48) !important;
598
+ }
599
+
600
+ .m56 {
601
+ margin: var(--fluid-56) !important;
602
+ }
603
+
604
+ .m64 {
605
+ margin: var(--fluid-64) !important;
606
+ }
607
+
608
+ .mis0 {
609
+ -webkit-margin-start: 0 !important;
610
+ margin-inline-start: 0 !important;
611
+ }
612
+
613
+ .mis2 {
614
+ -webkit-margin-start: var(--fluid-2) !important;
615
+ margin-inline-start: var(--fluid-2) !important;
616
+ }
617
+
618
+ .mis4 {
619
+ -webkit-margin-start: var(--fluid-4) !important;
620
+ margin-inline-start: var(--fluid-4) !important;
621
+ }
622
+
623
+ .mis6 {
624
+ -webkit-margin-start: var(--fluid-6) !important;
625
+ margin-inline-start: var(--fluid-6) !important;
626
+ }
627
+
628
+ .mis8 {
629
+ -webkit-margin-start: var(--fluid-8) !important;
630
+ margin-inline-start: var(--fluid-8) !important;
631
+ }
632
+
633
+ .mis10 {
634
+ -webkit-margin-start: var(--fluid-10) !important;
635
+ margin-inline-start: var(--fluid-10) !important;
636
+ }
637
+
638
+ .mis12 {
639
+ -webkit-margin-start: var(--fluid-12) !important;
640
+ margin-inline-start: var(--fluid-12) !important;
641
+ }
642
+
643
+ .mis14 {
644
+ -webkit-margin-start: var(--fluid-14) !important;
645
+ margin-inline-start: var(--fluid-14) !important;
646
+ }
647
+
648
+ .mis16 {
649
+ -webkit-margin-start: var(--fluid-16) !important;
650
+ margin-inline-start: var(--fluid-16) !important;
651
+ }
652
+
653
+ .mis18 {
654
+ -webkit-margin-start: var(--fluid-18) !important;
655
+ margin-inline-start: var(--fluid-18) !important;
656
+ }
657
+
658
+ .mis20 {
659
+ -webkit-margin-start: var(--fluid-20) !important;
660
+ margin-inline-start: var(--fluid-20) !important;
661
+ }
662
+
663
+ .mis24 {
664
+ -webkit-margin-start: var(--fluid-24) !important;
665
+ margin-inline-start: var(--fluid-24) !important;
666
+ }
667
+
668
+ .mis32 {
669
+ -webkit-margin-start: var(--fluid-32) !important;
670
+ margin-inline-start: var(--fluid-32) !important;
671
+ }
672
+
673
+ .mis36 {
674
+ -webkit-margin-start: var(--fluid-36) !important;
675
+ margin-inline-start: var(--fluid-36) !important;
676
+ }
677
+
678
+ .mis40 {
679
+ -webkit-margin-start: var(--fluid-40) !important;
680
+ margin-inline-start: var(--fluid-40) !important;
681
+ }
682
+
683
+ .mis48 {
684
+ -webkit-margin-start: var(--fluid-48) !important;
685
+ margin-inline-start: var(--fluid-48) !important;
686
+ }
687
+
688
+ .mis56 {
689
+ -webkit-margin-start: var(--fluid-56) !important;
690
+ margin-inline-start: var(--fluid-56) !important;
691
+ }
692
+
693
+ .mis64 {
694
+ -webkit-margin-start: var(--fluid-64) !important;
695
+ margin-inline-start: var(--fluid-64) !important;
696
+ }
697
+
698
+ .mie0 {
699
+ -webkit-margin-end: 0 !important;
700
+ margin-inline-end: 0 !important;
701
+ }
702
+
703
+ .mie2 {
704
+ -webkit-margin-end: var(--fluid-2) !important;
705
+ margin-inline-end: var(--fluid-2) !important;
706
+ }
707
+
708
+ .mie4 {
709
+ -webkit-margin-end: var(--fluid-4) !important;
710
+ margin-inline-end: var(--fluid-4) !important;
711
+ }
712
+
713
+ .mie6 {
714
+ -webkit-margin-end: var(--fluid-6) !important;
715
+ margin-inline-end: var(--fluid-6) !important;
716
+ }
717
+
718
+ .mie8 {
719
+ -webkit-margin-end: var(--fluid-8) !important;
720
+ margin-inline-end: var(--fluid-8) !important;
721
+ }
722
+
723
+ .mie10 {
724
+ -webkit-margin-end: var(--fluid-10) !important;
725
+ margin-inline-end: var(--fluid-10) !important;
726
+ }
727
+
728
+ .mie12 {
729
+ -webkit-margin-end: var(--fluid-12) !important;
730
+ margin-inline-end: var(--fluid-12) !important;
731
+ }
732
+
733
+ .mie14 {
734
+ -webkit-margin-end: var(--fluid-14) !important;
735
+ margin-inline-end: var(--fluid-14) !important;
736
+ }
737
+
738
+ .mie16 {
739
+ -webkit-margin-end: var(--fluid-16) !important;
740
+ margin-inline-end: var(--fluid-16) !important;
741
+ }
742
+
743
+ .mie18 {
744
+ -webkit-margin-end: var(--fluid-18) !important;
745
+ margin-inline-end: var(--fluid-18) !important;
746
+ }
747
+
748
+ .mie20 {
749
+ -webkit-margin-end: var(--fluid-20) !important;
750
+ margin-inline-end: var(--fluid-20) !important;
751
+ }
752
+
753
+ .mie24 {
754
+ -webkit-margin-end: var(--fluid-24) !important;
755
+ margin-inline-end: var(--fluid-24) !important;
756
+ }
757
+
758
+ .mie32 {
759
+ -webkit-margin-end: var(--fluid-32) !important;
760
+ margin-inline-end: var(--fluid-32) !important;
761
+ }
762
+
763
+ .mie36 {
764
+ -webkit-margin-end: var(--fluid-36) !important;
765
+ margin-inline-end: var(--fluid-36) !important;
766
+ }
767
+
768
+ .mie40 {
769
+ -webkit-margin-end: var(--fluid-40) !important;
770
+ margin-inline-end: var(--fluid-40) !important;
771
+ }
772
+
773
+ .mie48 {
774
+ -webkit-margin-end: var(--fluid-48) !important;
775
+ margin-inline-end: var(--fluid-48) !important;
776
+ }
777
+
778
+ .mie56 {
779
+ -webkit-margin-end: var(--fluid-56) !important;
780
+ margin-inline-end: var(--fluid-56) !important;
781
+ }
782
+
783
+ .mie64 {
784
+ -webkit-margin-end: var(--fluid-64) !important;
785
+ margin-inline-end: var(--fluid-64) !important;
786
+ }
787
+
788
+ .mbs0 {
789
+ -webkit-margin-before: 0 !important;
790
+ margin-block-start: 0 !important;
791
+ }
792
+
793
+ .mbs2 {
794
+ -webkit-margin-before: var(--fluid-2) !important;
795
+ margin-block-start: var(--fluid-2) !important;
796
+ }
797
+
798
+ .mbs4 {
799
+ -webkit-margin-before: var(--fluid-4) !important;
800
+ margin-block-start: var(--fluid-4) !important;
801
+ }
802
+
803
+ .mbs6 {
804
+ -webkit-margin-before: var(--fluid-6) !important;
805
+ margin-block-start: var(--fluid-6) !important;
806
+ }
807
+
808
+ .mbs8 {
809
+ -webkit-margin-before: var(--fluid-8) !important;
810
+ margin-block-start: var(--fluid-8) !important;
811
+ }
812
+
813
+ .mbs10 {
814
+ -webkit-margin-before: var(--fluid-10) !important;
815
+ margin-block-start: var(--fluid-10) !important;
816
+ }
817
+
818
+ .mbs12 {
819
+ -webkit-margin-before: var(--fluid-12) !important;
820
+ margin-block-start: var(--fluid-12) !important;
821
+ }
822
+
823
+ .mbs14 {
824
+ -webkit-margin-before: var(--fluid-14) !important;
825
+ margin-block-start: var(--fluid-14) !important;
826
+ }
827
+
828
+ .mbs16 {
829
+ -webkit-margin-before: var(--fluid-16) !important;
830
+ margin-block-start: var(--fluid-16) !important;
831
+ }
832
+
833
+ .mbs18 {
834
+ -webkit-margin-before: var(--fluid-18) !important;
835
+ margin-block-start: var(--fluid-18) !important;
836
+ }
837
+
838
+ .mbs20 {
839
+ -webkit-margin-before: var(--fluid-20) !important;
840
+ margin-block-start: var(--fluid-20) !important;
841
+ }
842
+
843
+ .mbs24 {
844
+ -webkit-margin-before: var(--fluid-24) !important;
845
+ margin-block-start: var(--fluid-24) !important;
846
+ }
847
+
848
+ .mbs32 {
849
+ -webkit-margin-before: var(--fluid-32) !important;
850
+ margin-block-start: var(--fluid-32) !important;
851
+ }
852
+
853
+ .mbs36 {
854
+ -webkit-margin-before: var(--fluid-36) !important;
855
+ margin-block-start: var(--fluid-36) !important;
856
+ }
857
+
858
+ .mbs40 {
859
+ -webkit-margin-before: var(--fluid-40) !important;
860
+ margin-block-start: var(--fluid-40) !important;
861
+ }
862
+
863
+ .mbs48 {
864
+ -webkit-margin-before: var(--fluid-48) !important;
865
+ margin-block-start: var(--fluid-48) !important;
866
+ }
867
+
868
+ .mbs56 {
869
+ -webkit-margin-before: var(--fluid-56) !important;
870
+ margin-block-start: var(--fluid-56) !important;
871
+ }
872
+
873
+ .mbs64 {
874
+ -webkit-margin-before: var(--fluid-64) !important;
875
+ margin-block-start: var(--fluid-64) !important;
876
+ }
877
+
878
+ .mbe0 {
879
+ -webkit-margin-after: 0 !important;
880
+ margin-block-end: 0 !important;
881
+ }
882
+
883
+ .mbe2 {
884
+ -webkit-margin-after: var(--fluid-2) !important;
885
+ margin-block-end: var(--fluid-2) !important;
886
+ }
887
+
888
+ .mbe4 {
889
+ -webkit-margin-after: var(--fluid-4) !important;
890
+ margin-block-end: var(--fluid-4) !important;
891
+ }
892
+
893
+ .mbe6 {
894
+ -webkit-margin-after: var(--fluid-6) !important;
895
+ margin-block-end: var(--fluid-6) !important;
896
+ }
897
+
898
+ .mbe8 {
899
+ -webkit-margin-after: var(--fluid-8) !important;
900
+ margin-block-end: var(--fluid-8) !important;
901
+ }
902
+
903
+ .mbe10 {
904
+ -webkit-margin-after: var(--fluid-10) !important;
905
+ margin-block-end: var(--fluid-10) !important;
906
+ }
907
+
908
+ .mbe12 {
909
+ -webkit-margin-after: var(--fluid-12) !important;
910
+ margin-block-end: var(--fluid-12) !important;
911
+ }
912
+
913
+ .mbe14 {
914
+ -webkit-margin-after: var(--fluid-14) !important;
915
+ margin-block-end: var(--fluid-14) !important;
916
+ }
917
+
918
+ .mbe16 {
919
+ -webkit-margin-after: var(--fluid-16) !important;
920
+ margin-block-end: var(--fluid-16) !important;
921
+ }
922
+
923
+ .mbe18 {
924
+ -webkit-margin-after: var(--fluid-18) !important;
925
+ margin-block-end: var(--fluid-18) !important;
926
+ }
927
+
928
+ .mbe20 {
929
+ -webkit-margin-after: var(--fluid-20) !important;
930
+ margin-block-end: var(--fluid-20) !important;
931
+ }
932
+
933
+ .mbe24 {
934
+ -webkit-margin-after: var(--fluid-24) !important;
935
+ margin-block-end: var(--fluid-24) !important;
936
+ }
937
+
938
+ .mbe32 {
939
+ -webkit-margin-after: var(--fluid-32) !important;
940
+ margin-block-end: var(--fluid-32) !important;
941
+ }
942
+
943
+ .mbe36 {
944
+ -webkit-margin-after: var(--fluid-36) !important;
945
+ margin-block-end: var(--fluid-36) !important;
946
+ }
947
+
948
+ .mbe40 {
949
+ -webkit-margin-after: var(--fluid-40) !important;
950
+ margin-block-end: var(--fluid-40) !important;
951
+ }
952
+
953
+ .mbe48 {
954
+ -webkit-margin-after: var(--fluid-48) !important;
955
+ margin-block-end: var(--fluid-48) !important;
956
+ }
957
+
958
+ .mbe56 {
959
+ -webkit-margin-after: var(--fluid-56) !important;
960
+ margin-block-end: var(--fluid-56) !important;
961
+ }
962
+
963
+ .mbe64 {
964
+ -webkit-margin-after: var(--fluid-64) !important;
965
+ margin-block-end: var(--fluid-64) !important;
966
+ }
967
+
968
+ .p0 {
969
+ padding: 0 !important;
970
+ }
971
+
972
+ .p2 {
973
+ padding: var(--fluid-2) !important;
974
+ }
975
+
976
+ .p4 {
977
+ padding: var(--fluid-4) !important;
978
+ }
979
+
980
+ .p6 {
981
+ padding: var(--fluid-6) !important;
982
+ }
983
+
984
+ .p8 {
985
+ padding: var(--fluid-8) !important;
986
+ }
987
+
988
+ .p10 {
989
+ padding: var(--fluid-10) !important;
990
+ }
991
+
992
+ .p12 {
993
+ padding: var(--fluid-12) !important;
994
+ }
995
+
996
+ .p14 {
997
+ padding: var(--fluid-14) !important;
998
+ }
999
+
1000
+ .p16 {
1001
+ padding: var(--fluid-16) !important;
1002
+ }
1003
+
1004
+ .p18 {
1005
+ padding: var(--fluid-18) !important;
1006
+ }
1007
+
1008
+ .p20 {
1009
+ padding: var(--fluid-20) !important;
1010
+ }
1011
+
1012
+ .p24 {
1013
+ padding: var(--fluid-24) !important;
1014
+ }
1015
+
1016
+ .p32 {
1017
+ padding: var(--fluid-32) !important;
1018
+ }
1019
+
1020
+ .p36 {
1021
+ padding: var(--fluid-36) !important;
1022
+ }
1023
+
1024
+ .p40 {
1025
+ padding: var(--fluid-40) !important;
1026
+ }
1027
+
1028
+ .p48 {
1029
+ padding: var(--fluid-48) !important;
1030
+ }
1031
+
1032
+ .p56 {
1033
+ padding: var(--fluid-56) !important;
1034
+ }
1035
+
1036
+ .p64 {
1037
+ padding: var(--fluid-64) !important;
1038
+ }
1039
+
1040
+ .pis0 {
1041
+ -webkit-padding-start: 0 !important;
1042
+ padding-inline-start: 0 !important;
1043
+ }
1044
+
1045
+ .pis2 {
1046
+ -webkit-padding-start: var(--fluid-2) !important;
1047
+ padding-inline-start: var(--fluid-2) !important;
1048
+ }
1049
+
1050
+ .pis4 {
1051
+ -webkit-padding-start: var(--fluid-4) !important;
1052
+ padding-inline-start: var(--fluid-4) !important;
1053
+ }
1054
+
1055
+ .pis6 {
1056
+ -webkit-padding-start: var(--fluid-6) !important;
1057
+ padding-inline-start: var(--fluid-6) !important;
1058
+ }
1059
+
1060
+ .pis8 {
1061
+ -webkit-padding-start: var(--fluid-8) !important;
1062
+ padding-inline-start: var(--fluid-8) !important;
1063
+ }
1064
+
1065
+ .pis10 {
1066
+ -webkit-padding-start: var(--fluid-10) !important;
1067
+ padding-inline-start: var(--fluid-10) !important;
1068
+ }
1069
+
1070
+ .pis12 {
1071
+ -webkit-padding-start: var(--fluid-12) !important;
1072
+ padding-inline-start: var(--fluid-12) !important;
1073
+ }
1074
+
1075
+ .pis14 {
1076
+ -webkit-padding-start: var(--fluid-14) !important;
1077
+ padding-inline-start: var(--fluid-14) !important;
1078
+ }
1079
+
1080
+ .pis16 {
1081
+ -webkit-padding-start: var(--fluid-16) !important;
1082
+ padding-inline-start: var(--fluid-16) !important;
1083
+ }
1084
+
1085
+ .pis18 {
1086
+ -webkit-padding-start: var(--fluid-18) !important;
1087
+ padding-inline-start: var(--fluid-18) !important;
1088
+ }
1089
+
1090
+ .pis20 {
1091
+ -webkit-padding-start: var(--fluid-20) !important;
1092
+ padding-inline-start: var(--fluid-20) !important;
1093
+ }
1094
+
1095
+ .pis24 {
1096
+ -webkit-padding-start: var(--fluid-24) !important;
1097
+ padding-inline-start: var(--fluid-24) !important;
1098
+ }
1099
+
1100
+ .pis32 {
1101
+ -webkit-padding-start: var(--fluid-32) !important;
1102
+ padding-inline-start: var(--fluid-32) !important;
1103
+ }
1104
+
1105
+ .pis36 {
1106
+ -webkit-padding-start: var(--fluid-36) !important;
1107
+ padding-inline-start: var(--fluid-36) !important;
1108
+ }
1109
+
1110
+ .pis40 {
1111
+ -webkit-padding-start: var(--fluid-40) !important;
1112
+ padding-inline-start: var(--fluid-40) !important;
1113
+ }
1114
+
1115
+ .pis48 {
1116
+ -webkit-padding-start: var(--fluid-48) !important;
1117
+ padding-inline-start: var(--fluid-48) !important;
1118
+ }
1119
+
1120
+ .pis56 {
1121
+ -webkit-padding-start: var(--fluid-56) !important;
1122
+ padding-inline-start: var(--fluid-56) !important;
1123
+ }
1124
+
1125
+ .pis64 {
1126
+ -webkit-padding-start: var(--fluid-64) !important;
1127
+ padding-inline-start: var(--fluid-64) !important;
1128
+ }
1129
+
1130
+ .pie0 {
1131
+ -webkit-padding-end: 0 !important;
1132
+ padding-inline-end: 0 !important;
1133
+ }
1134
+
1135
+ .pie2 {
1136
+ -webkit-padding-end: var(--fluid-2) !important;
1137
+ padding-inline-end: var(--fluid-2) !important;
1138
+ }
1139
+
1140
+ .pie4 {
1141
+ -webkit-padding-end: var(--fluid-4) !important;
1142
+ padding-inline-end: var(--fluid-4) !important;
1143
+ }
1144
+
1145
+ .pie6 {
1146
+ -webkit-padding-end: var(--fluid-6) !important;
1147
+ padding-inline-end: var(--fluid-6) !important;
1148
+ }
1149
+
1150
+ .pie8 {
1151
+ -webkit-padding-end: var(--fluid-8) !important;
1152
+ padding-inline-end: var(--fluid-8) !important;
1153
+ }
1154
+
1155
+ .pie10 {
1156
+ -webkit-padding-end: var(--fluid-10) !important;
1157
+ padding-inline-end: var(--fluid-10) !important;
1158
+ }
1159
+
1160
+ .pie12 {
1161
+ -webkit-padding-end: var(--fluid-12) !important;
1162
+ padding-inline-end: var(--fluid-12) !important;
1163
+ }
1164
+
1165
+ .pie14 {
1166
+ -webkit-padding-end: var(--fluid-14) !important;
1167
+ padding-inline-end: var(--fluid-14) !important;
1168
+ }
1169
+
1170
+ .pie16 {
1171
+ -webkit-padding-end: var(--fluid-16) !important;
1172
+ padding-inline-end: var(--fluid-16) !important;
1173
+ }
1174
+
1175
+ .pie18 {
1176
+ -webkit-padding-end: var(--fluid-18) !important;
1177
+ padding-inline-end: var(--fluid-18) !important;
1178
+ }
1179
+
1180
+ .pie20 {
1181
+ -webkit-padding-end: var(--fluid-20) !important;
1182
+ padding-inline-end: var(--fluid-20) !important;
1183
+ }
1184
+
1185
+ .pie24 {
1186
+ -webkit-padding-end: var(--fluid-24) !important;
1187
+ padding-inline-end: var(--fluid-24) !important;
1188
+ }
1189
+
1190
+ .pie32 {
1191
+ -webkit-padding-end: var(--fluid-32) !important;
1192
+ padding-inline-end: var(--fluid-32) !important;
1193
+ }
1194
+
1195
+ .pie36 {
1196
+ -webkit-padding-end: var(--fluid-36) !important;
1197
+ padding-inline-end: var(--fluid-36) !important;
1198
+ }
1199
+
1200
+ .pie40 {
1201
+ -webkit-padding-end: var(--fluid-40) !important;
1202
+ padding-inline-end: var(--fluid-40) !important;
1203
+ }
1204
+
1205
+ .pie48 {
1206
+ -webkit-padding-end: var(--fluid-48) !important;
1207
+ padding-inline-end: var(--fluid-48) !important;
1208
+ }
1209
+
1210
+ .pie56 {
1211
+ -webkit-padding-end: var(--fluid-56) !important;
1212
+ padding-inline-end: var(--fluid-56) !important;
1213
+ }
1214
+
1215
+ .pie64 {
1216
+ -webkit-padding-end: var(--fluid-64) !important;
1217
+ padding-inline-end: var(--fluid-64) !important;
1218
+ }
1219
+
1220
+ .pbs0 {
1221
+ -webkit-padding-before: 0 !important;
1222
+ padding-block-start: 0 !important;
1223
+ }
1224
+
1225
+ .pbs2 {
1226
+ -webkit-padding-before: var(--fluid-2) !important;
1227
+ padding-block-start: var(--fluid-2) !important;
1228
+ }
1229
+
1230
+ .pbs4 {
1231
+ -webkit-padding-before: var(--fluid-4) !important;
1232
+ padding-block-start: var(--fluid-4) !important;
1233
+ }
1234
+
1235
+ .pbs6 {
1236
+ -webkit-padding-before: var(--fluid-6) !important;
1237
+ padding-block-start: var(--fluid-6) !important;
1238
+ }
1239
+
1240
+ .pbs8 {
1241
+ -webkit-padding-before: var(--fluid-8) !important;
1242
+ padding-block-start: var(--fluid-8) !important;
1243
+ }
1244
+
1245
+ .pbs10 {
1246
+ -webkit-padding-before: var(--fluid-10) !important;
1247
+ padding-block-start: var(--fluid-10) !important;
1248
+ }
1249
+
1250
+ .pbs12 {
1251
+ -webkit-padding-before: var(--fluid-12) !important;
1252
+ padding-block-start: var(--fluid-12) !important;
1253
+ }
1254
+
1255
+ .pbs14 {
1256
+ -webkit-padding-before: var(--fluid-14) !important;
1257
+ padding-block-start: var(--fluid-14) !important;
1258
+ }
1259
+
1260
+ .pbs16 {
1261
+ -webkit-padding-before: var(--fluid-16) !important;
1262
+ padding-block-start: var(--fluid-16) !important;
1263
+ }
1264
+
1265
+ .pbs18 {
1266
+ -webkit-padding-before: var(--fluid-18) !important;
1267
+ padding-block-start: var(--fluid-18) !important;
1268
+ }
1269
+
1270
+ .pbs20 {
1271
+ -webkit-padding-before: var(--fluid-20) !important;
1272
+ padding-block-start: var(--fluid-20) !important;
1273
+ }
1274
+
1275
+ .pbs24 {
1276
+ -webkit-padding-before: var(--fluid-24) !important;
1277
+ padding-block-start: var(--fluid-24) !important;
1278
+ }
1279
+
1280
+ .pbs32 {
1281
+ -webkit-padding-before: var(--fluid-32) !important;
1282
+ padding-block-start: var(--fluid-32) !important;
1283
+ }
1284
+
1285
+ .pbs36 {
1286
+ -webkit-padding-before: var(--fluid-36) !important;
1287
+ padding-block-start: var(--fluid-36) !important;
1288
+ }
1289
+
1290
+ .pbs40 {
1291
+ -webkit-padding-before: var(--fluid-40) !important;
1292
+ padding-block-start: var(--fluid-40) !important;
1293
+ }
1294
+
1295
+ .pbs48 {
1296
+ -webkit-padding-before: var(--fluid-48) !important;
1297
+ padding-block-start: var(--fluid-48) !important;
1298
+ }
1299
+
1300
+ .pbs56 {
1301
+ -webkit-padding-before: var(--fluid-56) !important;
1302
+ padding-block-start: var(--fluid-56) !important;
1303
+ }
1304
+
1305
+ .pbs64 {
1306
+ -webkit-padding-before: var(--fluid-64) !important;
1307
+ padding-block-start: var(--fluid-64) !important;
1308
+ }
1309
+
1310
+ .pbe0 {
1311
+ -webkit-padding-after: 0 !important;
1312
+ padding-block-end: 0 !important;
1313
+ }
1314
+
1315
+ .pbe2 {
1316
+ -webkit-padding-after: var(--fluid-2) !important;
1317
+ padding-block-end: var(--fluid-2) !important;
1318
+ }
1319
+
1320
+ .pbe4 {
1321
+ -webkit-padding-after: var(--fluid-4) !important;
1322
+ padding-block-end: var(--fluid-4) !important;
1323
+ }
1324
+
1325
+ .pbe6 {
1326
+ -webkit-padding-after: var(--fluid-6) !important;
1327
+ padding-block-end: var(--fluid-6) !important;
1328
+ }
1329
+
1330
+ .pbe8 {
1331
+ -webkit-padding-after: var(--fluid-8) !important;
1332
+ padding-block-end: var(--fluid-8) !important;
1333
+ }
1334
+
1335
+ .pbe10 {
1336
+ -webkit-padding-after: var(--fluid-10) !important;
1337
+ padding-block-end: var(--fluid-10) !important;
1338
+ }
1339
+
1340
+ .pbe12 {
1341
+ -webkit-padding-after: var(--fluid-12) !important;
1342
+ padding-block-end: var(--fluid-12) !important;
1343
+ }
1344
+
1345
+ .pbe14 {
1346
+ -webkit-padding-after: var(--fluid-14) !important;
1347
+ padding-block-end: var(--fluid-14) !important;
1348
+ }
1349
+
1350
+ .pbe16 {
1351
+ -webkit-padding-after: var(--fluid-16) !important;
1352
+ padding-block-end: var(--fluid-16) !important;
1353
+ }
1354
+
1355
+ .pbe18 {
1356
+ -webkit-padding-after: var(--fluid-18) !important;
1357
+ padding-block-end: var(--fluid-18) !important;
1358
+ }
1359
+
1360
+ .pbe20 {
1361
+ -webkit-padding-after: var(--fluid-20) !important;
1362
+ padding-block-end: var(--fluid-20) !important;
1363
+ }
1364
+
1365
+ .pbe24 {
1366
+ -webkit-padding-after: var(--fluid-24) !important;
1367
+ padding-block-end: var(--fluid-24) !important;
1368
+ }
1369
+
1370
+ .pbe32 {
1371
+ -webkit-padding-after: var(--fluid-32) !important;
1372
+ padding-block-end: var(--fluid-32) !important;
1373
+ }
1374
+
1375
+ .pbe36 {
1376
+ -webkit-padding-after: var(--fluid-36) !important;
1377
+ padding-block-end: var(--fluid-36) !important;
1378
+ }
1379
+
1380
+ .pbe40 {
1381
+ -webkit-padding-after: var(--fluid-40) !important;
1382
+ padding-block-end: var(--fluid-40) !important;
1383
+ }
1384
+
1385
+ .pbe48 {
1386
+ -webkit-padding-after: var(--fluid-48) !important;
1387
+ padding-block-end: var(--fluid-48) !important;
1388
+ }
1389
+
1390
+ .pbe56 {
1391
+ -webkit-padding-after: var(--fluid-56) !important;
1392
+ padding-block-end: var(--fluid-56) !important;
1393
+ }
1394
+
1395
+ .pbe64 {
1396
+ -webkit-padding-after: var(--fluid-64) !important;
1397
+ padding-block-end: var(--fluid-64) !important;
1398
+ }
1399
+
1400
+ html, body, body > div {
1401
+ height: 100%;
1402
+ }
1403
+
1404
+ .fw {
1405
+ width: 100%;
1406
+ }
1407
+
1408
+ .flex-row {
1409
+ flex-direction: row;
1410
+ }
1411
+
1412
+ .flex-column {
1413
+ flex-direction: column;
1414
+ }
1415
+
1416
+ .flex-row-dynamic {
1417
+ flex-direction: column;
1418
+ }
1419
+
1420
+ .h0 {
1421
+ height: 0 !important;
1422
+ }
1423
+
1424
+ .h2 {
1425
+ height: var(--fluid-2) !important;
1426
+ }
1427
+
1428
+ .h4 {
1429
+ height: var(--fluid-4) !important;
1430
+ }
1431
+
1432
+ .h6 {
1433
+ height: var(--fluid-6) !important;
1434
+ }
1435
+
1436
+ .h8 {
1437
+ height: var(--fluid-8) !important;
1438
+ }
1439
+
1440
+ .h10 {
1441
+ height: var(--fluid-10) !important;
1442
+ }
1443
+
1444
+ .h12 {
1445
+ height: var(--fluid-12) !important;
1446
+ }
1447
+
1448
+ .h14 {
1449
+ height: var(--fluid-14) !important;
1450
+ }
1451
+
1452
+ .h16 {
1453
+ height: var(--fluid-16) !important;
1454
+ }
1455
+
1456
+ .h18 {
1457
+ height: var(--fluid-18) !important;
1458
+ }
1459
+
1460
+ .h20 {
1461
+ height: var(--fluid-20) !important;
1462
+ }
1463
+
1464
+ .h24 {
1465
+ height: var(--fluid-24) !important;
1466
+ }
1467
+
1468
+ .h32 {
1469
+ height: var(--fluid-32) !important;
1470
+ }
1471
+
1472
+ .h36 {
1473
+ height: var(--fluid-36) !important;
1474
+ }
1475
+
1476
+ .h40 {
1477
+ height: var(--fluid-40) !important;
1478
+ }
1479
+
1480
+ .h48 {
1481
+ height: var(--fluid-48) !important;
1482
+ }
1483
+
1484
+ .h56 {
1485
+ height: var(--fluid-56) !important;
1486
+ }
1487
+
1488
+ .h64 {
1489
+ height: var(--fluid-64) !important;
1490
+ }
1491
+
1492
+ .h33p {
1493
+ height: 33% !important;
1494
+ }
1495
+
1496
+ .h66p {
1497
+ height: 66% !important;
1498
+ }
1499
+
1500
+ .h25p {
1501
+ height: 25% !important;
1502
+ }
1503
+
1504
+ .h75p {
1505
+ height: 75% !important;
1506
+ }
1507
+
1508
+ .h50p {
1509
+ height: 50% !important;
1510
+ }
1511
+
1512
+ .w0 {
1513
+ width: 0 !important;
1514
+ }
1515
+
1516
+ .w2 {
1517
+ width: var(--fluid-2) !important;
1518
+ }
1519
+
1520
+ .w4 {
1521
+ width: var(--fluid-4) !important;
1522
+ }
1523
+
1524
+ .w6 {
1525
+ width: var(--fluid-6) !important;
1526
+ }
1527
+
1528
+ .w8 {
1529
+ width: var(--fluid-8) !important;
1530
+ }
1531
+
1532
+ .w10 {
1533
+ width: var(--fluid-10) !important;
1534
+ }
1535
+
1536
+ .w12 {
1537
+ width: var(--fluid-12) !important;
1538
+ }
1539
+
1540
+ .w14 {
1541
+ width: var(--fluid-14) !important;
1542
+ }
1543
+
1544
+ .w16 {
1545
+ width: var(--fluid-16) !important;
1546
+ }
1547
+
1548
+ .w18 {
1549
+ width: var(--fluid-18) !important;
1550
+ }
1551
+
1552
+ .w20 {
1553
+ width: var(--fluid-20) !important;
1554
+ }
1555
+
1556
+ .w24 {
1557
+ width: var(--fluid-24) !important;
1558
+ }
1559
+
1560
+ .w32 {
1561
+ width: var(--fluid-32) !important;
1562
+ }
1563
+
1564
+ .w36 {
1565
+ width: var(--fluid-36) !important;
1566
+ }
1567
+
1568
+ .w40 {
1569
+ width: var(--fluid-40) !important;
1570
+ }
1571
+
1572
+ .w48 {
1573
+ width: var(--fluid-48) !important;
1574
+ }
1575
+
1576
+ .w56 {
1577
+ width: var(--fluid-56) !important;
1578
+ }
1579
+
1580
+ .w64 {
1581
+ width: var(--fluid-64) !important;
1582
+ }
1583
+
1584
+ .w33p {
1585
+ width: 100% !important;
1586
+ }
1587
+
1588
+ .w66p {
1589
+ width: 100% !important;
1590
+ }
1591
+
1592
+ .w25p {
1593
+ width: 100% !important;
1594
+ }
1595
+
1596
+ .w75p {
1597
+ width: 100% !important;
1598
+ }
1599
+
1600
+ .w50p {
1601
+ width: 100% !important;
1602
+ }
1603
+
1604
+ @media (min-width: 960px) {
1605
+ .flex-row-dynamic {
1606
+ flex-direction: row;
1607
+ }
1608
+ .w33p {
1609
+ width: 33% !important;
1610
+ }
1611
+ .w66p {
1612
+ width: 66% !important;
1613
+ }
1614
+ .w25p {
1615
+ width: 25% !important;
1616
+ }
1617
+ .w75p {
1618
+ width: 75% !important;
1619
+ }
1620
+ .w50p {
1621
+ width: 50% !important;
1622
+ }
1623
+ .h33p {
1624
+ height: 33% !important;
1625
+ }
1626
+ .h66p {
1627
+ height: 66% !important;
1628
+ }
1629
+ .h25p {
1630
+ height: 25% !important;
1631
+ }
1632
+ .h75p {
1633
+ height: 75% !important;
1634
+ }
1635
+ .h50p {
1636
+ height: 50% !important;
1637
+ }
1638
+ }
1639
+
1640
+ /*# sourceMappingURL=functional.css.map */