@fremtind/jokul 0.68.2 → 0.68.4

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