@joza/joza-ui-kit 0.1.0 → 0.1.2

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 (54) hide show
  1. package/dist/joza-ui-kit.es.css +2177 -0
  2. package/dist/joza-ui-kit.es.js +2 -333
  3. package/dist/joza-ui-kit.es.js.map +1 -1
  4. package/dist/joza-ui-kit.umd.css +2177 -0
  5. package/dist/joza-ui-kit.umd.js +5 -339
  6. package/dist/joza-ui-kit.umd.js.map +1 -1
  7. package/dist/types/App.d.ts +2 -0
  8. package/dist/types/component/basic/alert/Alert.d.ts +16 -0
  9. package/dist/types/component/basic/alert/Alert.stories.d.ts +13 -0
  10. package/dist/types/component/basic/alert/index.d.ts +2 -0
  11. package/dist/types/component/basic/animated-stat/animated-stat.d.ts +7 -0
  12. package/dist/types/component/basic/button/Button.d.ts +11 -0
  13. package/dist/types/component/basic/button/Button.stories.d.ts +19 -0
  14. package/dist/types/component/basic/button/index.d.ts +2 -0
  15. package/dist/types/component/basic/button2/button2.d.ts +13 -0
  16. package/dist/types/component/basic/carousel/carousel.d.ts +6 -0
  17. package/dist/types/component/basic/form/form-input.d.ts +12 -0
  18. package/dist/types/component/basic/form/form-row.d.ts +6 -0
  19. package/dist/types/component/basic/form/form.d.ts +11 -0
  20. package/dist/types/component/basic/hamburger-menu/HamburgerMenu.d.ts +12 -0
  21. package/dist/types/component/basic/hamburger-menu/HamburgerMenu.stories.d.ts +15 -0
  22. package/dist/types/component/basic/hamburger-menu/index.d.ts +2 -0
  23. package/dist/types/component/basic/horizontal-menu/horizontal-menu.d.ts +8 -0
  24. package/dist/types/component/basic/horizontal-points/horizontal-points.d.ts +5 -0
  25. package/dist/types/component/basic/section-header/section-header.d.ts +9 -0
  26. package/dist/types/component/basic/vertical-points/vertical-points.d.ts +5 -0
  27. package/dist/types/component/container/card/Card.d.ts +12 -0
  28. package/dist/types/component/container/card/Card.stories.d.ts +17 -0
  29. package/dist/types/component/container/card/index.d.ts +2 -0
  30. package/dist/types/component/container/pop-in/PopIn.d.ts +11 -0
  31. package/dist/types/component/container/pop-in/PopIn.stories.d.ts +20 -0
  32. package/dist/types/component/container/pop-in/index.d.ts +2 -0
  33. package/dist/types/component/domain/domain.d.ts +12 -0
  34. package/dist/types/component/layout/footer/footer.d.ts +6 -0
  35. package/dist/types/component/layout/glowing-back/glowing-back.d.ts +6 -0
  36. package/dist/types/component/layout/info-card/info-card-group.d.ts +8 -0
  37. package/dist/types/component/layout/info-card/info-card.d.ts +15 -0
  38. package/dist/types/component/layout/landing-page/landing-page.d.ts +2 -0
  39. package/dist/types/component/layout/responsive-grid/responsive-grid.d.ts +8 -0
  40. package/dist/types/component/layout/section/section.d.ts +9 -0
  41. package/dist/types/component/layout/two-columns/two-columns.d.ts +9 -0
  42. package/dist/types/index.d.ts +3 -0
  43. package/dist/types/main.d.ts +1 -0
  44. package/dist/types/page/alert-page.d.ts +2 -0
  45. package/dist/types/page/button-page.d.ts +2 -0
  46. package/dist/types/page/card-page.d.ts +2 -0
  47. package/dist/types/page/hamburger-menu-page.d.ts +2 -0
  48. package/dist/types/page/home-page.d.ts +2 -0
  49. package/dist/types/page/landing-page-layout-page.d.ts +2 -0
  50. package/dist/types/page/pop-in-page.d.ts +2 -0
  51. package/dist/types/router/router.d.ts +2 -0
  52. package/dist/types/util/sx.d.ts +5 -0
  53. package/package.json +12 -3
  54. package/dist/index.d.ts +0 -61
@@ -0,0 +1,2177 @@
1
+ .animated-stat-module_animatedStat__Hyy77 {
2
+ text-align: center;
3
+ }
4
+ .animated-stat-module_animatedStat__number__xa33x {
5
+ font-size: 1.875rem;
6
+ font-weight: 700;
7
+ color: hsl(23, 100%, 48%);
8
+ }
9
+ @media (min-width: 640px) {
10
+ .animated-stat-module_animatedStat__number__xa33x {
11
+ font-size: 2.25rem;
12
+ }
13
+ }
14
+ .animated-stat-module_animatedStat__unit__N6MDD {
15
+ font-size: 1.5rem;
16
+ font-weight: 700;
17
+ color: hsl(23, 100%, 48%);
18
+ }
19
+ @media (min-width: 640px) {
20
+ .animated-stat-module_animatedStat__unit__N6MDD {
21
+ font-size: 1.875rem;
22
+ }
23
+ }
24
+ .animated-stat-module_animatedStat__label__VpNaZ {
25
+ color: rgba(255, 255, 255, 0.6);
26
+ font-size: 0.875rem;
27
+ }
28
+ .button2-module_button2__TJ0uA {
29
+ display: inline-flex;
30
+ align-items: center;
31
+ justify-content: center;
32
+ gap: 0.5rem;
33
+ font-weight: 500;
34
+ border-radius: 0.5rem;
35
+ cursor: pointer;
36
+ transition: all 200ms ease;
37
+ }
38
+ .button2-module_button2__TJ0uA:disabled {
39
+ opacity: 0.5;
40
+ cursor: not-allowed;
41
+ }
42
+ .button2-module_button2__TJ0uA {
43
+ padding: 0.5rem 1.5rem;
44
+ font-size: 0.875rem;
45
+ }
46
+ .button2-module_button2__primary__b8-p4 {
47
+ background-color: hsl(23, 100%, 48%);
48
+ color: white;
49
+ }
50
+ .button2-module_button2__primary__b8-p4:hover:not(:disabled) {
51
+ background-color: hsl(23, 100%, 40%);
52
+ }
53
+ .button2-module_button2__lg__KYxhn {
54
+ padding: 0.75rem 2rem;
55
+ font-size: 1.125rem;
56
+ }
57
+ .button2-module_button2__icon__k7LVe {
58
+ width: 1.25rem;
59
+ height: 1.25rem;
60
+ transition: transform 200ms ease;
61
+ }
62
+ .button2-module_button2__TJ0uA:hover .button2-module_button2__icon__picture__MCRsw {
63
+ transform: translateX(0.25rem);
64
+ }
65
+ .button2-module_button2__ghost__yfm4E {
66
+ background-color: transparent;
67
+ }
68
+ .button2-module_button2__ghost__yfm4E:hover:not(:disabled) {
69
+ background-color: rgba(30.6, 35.7, 45.9, 0.05);
70
+ }
71
+ .button2-module_button2__full__S71L2 {
72
+ width: 100%;
73
+ }
74
+ *,
75
+ *::before,
76
+ *::after {
77
+ box-sizing: border-box;
78
+ margin: 0;
79
+ padding: 0;
80
+ }
81
+
82
+ html {
83
+ scroll-behavior: smooth;
84
+ -webkit-font-smoothing: antialiased;
85
+ -moz-osx-font-smoothing: grayscale;
86
+ }
87
+
88
+ body {
89
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
90
+ font-size: 1rem;
91
+ line-height: 1.5;
92
+ color: hsl(220, 20%, 15%);
93
+ background-color: hsl(0, 0%, 100%);
94
+ min-height: 100vh;
95
+ }
96
+
97
+ .main_dark__5Qv7- {
98
+ color-scheme: dark;
99
+ }
100
+ .main_dark__5Qv7- body {
101
+ color: hsl(0, 0%, 98%);
102
+ background-color: hsl(220, 20%, 10%);
103
+ }
104
+
105
+ a {
106
+ color: inherit;
107
+ text-decoration: none;
108
+ }
109
+ a:focus-visible {
110
+ outline: 2px solid hsl(23, 100%, 48%);
111
+ outline-offset: 2px;
112
+ }
113
+
114
+ img,
115
+ video {
116
+ max-width: 100%;
117
+ height: auto;
118
+ display: block;
119
+ }
120
+
121
+ ul,
122
+ ol {
123
+ list-style: none;
124
+ }
125
+
126
+ button {
127
+ font: inherit;
128
+ color: inherit;
129
+ background: none;
130
+ border: none;
131
+ cursor: pointer;
132
+ }
133
+ button:disabled {
134
+ cursor: not-allowed;
135
+ }
136
+
137
+ input,
138
+ textarea,
139
+ select {
140
+ font: inherit;
141
+ color: inherit;
142
+ }
143
+
144
+ h1, h2, h3, h4, h5, h6 {
145
+ font-weight: 700;
146
+ line-height: 1.2;
147
+ }
148
+
149
+ h1 {
150
+ font-size: 2.25rem;
151
+ }
152
+ @media (min-width: 768px) {
153
+ h1 {
154
+ font-size: 3rem;
155
+ }
156
+ }
157
+ @media (min-width: 1024px) {
158
+ h1 {
159
+ font-size: 3.75rem;
160
+ }
161
+ }
162
+
163
+ h2 {
164
+ font-size: 1.875rem;
165
+ }
166
+ @media (min-width: 640px) {
167
+ h2 {
168
+ font-size: 2.25rem;
169
+ }
170
+ }
171
+ @media (min-width: 1024px) {
172
+ h2 {
173
+ font-size: 3rem;
174
+ }
175
+ }
176
+
177
+ h3 {
178
+ font-size: 1.5rem;
179
+ }
180
+ @media (min-width: 1024px) {
181
+ h3 {
182
+ font-size: 1.875rem;
183
+ }
184
+ }
185
+
186
+ h4 {
187
+ font-size: 1.25rem;
188
+ }
189
+
190
+ h5 {
191
+ font-size: 1.125rem;
192
+ }
193
+
194
+ h6 {
195
+ font-size: 1rem;
196
+ }
197
+
198
+ p {
199
+ line-height: 1.7;
200
+ }
201
+
202
+ ::selection {
203
+ background-color: rgba(244.8, 93.84, 0, 0.2);
204
+ color: hsl(220, 20%, 15%);
205
+ }
206
+
207
+ ::-webkit-scrollbar {
208
+ width: 8px;
209
+ height: 8px;
210
+ }
211
+
212
+ ::-webkit-scrollbar-track {
213
+ background: hsl(220, 14%, 96%);
214
+ }
215
+
216
+ ::-webkit-scrollbar-thumb {
217
+ background: hsl(220, 10%, 45%);
218
+ border-radius: 9999px;
219
+ }
220
+ ::-webkit-scrollbar-thumb:hover {
221
+ background: hsl(220, 20%, 15%);
222
+ }
223
+
224
+ :focus-visible {
225
+ outline: 2px solid hsl(23, 100%, 48%);
226
+ outline-offset: 2px;
227
+ }
228
+
229
+ :focus:not(:focus-visible) {
230
+ outline: none;
231
+ }
232
+
233
+ @media (prefers-reduced-motion: reduce) {
234
+ *,
235
+ *::before,
236
+ *::after {
237
+ animation-duration: 0.01ms !important;
238
+ animation-iteration-count: 1 !important;
239
+ transition-duration: 0.01ms !important;
240
+ }
241
+ }
242
+ @keyframes main_fadeIn__Jwsgp {
243
+ from {
244
+ opacity: 0;
245
+ transform: translateY(10px);
246
+ }
247
+ to {
248
+ opacity: 1;
249
+ transform: translateY(0);
250
+ }
251
+ }
252
+ @keyframes main_fadeOut__ufYS1 {
253
+ from {
254
+ opacity: 1;
255
+ transform: translateY(0);
256
+ }
257
+ to {
258
+ opacity: 0;
259
+ transform: translateY(10px);
260
+ }
261
+ }
262
+ @keyframes main_scaleIn__Lh3Kr {
263
+ from {
264
+ opacity: 0;
265
+ transform: scale(0.95);
266
+ }
267
+ to {
268
+ opacity: 1;
269
+ transform: scale(1);
270
+ }
271
+ }
272
+ @keyframes main_scaleOut__VyHUu {
273
+ from {
274
+ opacity: 1;
275
+ transform: scale(1);
276
+ }
277
+ to {
278
+ opacity: 0;
279
+ transform: scale(0.95);
280
+ }
281
+ }
282
+ @keyframes main_slideInRight__B9ff- {
283
+ from {
284
+ transform: translateX(100%);
285
+ }
286
+ to {
287
+ transform: translateX(0);
288
+ }
289
+ }
290
+ @keyframes main_slideOutRight__jBniw {
291
+ from {
292
+ transform: translateX(0);
293
+ }
294
+ to {
295
+ transform: translateX(100%);
296
+ }
297
+ }
298
+ @keyframes main_spin__K6t6h {
299
+ from {
300
+ transform: rotate(0deg);
301
+ }
302
+ to {
303
+ transform: rotate(360deg);
304
+ }
305
+ }
306
+ @keyframes main_pulse__D9fx7 {
307
+ 0%, 100% {
308
+ opacity: 1;
309
+ }
310
+ 50% {
311
+ opacity: 0.5;
312
+ }
313
+ }
314
+ @keyframes main_bounce__HH-Cm {
315
+ 0%, 100% {
316
+ transform: translateY(-25%);
317
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
318
+ }
319
+ 50% {
320
+ transform: translateY(0);
321
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
322
+ }
323
+ }
324
+ @keyframes main_float__DnaH4 {
325
+ 0%, 100% {
326
+ transform: translateY(0);
327
+ }
328
+ 50% {
329
+ transform: translateY(-10px);
330
+ }
331
+ }
332
+ @keyframes main_scroll__czlDZ {
333
+ 0% {
334
+ transform: translateX(0);
335
+ }
336
+ 100% {
337
+ transform: translateX(-50%);
338
+ }
339
+ }
340
+ @keyframes main_shimmer__oII11 {
341
+ 0% {
342
+ background-position: -200% 0;
343
+ }
344
+ 100% {
345
+ background-position: 200% 0;
346
+ }
347
+ }
348
+ @keyframes main_accordionDown__MwUuw {
349
+ from {
350
+ height: 0;
351
+ opacity: 0;
352
+ }
353
+ to {
354
+ height: var(--radix-accordion-content-height);
355
+ opacity: 1;
356
+ }
357
+ }
358
+ @keyframes main_accordionUp__-IX98 {
359
+ from {
360
+ height: var(--radix-accordion-content-height);
361
+ opacity: 1;
362
+ }
363
+ to {
364
+ height: 0;
365
+ opacity: 0;
366
+ }
367
+ }
368
+ .main_animate-fade-in__uKMZb {
369
+ animation: main_fadeIn__Jwsgp 0.3s ease-out forwards;
370
+ }
371
+
372
+ .main_animate-fade-out__CjJHX {
373
+ animation: main_fadeOut__ufYS1 0.3s ease-out forwards;
374
+ }
375
+
376
+ .main_animate-scale-in__7qHeu {
377
+ animation: main_scaleIn__Lh3Kr 0.2s ease-out forwards;
378
+ }
379
+
380
+ .main_animate-scale-out__Wru6I {
381
+ animation: main_scaleOut__VyHUu 0.2s ease-out forwards;
382
+ }
383
+
384
+ .main_animate-slide-in-right__OiDO6 {
385
+ animation: main_slideInRight__B9ff- 0.3s ease-out forwards;
386
+ }
387
+
388
+ .main_animate-slide-out-right__yqv5P {
389
+ animation: main_slideOutRight__jBniw 0.3s ease-out forwards;
390
+ }
391
+
392
+ .main_animate-spin__vVAbJ {
393
+ animation: main_spin__K6t6h 1s linear infinite;
394
+ }
395
+
396
+ .main_animate-pulse__h0HPf {
397
+ animation: main_pulse__D9fx7 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
398
+ }
399
+
400
+ .main_animate-bounce__aIyZE {
401
+ animation: main_bounce__HH-Cm 1s infinite;
402
+ }
403
+
404
+ .main_animate-float__yLjBb {
405
+ animation: main_float__DnaH4 3s ease-in-out infinite;
406
+ }
407
+
408
+ .main_animate-scroll__Q8--P {
409
+ animation: main_scroll__czlDZ 30s linear infinite;
410
+ }
411
+ .main_animate-scroll__Q8--P:hover {
412
+ animation-play-state: paused;
413
+ }
414
+
415
+ .main_animate-shimmer__jNUaS {
416
+ background: linear-gradient(90deg, rgba(243.372, 244.324, 246.228, 0) 0%, rgba(243.372, 244.324, 246.228, 0.5) 50%, rgba(243.372, 244.324, 246.228, 0) 100%);
417
+ background-size: 200% 100%;
418
+ animation: main_shimmer__oII11 1.5s infinite;
419
+ }
420
+
421
+ .main_animate-accordion-down__Lcrhz {
422
+ animation: main_accordionDown__MwUuw 0.2s ease-out;
423
+ }
424
+
425
+ .main_animate-accordion-up__HckvM {
426
+ animation: main_accordionUp__-IX98 0.2s ease-out;
427
+ }
428
+
429
+ .main_animate-delay-100__AQ67x {
430
+ animation-delay: 100ms;
431
+ }
432
+
433
+ .main_animate-delay-200__jXdH9 {
434
+ animation-delay: 200ms;
435
+ }
436
+
437
+ .main_animate-delay-300__L-2hU {
438
+ animation-delay: 300ms;
439
+ }
440
+
441
+ .main_animate-delay-400__UPiTm {
442
+ animation-delay: 400ms;
443
+ }
444
+
445
+ .main_animate-delay-500__IIAcg {
446
+ animation-delay: 500ms;
447
+ }
448
+
449
+ .main_animate-delay-600__7o5N7 {
450
+ animation-delay: 600ms;
451
+ }
452
+
453
+ .main_animate-delay-700__-w6Fw {
454
+ animation-delay: 700ms;
455
+ }
456
+
457
+ .main_animate-delay-800__yGg1f {
458
+ animation-delay: 800ms;
459
+ }
460
+
461
+ .main_animate-delay-900__R0TJ4 {
462
+ animation-delay: 900ms;
463
+ }
464
+
465
+ .main_animate-delay-1000__qTxns {
466
+ animation-delay: 1000ms;
467
+ }
468
+
469
+ .main_transition-all__q0KLt {
470
+ transition: all 200ms ease;
471
+ }
472
+
473
+ .main_transition-colors__A80l9 {
474
+ transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease;
475
+ }
476
+
477
+ .main_transition-transform__bDm20 {
478
+ transition: transform 200ms ease;
479
+ }
480
+
481
+ .main_transition-opacity__GLEqj {
482
+ transition: opacity 200ms ease;
483
+ }
484
+
485
+ .main_transition-shadow__ijZe- {
486
+ transition: box-shadow 200ms ease;
487
+ }
488
+
489
+ .main_hover-scale__6mEtw {
490
+ transition: transform 200ms ease;
491
+ }
492
+ .main_hover-scale__6mEtw:hover {
493
+ transform: scale(1.05);
494
+ }
495
+
496
+ .main_hover-lift__X77ut {
497
+ transition: transform 200ms ease, box-shadow 200ms ease;
498
+ }
499
+ .main_hover-lift__X77ut:hover {
500
+ transform: translateY(-4px);
501
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
502
+ }
503
+
504
+ .main_container__UDrHw {
505
+ width: 100%;
506
+ max-width: 1280px;
507
+ margin-left: auto;
508
+ margin-right: auto;
509
+ padding-left: 1rem;
510
+ padding-right: 1rem;
511
+ }
512
+ @media (min-width: 640px) {
513
+ .main_container__UDrHw {
514
+ padding-left: 1.5rem;
515
+ padding-right: 1.5rem;
516
+ }
517
+ }
518
+ @media (min-width: 1024px) {
519
+ .main_container__UDrHw {
520
+ padding-left: 2rem;
521
+ padding-right: 2rem;
522
+ }
523
+ }
524
+
525
+ .main_hidden__R8AzH {
526
+ display: none;
527
+ }
528
+
529
+ .main_block__Izgzm {
530
+ display: block;
531
+ }
532
+
533
+ .main_inline-block__iTNFI {
534
+ display: inline-block;
535
+ }
536
+
537
+ .main_inline__1o0gL {
538
+ display: inline;
539
+ }
540
+
541
+ .main_flex__9akQi {
542
+ display: flex;
543
+ }
544
+
545
+ .main_inline-flex__EwDq9 {
546
+ display: inline-flex;
547
+ }
548
+
549
+ .main_grid__0P0w- {
550
+ display: grid;
551
+ }
552
+
553
+ .main_flex-row__5qDlD {
554
+ flex-direction: row;
555
+ }
556
+
557
+ .main_flex-col__2QJKg {
558
+ flex-direction: column;
559
+ }
560
+
561
+ .main_flex-wrap__JyJur {
562
+ flex-wrap: wrap;
563
+ }
564
+
565
+ .main_flex-nowrap__W3VqJ {
566
+ flex-wrap: nowrap;
567
+ }
568
+
569
+ .main_items-start__8Psta {
570
+ align-items: flex-start;
571
+ }
572
+
573
+ .main_items-center__2-Jgt {
574
+ align-items: center;
575
+ }
576
+
577
+ .main_items-end__xIR-T {
578
+ align-items: flex-end;
579
+ }
580
+
581
+ .main_items-stretch__L-HgZ {
582
+ align-items: stretch;
583
+ }
584
+
585
+ .main_justify-start__NGqp- {
586
+ justify-content: flex-start;
587
+ }
588
+
589
+ .main_justify-center__g4Pjq {
590
+ justify-content: center;
591
+ }
592
+
593
+ .main_justify-end__6Hw2m {
594
+ justify-content: flex-end;
595
+ }
596
+
597
+ .main_justify-between__xJrgC {
598
+ justify-content: space-between;
599
+ }
600
+
601
+ .main_justify-around__I6cvA {
602
+ justify-content: space-around;
603
+ }
604
+
605
+ .main_flex-1__jjn0F {
606
+ flex: 1 1 0%;
607
+ }
608
+
609
+ .main_flex-shrink-0__l2-l8 {
610
+ flex-shrink: 0;
611
+ }
612
+
613
+ .main_flex-grow__L3bsn {
614
+ flex-grow: 1;
615
+ }
616
+
617
+ .main_gap-1__FKyX9 {
618
+ gap: 0.25rem;
619
+ }
620
+
621
+ .main_gap-2__cz9nC {
622
+ gap: 0.5rem;
623
+ }
624
+
625
+ .main_gap-3__wfWsc {
626
+ gap: 0.75rem;
627
+ }
628
+
629
+ .main_gap-4__O7YBq {
630
+ gap: 1rem;
631
+ }
632
+
633
+ .main_gap-5__RXRcL {
634
+ gap: 1.25rem;
635
+ }
636
+
637
+ .main_gap-6__TVaIR {
638
+ gap: 1.5rem;
639
+ }
640
+
641
+ .main_gap-8__c7gan {
642
+ gap: 2rem;
643
+ }
644
+
645
+ .main_gap-10__gv-h3 {
646
+ gap: 2.5rem;
647
+ }
648
+
649
+ .main_gap-12__YLBe- {
650
+ gap: 3rem;
651
+ }
652
+
653
+ .main_gap-16__Wy95t {
654
+ gap: 4rem;
655
+ }
656
+
657
+ .main_grid-cols-1__-Wc0b {
658
+ grid-template-columns: repeat(1, 1fr);
659
+ }
660
+
661
+ .main_grid-cols-2__cBLXr {
662
+ grid-template-columns: repeat(2, 1fr);
663
+ }
664
+
665
+ .main_grid-cols-3__sglLL {
666
+ grid-template-columns: repeat(3, 1fr);
667
+ }
668
+
669
+ .main_grid-cols-4__Z5vqc {
670
+ grid-template-columns: repeat(4, 1fr);
671
+ }
672
+
673
+ .main_grid-cols-5__hBTMm {
674
+ grid-template-columns: repeat(5, 1fr);
675
+ }
676
+
677
+ .main_relative__FUc1p {
678
+ position: relative;
679
+ }
680
+
681
+ .main_absolute__qCqQV {
682
+ position: absolute;
683
+ }
684
+
685
+ .main_fixed__uLhEZ {
686
+ position: fixed;
687
+ }
688
+
689
+ .main_sticky__MEcXj {
690
+ position: sticky;
691
+ }
692
+
693
+ .main_inset-0__K87Ey {
694
+ top: 0;
695
+ right: 0;
696
+ bottom: 0;
697
+ left: 0;
698
+ }
699
+
700
+ .main_top-0__H44GR {
701
+ top: 0;
702
+ }
703
+
704
+ .main_right-0__xI7Uu {
705
+ right: 0;
706
+ }
707
+
708
+ .main_bottom-0__7Qyf8 {
709
+ bottom: 0;
710
+ }
711
+
712
+ .main_left-0__-U8U3 {
713
+ left: 0;
714
+ }
715
+
716
+ .main_z-10__7BUcK {
717
+ z-index: 10;
718
+ }
719
+
720
+ .main_z-20__Vg-vn {
721
+ z-index: 20;
722
+ }
723
+
724
+ .main_z-30__Ke-m2 {
725
+ z-index: 30;
726
+ }
727
+
728
+ .main_z-40__HjDO7 {
729
+ z-index: 40;
730
+ }
731
+
732
+ .main_z-50__CFXcd {
733
+ z-index: 50;
734
+ }
735
+
736
+ .main_w-full__m5FNa {
737
+ width: 100%;
738
+ }
739
+
740
+ .main_w-auto__K4IQa {
741
+ width: auto;
742
+ }
743
+
744
+ .main_w-screen__wp-eu {
745
+ width: 100vw;
746
+ }
747
+
748
+ .main_max-w-none__Fzyr3 {
749
+ max-width: none;
750
+ }
751
+
752
+ .main_max-w-xs__8VHv5 {
753
+ max-width: 20rem;
754
+ }
755
+
756
+ .main_max-w-sm__q2pI7 {
757
+ max-width: 24rem;
758
+ }
759
+
760
+ .main_max-w-md__jNm3p {
761
+ max-width: 28rem;
762
+ }
763
+
764
+ .main_max-w-lg__Cco4Q {
765
+ max-width: 32rem;
766
+ }
767
+
768
+ .main_max-w-xl__h-URZ {
769
+ max-width: 36rem;
770
+ }
771
+
772
+ .main_max-w-2xl__ReuqN {
773
+ max-width: 42rem;
774
+ }
775
+
776
+ .main_max-w-3xl__cVXFI {
777
+ max-width: 48rem;
778
+ }
779
+
780
+ .main_max-w-4xl__F8rmw {
781
+ max-width: 56rem;
782
+ }
783
+
784
+ .main_max-w-5xl__1hyes {
785
+ max-width: 64rem;
786
+ }
787
+
788
+ .main_max-w-6xl__mmPQV {
789
+ max-width: 72rem;
790
+ }
791
+
792
+ .main_max-w-7xl__loHAB {
793
+ max-width: 80rem;
794
+ }
795
+
796
+ .main_max-w-full__mtl-5 {
797
+ max-width: 100%;
798
+ }
799
+
800
+ .main_h-full__FHKH- {
801
+ height: 100%;
802
+ }
803
+
804
+ .main_h-screen__LGbqO {
805
+ height: 100vh;
806
+ }
807
+
808
+ .main_h-auto__u8lx- {
809
+ height: auto;
810
+ }
811
+
812
+ .main_min-h-screen__Mut0N {
813
+ min-height: 100vh;
814
+ }
815
+
816
+ .main_m-auto__stNWs {
817
+ margin: auto;
818
+ }
819
+
820
+ .main_mx-auto__us2TV {
821
+ margin-left: auto;
822
+ margin-right: auto;
823
+ }
824
+
825
+ .main_my-auto__EF6WH {
826
+ margin-top: auto;
827
+ margin-bottom: auto;
828
+ }
829
+
830
+ .main_m-0__0WaQt {
831
+ margin: 0;
832
+ }
833
+
834
+ .main_mt-0__lOcaN {
835
+ margin-top: 0;
836
+ }
837
+
838
+ .main_mr-0__oNto7 {
839
+ margin-right: 0;
840
+ }
841
+
842
+ .main_mb-0__hcTzL {
843
+ margin-bottom: 0;
844
+ }
845
+
846
+ .main_ml-0__tsuAO {
847
+ margin-left: 0;
848
+ }
849
+
850
+ .main_mx-0__V7HiH {
851
+ margin-left: 0;
852
+ margin-right: 0;
853
+ }
854
+
855
+ .main_my-0__9SImO {
856
+ margin-top: 0;
857
+ margin-bottom: 0;
858
+ }
859
+
860
+ .main_m-1__LB7ak {
861
+ margin: 0.25rem;
862
+ }
863
+
864
+ .main_mt-1__5WoRZ {
865
+ margin-top: 0.25rem;
866
+ }
867
+
868
+ .main_mr-1__7epyB {
869
+ margin-right: 0.25rem;
870
+ }
871
+
872
+ .main_mb-1__n7N9h {
873
+ margin-bottom: 0.25rem;
874
+ }
875
+
876
+ .main_ml-1__f57-x {
877
+ margin-left: 0.25rem;
878
+ }
879
+
880
+ .main_mx-1__TlNnm {
881
+ margin-left: 0.25rem;
882
+ margin-right: 0.25rem;
883
+ }
884
+
885
+ .main_my-1__t7FQG {
886
+ margin-top: 0.25rem;
887
+ margin-bottom: 0.25rem;
888
+ }
889
+
890
+ .main_m-2__idYsY {
891
+ margin: 0.5rem;
892
+ }
893
+
894
+ .main_mt-2__U9mJ4 {
895
+ margin-top: 0.5rem;
896
+ }
897
+
898
+ .main_mr-2__-i2rA {
899
+ margin-right: 0.5rem;
900
+ }
901
+
902
+ .main_mb-2__wAXHZ {
903
+ margin-bottom: 0.5rem;
904
+ }
905
+
906
+ .main_ml-2__jMFjB {
907
+ margin-left: 0.5rem;
908
+ }
909
+
910
+ .main_mx-2__W4USb {
911
+ margin-left: 0.5rem;
912
+ margin-right: 0.5rem;
913
+ }
914
+
915
+ .main_my-2__ZFTEu {
916
+ margin-top: 0.5rem;
917
+ margin-bottom: 0.5rem;
918
+ }
919
+
920
+ .main_m-3__y-J7e {
921
+ margin: 0.75rem;
922
+ }
923
+
924
+ .main_mt-3__tGZsz {
925
+ margin-top: 0.75rem;
926
+ }
927
+
928
+ .main_mr-3__Ayyqt {
929
+ margin-right: 0.75rem;
930
+ }
931
+
932
+ .main_mb-3__qVcu3 {
933
+ margin-bottom: 0.75rem;
934
+ }
935
+
936
+ .main_ml-3__LJn0i {
937
+ margin-left: 0.75rem;
938
+ }
939
+
940
+ .main_mx-3__GKmwx {
941
+ margin-left: 0.75rem;
942
+ margin-right: 0.75rem;
943
+ }
944
+
945
+ .main_my-3__7XAVG {
946
+ margin-top: 0.75rem;
947
+ margin-bottom: 0.75rem;
948
+ }
949
+
950
+ .main_m-4__mTX-5 {
951
+ margin: 1rem;
952
+ }
953
+
954
+ .main_mt-4__KE6TR {
955
+ margin-top: 1rem;
956
+ }
957
+
958
+ .main_mr-4__y5Xns {
959
+ margin-right: 1rem;
960
+ }
961
+
962
+ .main_mb-4__It3Kg {
963
+ margin-bottom: 1rem;
964
+ }
965
+
966
+ .main_ml-4__Y-GSv {
967
+ margin-left: 1rem;
968
+ }
969
+
970
+ .main_mx-4__WSO-k {
971
+ margin-left: 1rem;
972
+ margin-right: 1rem;
973
+ }
974
+
975
+ .main_my-4__LfY-8 {
976
+ margin-top: 1rem;
977
+ margin-bottom: 1rem;
978
+ }
979
+
980
+ .main_m-5__QJscU {
981
+ margin: 1.25rem;
982
+ }
983
+
984
+ .main_mt-5__jJhMD {
985
+ margin-top: 1.25rem;
986
+ }
987
+
988
+ .main_mr-5__zYGyv {
989
+ margin-right: 1.25rem;
990
+ }
991
+
992
+ .main_mb-5__n0Rpr {
993
+ margin-bottom: 1.25rem;
994
+ }
995
+
996
+ .main_ml-5__hA5r9 {
997
+ margin-left: 1.25rem;
998
+ }
999
+
1000
+ .main_mx-5__TSmO2 {
1001
+ margin-left: 1.25rem;
1002
+ margin-right: 1.25rem;
1003
+ }
1004
+
1005
+ .main_my-5__LSfQf {
1006
+ margin-top: 1.25rem;
1007
+ margin-bottom: 1.25rem;
1008
+ }
1009
+
1010
+ .main_m-6__4O3DG {
1011
+ margin: 1.5rem;
1012
+ }
1013
+
1014
+ .main_mt-6__J34GR {
1015
+ margin-top: 1.5rem;
1016
+ }
1017
+
1018
+ .main_mr-6__P-rMu {
1019
+ margin-right: 1.5rem;
1020
+ }
1021
+
1022
+ .main_mb-6__UoJLm {
1023
+ margin-bottom: 1.5rem;
1024
+ }
1025
+
1026
+ .main_ml-6__7wJk- {
1027
+ margin-left: 1.5rem;
1028
+ }
1029
+
1030
+ .main_mx-6__v7zPS {
1031
+ margin-left: 1.5rem;
1032
+ margin-right: 1.5rem;
1033
+ }
1034
+
1035
+ .main_my-6__dXZtG {
1036
+ margin-top: 1.5rem;
1037
+ margin-bottom: 1.5rem;
1038
+ }
1039
+
1040
+ .main_m-8__t5qu6 {
1041
+ margin: 2rem;
1042
+ }
1043
+
1044
+ .main_mt-8__RTcLm {
1045
+ margin-top: 2rem;
1046
+ }
1047
+
1048
+ .main_mr-8__ZyyWs {
1049
+ margin-right: 2rem;
1050
+ }
1051
+
1052
+ .main_mb-8__0iENl {
1053
+ margin-bottom: 2rem;
1054
+ }
1055
+
1056
+ .main_ml-8__jLJ1R {
1057
+ margin-left: 2rem;
1058
+ }
1059
+
1060
+ .main_mx-8__opCPX {
1061
+ margin-left: 2rem;
1062
+ margin-right: 2rem;
1063
+ }
1064
+
1065
+ .main_my-8__St1bu {
1066
+ margin-top: 2rem;
1067
+ margin-bottom: 2rem;
1068
+ }
1069
+
1070
+ .main_m-10__M-Xw0 {
1071
+ margin: 2.5rem;
1072
+ }
1073
+
1074
+ .main_mt-10__i568E {
1075
+ margin-top: 2.5rem;
1076
+ }
1077
+
1078
+ .main_mr-10__jprIh {
1079
+ margin-right: 2.5rem;
1080
+ }
1081
+
1082
+ .main_mb-10__sGROW {
1083
+ margin-bottom: 2.5rem;
1084
+ }
1085
+
1086
+ .main_ml-10__7cz-j {
1087
+ margin-left: 2.5rem;
1088
+ }
1089
+
1090
+ .main_mx-10__ke2a4 {
1091
+ margin-left: 2.5rem;
1092
+ margin-right: 2.5rem;
1093
+ }
1094
+
1095
+ .main_my-10__25S4B {
1096
+ margin-top: 2.5rem;
1097
+ margin-bottom: 2.5rem;
1098
+ }
1099
+
1100
+ .main_m-12__n5j5h {
1101
+ margin: 3rem;
1102
+ }
1103
+
1104
+ .main_mt-12__xJcre {
1105
+ margin-top: 3rem;
1106
+ }
1107
+
1108
+ .main_mr-12__MqVgL {
1109
+ margin-right: 3rem;
1110
+ }
1111
+
1112
+ .main_mb-12__Lgpmg {
1113
+ margin-bottom: 3rem;
1114
+ }
1115
+
1116
+ .main_ml-12__pRdPS {
1117
+ margin-left: 3rem;
1118
+ }
1119
+
1120
+ .main_mx-12__2Pw-0 {
1121
+ margin-left: 3rem;
1122
+ margin-right: 3rem;
1123
+ }
1124
+
1125
+ .main_my-12__C3ZTl {
1126
+ margin-top: 3rem;
1127
+ margin-bottom: 3rem;
1128
+ }
1129
+
1130
+ .main_m-16__MuAkx {
1131
+ margin: 4rem;
1132
+ }
1133
+
1134
+ .main_mt-16__3xlzI {
1135
+ margin-top: 4rem;
1136
+ }
1137
+
1138
+ .main_mr-16__sBPQg {
1139
+ margin-right: 4rem;
1140
+ }
1141
+
1142
+ .main_mb-16__g9meB {
1143
+ margin-bottom: 4rem;
1144
+ }
1145
+
1146
+ .main_ml-16__wlh3n {
1147
+ margin-left: 4rem;
1148
+ }
1149
+
1150
+ .main_mx-16__XiX4X {
1151
+ margin-left: 4rem;
1152
+ margin-right: 4rem;
1153
+ }
1154
+
1155
+ .main_my-16__Vl2qx {
1156
+ margin-top: 4rem;
1157
+ margin-bottom: 4rem;
1158
+ }
1159
+
1160
+ .main_m-20__U25Ob {
1161
+ margin: 5rem;
1162
+ }
1163
+
1164
+ .main_mt-20__QXcpJ {
1165
+ margin-top: 5rem;
1166
+ }
1167
+
1168
+ .main_mr-20__DQV1F {
1169
+ margin-right: 5rem;
1170
+ }
1171
+
1172
+ .main_mb-20__JRtMh {
1173
+ margin-bottom: 5rem;
1174
+ }
1175
+
1176
+ .main_ml-20__mgR7S {
1177
+ margin-left: 5rem;
1178
+ }
1179
+
1180
+ .main_mx-20__GrnQ1 {
1181
+ margin-left: 5rem;
1182
+ margin-right: 5rem;
1183
+ }
1184
+
1185
+ .main_my-20__Xt7tB {
1186
+ margin-top: 5rem;
1187
+ margin-bottom: 5rem;
1188
+ }
1189
+
1190
+ .main_m-24__WVUik {
1191
+ margin: 6rem;
1192
+ }
1193
+
1194
+ .main_mt-24__uux-D {
1195
+ margin-top: 6rem;
1196
+ }
1197
+
1198
+ .main_mr-24__mUKtV {
1199
+ margin-right: 6rem;
1200
+ }
1201
+
1202
+ .main_mb-24__kkwXB {
1203
+ margin-bottom: 6rem;
1204
+ }
1205
+
1206
+ .main_ml-24__24Q2r {
1207
+ margin-left: 6rem;
1208
+ }
1209
+
1210
+ .main_mx-24__Azp4W {
1211
+ margin-left: 6rem;
1212
+ margin-right: 6rem;
1213
+ }
1214
+
1215
+ .main_my-24__vVn3Y {
1216
+ margin-top: 6rem;
1217
+ margin-bottom: 6rem;
1218
+ }
1219
+
1220
+ .main_p-0__0jsNS {
1221
+ padding: 0;
1222
+ }
1223
+
1224
+ .main_pt-0__IcL7q {
1225
+ padding-top: 0;
1226
+ }
1227
+
1228
+ .main_pr-0__39EqK {
1229
+ padding-right: 0;
1230
+ }
1231
+
1232
+ .main_pb-0__hSwMW {
1233
+ padding-bottom: 0;
1234
+ }
1235
+
1236
+ .main_pl-0__Mh8W4 {
1237
+ padding-left: 0;
1238
+ }
1239
+
1240
+ .main_px-0__7KkSY {
1241
+ padding-left: 0;
1242
+ padding-right: 0;
1243
+ }
1244
+
1245
+ .main_py-0__Upe9f {
1246
+ padding-top: 0;
1247
+ padding-bottom: 0;
1248
+ }
1249
+
1250
+ .main_p-1__WlcMH {
1251
+ padding: 0.25rem;
1252
+ }
1253
+
1254
+ .main_pt-1__yjE6w {
1255
+ padding-top: 0.25rem;
1256
+ }
1257
+
1258
+ .main_pr-1__9JkoN {
1259
+ padding-right: 0.25rem;
1260
+ }
1261
+
1262
+ .main_pb-1__g0Ml2 {
1263
+ padding-bottom: 0.25rem;
1264
+ }
1265
+
1266
+ .main_pl-1__6U5M8 {
1267
+ padding-left: 0.25rem;
1268
+ }
1269
+
1270
+ .main_px-1__bkZyP {
1271
+ padding-left: 0.25rem;
1272
+ padding-right: 0.25rem;
1273
+ }
1274
+
1275
+ .main_py-1__Qja8H {
1276
+ padding-top: 0.25rem;
1277
+ padding-bottom: 0.25rem;
1278
+ }
1279
+
1280
+ .main_p-2__yMich {
1281
+ padding: 0.5rem;
1282
+ }
1283
+
1284
+ .main_pt-2__kqrTS {
1285
+ padding-top: 0.5rem;
1286
+ }
1287
+
1288
+ .main_pr-2__UnCc5 {
1289
+ padding-right: 0.5rem;
1290
+ }
1291
+
1292
+ .main_pb-2__NIgV1 {
1293
+ padding-bottom: 0.5rem;
1294
+ }
1295
+
1296
+ .main_pl-2__dil5h {
1297
+ padding-left: 0.5rem;
1298
+ }
1299
+
1300
+ .main_px-2__u-2Qf {
1301
+ padding-left: 0.5rem;
1302
+ padding-right: 0.5rem;
1303
+ }
1304
+
1305
+ .main_py-2__nEqFs {
1306
+ padding-top: 0.5rem;
1307
+ padding-bottom: 0.5rem;
1308
+ }
1309
+
1310
+ .main_p-3__Z0eyc {
1311
+ padding: 0.75rem;
1312
+ }
1313
+
1314
+ .main_pt-3__L-g5N {
1315
+ padding-top: 0.75rem;
1316
+ }
1317
+
1318
+ .main_pr-3__tjUpL {
1319
+ padding-right: 0.75rem;
1320
+ }
1321
+
1322
+ .main_pb-3__ELWGW {
1323
+ padding-bottom: 0.75rem;
1324
+ }
1325
+
1326
+ .main_pl-3__JyoTB {
1327
+ padding-left: 0.75rem;
1328
+ }
1329
+
1330
+ .main_px-3__RAiGn {
1331
+ padding-left: 0.75rem;
1332
+ padding-right: 0.75rem;
1333
+ }
1334
+
1335
+ .main_py-3__xrT2P {
1336
+ padding-top: 0.75rem;
1337
+ padding-bottom: 0.75rem;
1338
+ }
1339
+
1340
+ .main_p-4__qBlA2 {
1341
+ padding: 1rem;
1342
+ }
1343
+
1344
+ .main_pt-4__8T1qc {
1345
+ padding-top: 1rem;
1346
+ }
1347
+
1348
+ .main_pr-4__Fl8Cz {
1349
+ padding-right: 1rem;
1350
+ }
1351
+
1352
+ .main_pb-4__W-xMM {
1353
+ padding-bottom: 1rem;
1354
+ }
1355
+
1356
+ .main_pl-4__M05ir {
1357
+ padding-left: 1rem;
1358
+ }
1359
+
1360
+ .main_px-4__zs-32 {
1361
+ padding-left: 1rem;
1362
+ padding-right: 1rem;
1363
+ }
1364
+
1365
+ .main_py-4__BgXHs {
1366
+ padding-top: 1rem;
1367
+ padding-bottom: 1rem;
1368
+ }
1369
+
1370
+ .main_p-5__ahJvL {
1371
+ padding: 1.25rem;
1372
+ }
1373
+
1374
+ .main_pt-5__r0tlH {
1375
+ padding-top: 1.25rem;
1376
+ }
1377
+
1378
+ .main_pr-5__A8-LV {
1379
+ padding-right: 1.25rem;
1380
+ }
1381
+
1382
+ .main_pb-5__wwf7W {
1383
+ padding-bottom: 1.25rem;
1384
+ }
1385
+
1386
+ .main_pl-5__-qOrC {
1387
+ padding-left: 1.25rem;
1388
+ }
1389
+
1390
+ .main_px-5__mmL-k {
1391
+ padding-left: 1.25rem;
1392
+ padding-right: 1.25rem;
1393
+ }
1394
+
1395
+ .main_py-5__d1Aq8 {
1396
+ padding-top: 1.25rem;
1397
+ padding-bottom: 1.25rem;
1398
+ }
1399
+
1400
+ .main_p-6__6rhJQ {
1401
+ padding: 1.5rem;
1402
+ }
1403
+
1404
+ .main_pt-6__ZkXPE {
1405
+ padding-top: 1.5rem;
1406
+ }
1407
+
1408
+ .main_pr-6__EuNuU {
1409
+ padding-right: 1.5rem;
1410
+ }
1411
+
1412
+ .main_pb-6__ZwBTq {
1413
+ padding-bottom: 1.5rem;
1414
+ }
1415
+
1416
+ .main_pl-6__XTtPa {
1417
+ padding-left: 1.5rem;
1418
+ }
1419
+
1420
+ .main_px-6__kh-Zw {
1421
+ padding-left: 1.5rem;
1422
+ padding-right: 1.5rem;
1423
+ }
1424
+
1425
+ .main_py-6__--wPH {
1426
+ padding-top: 1.5rem;
1427
+ padding-bottom: 1.5rem;
1428
+ }
1429
+
1430
+ .main_p-8__Yh0A1 {
1431
+ padding: 2rem;
1432
+ }
1433
+
1434
+ .main_pt-8__81QjQ {
1435
+ padding-top: 2rem;
1436
+ }
1437
+
1438
+ .main_pr-8__yWLNM {
1439
+ padding-right: 2rem;
1440
+ }
1441
+
1442
+ .main_pb-8__vaVFD {
1443
+ padding-bottom: 2rem;
1444
+ }
1445
+
1446
+ .main_pl-8__kyRpR {
1447
+ padding-left: 2rem;
1448
+ }
1449
+
1450
+ .main_px-8__p9OZr {
1451
+ padding-left: 2rem;
1452
+ padding-right: 2rem;
1453
+ }
1454
+
1455
+ .main_py-8__BN9Tq {
1456
+ padding-top: 2rem;
1457
+ padding-bottom: 2rem;
1458
+ }
1459
+
1460
+ .main_p-10__8n8IS {
1461
+ padding: 2.5rem;
1462
+ }
1463
+
1464
+ .main_pt-10__BCCe- {
1465
+ padding-top: 2.5rem;
1466
+ }
1467
+
1468
+ .main_pr-10__Uf3Ay {
1469
+ padding-right: 2.5rem;
1470
+ }
1471
+
1472
+ .main_pb-10__0xzEs {
1473
+ padding-bottom: 2.5rem;
1474
+ }
1475
+
1476
+ .main_pl-10__WwQaI {
1477
+ padding-left: 2.5rem;
1478
+ }
1479
+
1480
+ .main_px-10__M04zJ {
1481
+ padding-left: 2.5rem;
1482
+ padding-right: 2.5rem;
1483
+ }
1484
+
1485
+ .main_py-10__AUFzY {
1486
+ padding-top: 2.5rem;
1487
+ padding-bottom: 2.5rem;
1488
+ }
1489
+
1490
+ .main_p-12__OScQx {
1491
+ padding: 3rem;
1492
+ }
1493
+
1494
+ .main_pt-12__Vrnaq {
1495
+ padding-top: 3rem;
1496
+ }
1497
+
1498
+ .main_pr-12__1ks5P {
1499
+ padding-right: 3rem;
1500
+ }
1501
+
1502
+ .main_pb-12__fzktJ {
1503
+ padding-bottom: 3rem;
1504
+ }
1505
+
1506
+ .main_pl-12__dwYFN {
1507
+ padding-left: 3rem;
1508
+ }
1509
+
1510
+ .main_px-12__cSf8I {
1511
+ padding-left: 3rem;
1512
+ padding-right: 3rem;
1513
+ }
1514
+
1515
+ .main_py-12__2cf78 {
1516
+ padding-top: 3rem;
1517
+ padding-bottom: 3rem;
1518
+ }
1519
+
1520
+ .main_p-16__YMCRR {
1521
+ padding: 4rem;
1522
+ }
1523
+
1524
+ .main_pt-16__xjRYx {
1525
+ padding-top: 4rem;
1526
+ }
1527
+
1528
+ .main_pr-16__CtEDm {
1529
+ padding-right: 4rem;
1530
+ }
1531
+
1532
+ .main_pb-16__1ahkk {
1533
+ padding-bottom: 4rem;
1534
+ }
1535
+
1536
+ .main_pl-16__pJ5Wh {
1537
+ padding-left: 4rem;
1538
+ }
1539
+
1540
+ .main_px-16__0-jGs {
1541
+ padding-left: 4rem;
1542
+ padding-right: 4rem;
1543
+ }
1544
+
1545
+ .main_py-16__P6RdC {
1546
+ padding-top: 4rem;
1547
+ padding-bottom: 4rem;
1548
+ }
1549
+
1550
+ .main_p-20__y6PQi {
1551
+ padding: 5rem;
1552
+ }
1553
+
1554
+ .main_pt-20__R3O4o {
1555
+ padding-top: 5rem;
1556
+ }
1557
+
1558
+ .main_pr-20__M5vmI {
1559
+ padding-right: 5rem;
1560
+ }
1561
+
1562
+ .main_pb-20__SXeej {
1563
+ padding-bottom: 5rem;
1564
+ }
1565
+
1566
+ .main_pl-20__C0jcn {
1567
+ padding-left: 5rem;
1568
+ }
1569
+
1570
+ .main_px-20__YfodC {
1571
+ padding-left: 5rem;
1572
+ padding-right: 5rem;
1573
+ }
1574
+
1575
+ .main_py-20__qrZU5 {
1576
+ padding-top: 5rem;
1577
+ padding-bottom: 5rem;
1578
+ }
1579
+
1580
+ .main_p-24__pt0Q0 {
1581
+ padding: 6rem;
1582
+ }
1583
+
1584
+ .main_pt-24__0M-dY {
1585
+ padding-top: 6rem;
1586
+ }
1587
+
1588
+ .main_pr-24__DvOEz {
1589
+ padding-right: 6rem;
1590
+ }
1591
+
1592
+ .main_pb-24__KKuuN {
1593
+ padding-bottom: 6rem;
1594
+ }
1595
+
1596
+ .main_pl-24__02E2q {
1597
+ padding-left: 6rem;
1598
+ }
1599
+
1600
+ .main_px-24__8y-Wr {
1601
+ padding-left: 6rem;
1602
+ padding-right: 6rem;
1603
+ }
1604
+
1605
+ .main_py-24__a7MHu {
1606
+ padding-top: 6rem;
1607
+ padding-bottom: 6rem;
1608
+ }
1609
+
1610
+ .main_text-left__19SqP {
1611
+ text-align: left;
1612
+ }
1613
+
1614
+ .main_text-center__-8wZC {
1615
+ text-align: center;
1616
+ }
1617
+
1618
+ .main_text-right__khXFJ {
1619
+ text-align: right;
1620
+ }
1621
+
1622
+ .main_text-xs__J5eAD {
1623
+ font-size: 0.75rem;
1624
+ line-height: 1rem;
1625
+ }
1626
+
1627
+ .main_text-sm__bDA3J {
1628
+ font-size: 0.875rem;
1629
+ line-height: 1.25rem;
1630
+ }
1631
+
1632
+ .main_text-base__27vIA {
1633
+ font-size: 1rem;
1634
+ line-height: 1.5rem;
1635
+ }
1636
+
1637
+ .main_text-lg__QgqzF {
1638
+ font-size: 1.125rem;
1639
+ line-height: 1.75rem;
1640
+ }
1641
+
1642
+ .main_text-xl__PcPor {
1643
+ font-size: 1.25rem;
1644
+ line-height: 1.75rem;
1645
+ }
1646
+
1647
+ .main_text-2xl__cooDP {
1648
+ font-size: 1.5rem;
1649
+ line-height: 2rem;
1650
+ }
1651
+
1652
+ .main_text-3xl__dbHqF {
1653
+ font-size: 1.875rem;
1654
+ line-height: 2.25rem;
1655
+ }
1656
+
1657
+ .main_text-4xl__NVJY3 {
1658
+ font-size: 2.25rem;
1659
+ line-height: 2.5rem;
1660
+ }
1661
+
1662
+ .main_text-5xl__tWikv {
1663
+ font-size: 3rem;
1664
+ line-height: 1;
1665
+ }
1666
+
1667
+ .main_text-6xl__9Ofb2 {
1668
+ font-size: 3.75rem;
1669
+ line-height: 1;
1670
+ }
1671
+
1672
+ .main_font-normal__hwjsi {
1673
+ font-weight: 400;
1674
+ }
1675
+
1676
+ .main_font-medium__4rnu6 {
1677
+ font-weight: 500;
1678
+ }
1679
+
1680
+ .main_font-semibold__8Dhkb {
1681
+ font-weight: 600;
1682
+ }
1683
+
1684
+ .main_font-bold__j5oW7 {
1685
+ font-weight: 700;
1686
+ }
1687
+
1688
+ .main_uppercase__EOwaU {
1689
+ text-transform: uppercase;
1690
+ }
1691
+
1692
+ .main_lowercase__zFCng {
1693
+ text-transform: lowercase;
1694
+ }
1695
+
1696
+ .main_capitalize__rPMbr {
1697
+ text-transform: capitalize;
1698
+ }
1699
+
1700
+ .main_tracking-widest__ETCRW {
1701
+ letter-spacing: 0.1em;
1702
+ }
1703
+
1704
+ .main_tracking-wide__Pac4I {
1705
+ letter-spacing: 0.025em;
1706
+ }
1707
+
1708
+ .main_tracking-normal__npBY- {
1709
+ letter-spacing: 0;
1710
+ }
1711
+
1712
+ .main_leading-none__28iAT {
1713
+ line-height: 1;
1714
+ }
1715
+
1716
+ .main_leading-tight__C3fHi {
1717
+ line-height: 1.25;
1718
+ }
1719
+
1720
+ .main_leading-snug__YcA-i {
1721
+ line-height: 1.375;
1722
+ }
1723
+
1724
+ .main_leading-normal__MiExc {
1725
+ line-height: 1.5;
1726
+ }
1727
+
1728
+ .main_leading-relaxed__0S2Gc {
1729
+ line-height: 1.625;
1730
+ }
1731
+
1732
+ .main_leading-loose__n1XAF {
1733
+ line-height: 2;
1734
+ }
1735
+
1736
+ .main_truncate__8Hgrm {
1737
+ overflow: hidden;
1738
+ text-overflow: ellipsis;
1739
+ white-space: nowrap;
1740
+ }
1741
+
1742
+ .main_line-clamp-2__dsiXq {
1743
+ display: -webkit-box;
1744
+ -webkit-line-clamp: 2;
1745
+ -webkit-box-orient: vertical;
1746
+ overflow: hidden;
1747
+ }
1748
+
1749
+ .main_line-clamp-3__O9G4H {
1750
+ display: -webkit-box;
1751
+ -webkit-line-clamp: 3;
1752
+ -webkit-box-orient: vertical;
1753
+ overflow: hidden;
1754
+ }
1755
+
1756
+ .main_text-foreground__sZYlq {
1757
+ color: hsl(220, 20%, 15%);
1758
+ }
1759
+
1760
+ .main_text-background__0uEhY {
1761
+ color: hsl(0, 0%, 100%);
1762
+ }
1763
+
1764
+ .main_text-muted-foreground__p6mfD {
1765
+ color: hsl(220, 10%, 45%);
1766
+ }
1767
+
1768
+ .main_text-joza-accent__wm4nY {
1769
+ color: hsl(23, 100%, 48%);
1770
+ }
1771
+
1772
+ .main_text-destructive__fOxdi {
1773
+ color: hsl(0, 84%, 60%);
1774
+ }
1775
+
1776
+ .main_text-white__-K4My {
1777
+ color: white;
1778
+ }
1779
+
1780
+ .main_bg-background__RlUGz {
1781
+ background-color: hsl(0, 0%, 100%);
1782
+ }
1783
+
1784
+ .main_bg-foreground__Y5GNP {
1785
+ background-color: hsl(220, 20%, 15%);
1786
+ }
1787
+
1788
+ .main_bg-card__DUt8Z {
1789
+ background-color: hsl(0, 0%, 100%);
1790
+ }
1791
+
1792
+ .main_bg-muted__o0sz5 {
1793
+ background-color: hsl(220, 14%, 96%);
1794
+ }
1795
+
1796
+ .main_bg-secondary__Uh8zm {
1797
+ background-color: hsl(220, 14%, 96%);
1798
+ }
1799
+
1800
+ .main_bg-joza-accent__0C0kn {
1801
+ background-color: hsl(23, 100%, 48%);
1802
+ }
1803
+
1804
+ .main_bg-destructive__6BbLn {
1805
+ background-color: hsl(0, 84%, 60%);
1806
+ }
1807
+
1808
+ .main_bg-transparent__hNYc- {
1809
+ background-color: transparent;
1810
+ }
1811
+
1812
+ .main_bg-white__4qrIx {
1813
+ background-color: white;
1814
+ }
1815
+
1816
+ .main_opacity-0__RURrH {
1817
+ opacity: 0;
1818
+ }
1819
+
1820
+ .main_opacity-50__GcE3a {
1821
+ opacity: 0.5;
1822
+ }
1823
+
1824
+ .main_opacity-70__sAbPC {
1825
+ opacity: 0.7;
1826
+ }
1827
+
1828
+ .main_opacity-80__F-V3m {
1829
+ opacity: 0.8;
1830
+ }
1831
+
1832
+ .main_opacity-90__Np0Sn {
1833
+ opacity: 0.9;
1834
+ }
1835
+
1836
+ .main_opacity-100__nF0Yl {
1837
+ opacity: 1;
1838
+ }
1839
+
1840
+ .main_border__b9wrs {
1841
+ border: 1px solid hsl(220, 14%, 90%);
1842
+ }
1843
+
1844
+ .main_border-0__FwRMD {
1845
+ border: none;
1846
+ }
1847
+
1848
+ .main_border-t__EFcXU {
1849
+ border-top: 1px solid hsl(220, 14%, 90%);
1850
+ }
1851
+
1852
+ .main_border-r__m8pou {
1853
+ border-right: 1px solid hsl(220, 14%, 90%);
1854
+ }
1855
+
1856
+ .main_border-b__-aGEZ {
1857
+ border-bottom: 1px solid hsl(220, 14%, 90%);
1858
+ }
1859
+
1860
+ .main_border-l__MnCkz {
1861
+ border-left: 1px solid hsl(220, 14%, 90%);
1862
+ }
1863
+
1864
+ .main_border-border__KghrK {
1865
+ border-color: hsl(220, 14%, 90%);
1866
+ }
1867
+
1868
+ .main_border-joza-accent__6Y017 {
1869
+ border-color: hsl(23, 100%, 48%);
1870
+ }
1871
+
1872
+ .main_border-transparent__mgkWI {
1873
+ border-color: transparent;
1874
+ }
1875
+
1876
+ .main_rounded__ybB4u {
1877
+ border-radius: 0.5rem;
1878
+ }
1879
+
1880
+ .main_rounded-sm__mGrEo {
1881
+ border-radius: 0.375rem;
1882
+ }
1883
+
1884
+ .main_rounded-md__sJs-D {
1885
+ border-radius: 0.5rem;
1886
+ }
1887
+
1888
+ .main_rounded-lg__cO4Lw {
1889
+ border-radius: 0.75rem;
1890
+ }
1891
+
1892
+ .main_rounded-xl__Ia7RS {
1893
+ border-radius: 1rem;
1894
+ }
1895
+
1896
+ .main_rounded-2xl__AL-6T {
1897
+ border-radius: 1.5rem;
1898
+ }
1899
+
1900
+ .main_rounded-3xl__4vvx2 {
1901
+ border-radius: 1.5rem;
1902
+ }
1903
+
1904
+ .main_rounded-full__b9GhF {
1905
+ border-radius: 9999px;
1906
+ }
1907
+
1908
+ .main_rounded-none__eoCeI {
1909
+ border-radius: 0;
1910
+ }
1911
+
1912
+ .main_shadow-none__t-CDh {
1913
+ box-shadow: none;
1914
+ }
1915
+
1916
+ .main_shadow-sm__RhPAu {
1917
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1918
+ }
1919
+
1920
+ .main_shadow__7olJw {
1921
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
1922
+ }
1923
+
1924
+ .main_shadow-md__eWT7J {
1925
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
1926
+ }
1927
+
1928
+ .main_shadow-lg__hJWOa {
1929
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
1930
+ }
1931
+
1932
+ .main_shadow-xl__vDwmN {
1933
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
1934
+ }
1935
+
1936
+ .main_shadow-2xl__0Jtwp {
1937
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
1938
+ }
1939
+
1940
+ .main_overflow-hidden__DBDco {
1941
+ overflow: hidden;
1942
+ }
1943
+
1944
+ .main_overflow-auto__Hr3C7 {
1945
+ overflow: auto;
1946
+ }
1947
+
1948
+ .main_overflow-visible__e4vJc {
1949
+ overflow: visible;
1950
+ }
1951
+
1952
+ .main_overflow-x-auto__aX4M5 {
1953
+ overflow-x: auto;
1954
+ }
1955
+
1956
+ .main_overflow-y-auto__kLLTZ {
1957
+ overflow-y: auto;
1958
+ }
1959
+
1960
+ .main_overflow-x-hidden__kgWWW {
1961
+ overflow-x: hidden;
1962
+ }
1963
+
1964
+ .main_object-cover__ZCkze {
1965
+ object-fit: cover;
1966
+ }
1967
+
1968
+ .main_object-contain__LdmRj {
1969
+ object-fit: contain;
1970
+ }
1971
+
1972
+ .main_object-fill__GO58o {
1973
+ object-fit: fill;
1974
+ }
1975
+
1976
+ .main_cursor-pointer__YH-Wf {
1977
+ cursor: pointer;
1978
+ }
1979
+
1980
+ .main_cursor-not-allowed__tjYeh {
1981
+ cursor: not-allowed;
1982
+ }
1983
+
1984
+ .main_pointer-events-none__-H2UJ {
1985
+ pointer-events: none;
1986
+ }
1987
+
1988
+ .main_pointer-events-auto__SEqpi {
1989
+ pointer-events: auto;
1990
+ }
1991
+
1992
+ .main_select-none__VZXlj {
1993
+ user-select: none;
1994
+ }
1995
+
1996
+ .main_select-all__EQqvn {
1997
+ user-select: all;
1998
+ }
1999
+
2000
+ .main_visible__1JZ-C {
2001
+ visibility: visible;
2002
+ }
2003
+
2004
+ .main_invisible__jDQi5 {
2005
+ visibility: hidden;
2006
+ }
2007
+
2008
+ .main_grayscale__h9beF {
2009
+ filter: grayscale(100%);
2010
+ }
2011
+
2012
+ .main_grayscale-0__JX93D {
2013
+ filter: grayscale(0);
2014
+ }
2015
+
2016
+ .main_blur__HLCS- {
2017
+ filter: blur(8px);
2018
+ }
2019
+
2020
+ .main_blur-sm__U0u-o {
2021
+ filter: blur(4px);
2022
+ }
2023
+
2024
+ .main_blur-md__kSWQn {
2025
+ filter: blur(12px);
2026
+ }
2027
+
2028
+ .main_blur-lg__OiwN9 {
2029
+ filter: blur(16px);
2030
+ }
2031
+
2032
+ .main_backdrop-blur__VC20H {
2033
+ backdrop-filter: blur(8px);
2034
+ }
2035
+
2036
+ .main_backdrop-blur-sm__r0r0x {
2037
+ backdrop-filter: blur(4px);
2038
+ }
2039
+
2040
+ .main_backdrop-blur-md__6OaZH {
2041
+ backdrop-filter: blur(12px);
2042
+ }
2043
+
2044
+ .main_backdrop-blur-lg__G7iHu {
2045
+ backdrop-filter: blur(16px);
2046
+ }
2047
+
2048
+ .main_scale-100__-Nfmf {
2049
+ transform: scale(1);
2050
+ }
2051
+
2052
+ .main_scale-105__w5o5X {
2053
+ transform: scale(1.05);
2054
+ }
2055
+
2056
+ .main_scale-110__Vr5a4 {
2057
+ transform: scale(1.1);
2058
+ }
2059
+
2060
+ .main_translate-x-0__DNJFp {
2061
+ transform: translateX(0);
2062
+ }
2063
+
2064
+ .main_translate-y-0__-6THm {
2065
+ transform: translateY(0);
2066
+ }
2067
+
2068
+ .main_-translate-x-1__gpvpZ {
2069
+ transform: translateX(-0.25rem);
2070
+ }
2071
+
2072
+ .main_-translate-y-1__S9r5H {
2073
+ transform: translateY(-0.25rem);
2074
+ }
2075
+
2076
+ .main_aspect-video__SDPEw {
2077
+ aspect-ratio: 16/9;
2078
+ }
2079
+
2080
+ .main_aspect-square__6ZyIP {
2081
+ aspect-ratio: 1/1;
2082
+ }
2083
+
2084
+ .main_sr-only__fCrPp {
2085
+ position: absolute;
2086
+ width: 1px;
2087
+ height: 1px;
2088
+ padding: 0;
2089
+ margin: -1px;
2090
+ overflow: hidden;
2091
+ clip: rect(0, 0, 0, 0);
2092
+ white-space: nowrap;
2093
+ border: 0;
2094
+ }
2095
+
2096
+ @media (min-width: 1024px) {
2097
+ .main_lg--hidden__dHDFQ {
2098
+ display: none;
2099
+ }
2100
+ .main_lg--block__EUqH2 {
2101
+ display: block;
2102
+ }
2103
+ .main_lg--flex__SX5dC {
2104
+ display: flex;
2105
+ }
2106
+ .main_lg--grid__XULqA {
2107
+ display: grid;
2108
+ }
2109
+ .main_lg--grid-cols-2__6Ag-Z {
2110
+ grid-template-columns: repeat(2, 1fr);
2111
+ }
2112
+ .main_lg--grid-cols-3__XlGiC {
2113
+ grid-template-columns: repeat(3, 1fr);
2114
+ }
2115
+ .main_lg--grid-cols-4__r5M1Y {
2116
+ grid-template-columns: repeat(4, 1fr);
2117
+ }
2118
+ .main_lg--grid-cols-5__E-WSf {
2119
+ grid-template-columns: repeat(5, 1fr);
2120
+ }
2121
+ .main_lg--flex-row__jeRW1 {
2122
+ flex-direction: row;
2123
+ }
2124
+ .main_lg--col-span-2__X-9M7 {
2125
+ grid-column: span 2/span 2;
2126
+ }
2127
+ .main_lg--col-span-3__Uzgmt {
2128
+ grid-column: span 3/span 3;
2129
+ }
2130
+ .main_lg--w-72__Sd8yz {
2131
+ width: 18rem;
2132
+ }
2133
+ }
2134
+ @media (min-width: 768px) {
2135
+ .main_md--hidden__VO7rN {
2136
+ display: none;
2137
+ }
2138
+ .main_md--block__AzcgH {
2139
+ display: block;
2140
+ }
2141
+ .main_md--flex__Ew609 {
2142
+ display: flex;
2143
+ }
2144
+ .main_md--grid__7K5iT {
2145
+ display: grid;
2146
+ }
2147
+ .main_md--grid-cols-2__n9Dyj {
2148
+ grid-template-columns: repeat(2, 1fr);
2149
+ }
2150
+ .main_md--grid-cols-3__T7nEe {
2151
+ grid-template-columns: repeat(3, 1fr);
2152
+ }
2153
+ .main_md--flex-row__KKj2Z {
2154
+ flex-direction: row;
2155
+ }
2156
+ .main_md--mb-0__Wso3Q {
2157
+ margin-bottom: 0;
2158
+ }
2159
+ }
2160
+ @media (min-width: 640px) {
2161
+ .main_sm--hidden__oq45z {
2162
+ display: none;
2163
+ }
2164
+ .main_sm--block__0IFji {
2165
+ display: block;
2166
+ }
2167
+ .main_sm--flex__M-LKj {
2168
+ display: flex;
2169
+ }
2170
+ .main_sm--grid-cols-2__zjO7l {
2171
+ grid-template-columns: repeat(2, 1fr);
2172
+ }
2173
+ .main_sm--px-3__u0FGw {
2174
+ padding-left: 0.75rem;
2175
+ padding-right: 0.75rem;
2176
+ }
2177
+ }