breeze_cms 0.9.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (151) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +24 -0
  4. data/Rakefile +6 -0
  5. data/app/assets/config/breeze_manifest.js +2 -0
  6. data/app/assets/images/breeze/breeze_logo.png +0 -0
  7. data/app/assets/images/breeze/card_preview/card_feature_box.png +0 -0
  8. data/app/assets/images/breeze/card_preview/card_feature_normal.png +0 -0
  9. data/app/assets/images/breeze/card_preview/card_full_image.png +0 -0
  10. data/app/assets/images/breeze/card_preview/card_gap_square.png +0 -0
  11. data/app/assets/images/breeze/card_preview/card_large_image.png +0 -0
  12. data/app/assets/images/breeze/card_preview/card_normal_round.png +0 -0
  13. data/app/assets/images/breeze/card_preview/card_normal_square.png +0 -0
  14. data/app/assets/images/breeze/card_preview/card_wide_square.png +0 -0
  15. data/app/assets/images/breeze/card_preview/form_field.png +0 -0
  16. data/app/assets/images/breeze/home.jpg +0 -0
  17. data/app/assets/images/breeze/section_preview/blog_header.png +0 -0
  18. data/app/assets/images/breeze/section_preview/form_section.png +0 -0
  19. data/app/assets/images/breeze/section_preview/section_cards.png +0 -0
  20. data/app/assets/images/breeze/section_preview/section_feature.png +0 -0
  21. data/app/assets/images/breeze/section_preview/section_full_image.png +0 -0
  22. data/app/assets/images/breeze/section_preview/section_full_up.png +0 -0
  23. data/app/assets/images/breeze/section_preview/section_half_image.png +0 -0
  24. data/app/assets/images/breeze/section_preview/section_large_image.png +0 -0
  25. data/app/assets/images/breeze/section_preview/section_news.png +0 -0
  26. data/app/assets/images/breeze/section_preview/section_slider.png +0 -0
  27. data/app/assets/images/breeze/section_preview/section_small_image.png +0 -0
  28. data/app/assets/images/breeze/section_preview/section_spacer.png +0 -0
  29. data/app/assets/images/breeze/section_preview/section_text.png +0 -0
  30. data/app/assets/javascript/breeze_application.js.rb +101 -0
  31. data/app/assets/javascript/marked.js +6 -0
  32. data/app/assets/stylesheets/breeze/breeze.css +3633 -0
  33. data/app/assets/stylesheets/breeze/breeze.email.css +1344 -0
  34. data/app/assets/stylesheets/breeze.tailwind.css +2 -0
  35. data/app/assets/stylesheets/breeze_tailwind_styles.css +21 -0
  36. data/app/assets/stylesheets/tailwind_base.css +3 -0
  37. data/app/controllers/breeze/application_controller.rb +4 -0
  38. data/app/controllers/breeze/breeze_controller.rb +16 -0
  39. data/app/controllers/breeze/cards_controller.rb +58 -0
  40. data/app/controllers/breeze/changes_controller.rb +45 -0
  41. data/app/controllers/breeze/form_controller.rb +67 -0
  42. data/app/controllers/breeze/images_controller.rb +100 -0
  43. data/app/controllers/breeze/pages_controller.rb +66 -0
  44. data/app/controllers/breeze/sections_controller.rb +96 -0
  45. data/app/controllers/breeze/styles_controller.rb +11 -0
  46. data/app/controllers/breeze/translations_controller.rb +56 -0
  47. data/app/controllers/breeze/view_controller.rb +10 -0
  48. data/app/helpers/breeze/breeze_helper.rb +54 -0
  49. data/app/helpers/breeze/cards_helper.rb +11 -0
  50. data/app/helpers/breeze/changes_helper.rb +29 -0
  51. data/app/helpers/breeze/form_helper.rb +5 -0
  52. data/app/helpers/breeze/images_helper.rb +57 -0
  53. data/app/helpers/breeze/options_helper.rb +120 -0
  54. data/app/helpers/breeze/pages_helper.rb +5 -0
  55. data/app/helpers/breeze/sections_helper.rb +14 -0
  56. data/app/helpers/breeze/styles_helper.rb +4 -0
  57. data/app/helpers/breeze/translations_helper.rb +14 -0
  58. data/app/helpers/breeze/view_helper.rb +74 -0
  59. data/app/jobs/breeze/application_job.rb +4 -0
  60. data/app/mailers/breeze/application_mailer.rb +6 -0
  61. data/app/models/breeze/active_base.rb +34 -0
  62. data/app/models/breeze/active_yaml.rb +143 -0
  63. data/app/models/breeze/card.rb +90 -0
  64. data/app/models/breeze/card_style.rb +12 -0
  65. data/app/models/breeze/change_set.rb +58 -0
  66. data/app/models/breeze/image.rb +104 -0
  67. data/app/models/breeze/option_definition.rb +43 -0
  68. data/app/models/breeze/page.rb +97 -0
  69. data/app/models/breeze/page_style.rb +12 -0
  70. data/app/models/breeze/section.rb +137 -0
  71. data/app/models/breeze/section_style.rb +17 -0
  72. data/app/models/breeze/shared_base.rb +20 -0
  73. data/app/models/breeze/style.rb +17 -0
  74. data/app/models/breeze/translation.rb +83 -0
  75. data/app/models/breeze/view_base.rb +134 -0
  76. data/app/views/breeze/cards/index.haml +84 -0
  77. data/app/views/breeze/changes/index.haml +52 -0
  78. data/app/views/breeze/form/_editor.haml +33 -0
  79. data/app/views/breeze/form/form.haml +8 -0
  80. data/app/views/breeze/images/_editor.haml +144 -0
  81. data/app/views/breeze/images/index.haml +83 -0
  82. data/app/views/breeze/images/new.haml +12 -0
  83. data/app/views/breeze/images/show.haml +60 -0
  84. data/app/views/breeze/pages/_sections.rabl +4 -0
  85. data/app/views/breeze/pages/index.haml +49 -0
  86. data/app/views/breeze/pages/show.haml +85 -0
  87. data/app/views/breeze/sections/_option_form_date.haml +4 -0
  88. data/app/views/breeze/sections/_option_form_select.haml +4 -0
  89. data/app/views/breeze/sections/_option_form_text.haml +4 -0
  90. data/app/views/breeze/sections/_overlay.haml +33 -0
  91. data/app/views/breeze/sections/_section.rabl +5 -0
  92. data/app/views/breeze/sections/_sections_pagination.haml +29 -0
  93. data/app/views/breeze/sections/index.haml +88 -0
  94. data/app/views/breeze/sections/new.haml +12 -0
  95. data/app/views/breeze/sections/select_card_template.haml +13 -0
  96. data/app/views/breeze/sections/select_template.haml +15 -0
  97. data/app/views/breeze/sections/show.haml +91 -0
  98. data/app/views/breeze/styles/_options.haml +9 -0
  99. data/app/views/breeze/styles/index.haml +84 -0
  100. data/app/views/breeze/translations/_row.haml +29 -0
  101. data/app/views/breeze/translations/show.haml +79 -0
  102. data/app/views/breeze/view/_blog_header.haml +13 -0
  103. data/app/views/breeze/view/_form_section.haml +21 -0
  104. data/app/views/breeze/view/_section_cards.haml +17 -0
  105. data/app/views/breeze/view/_section_feature.haml +13 -0
  106. data/app/views/breeze/view/_section_full_image.haml +10 -0
  107. data/app/views/breeze/view/_section_full_up.haml +11 -0
  108. data/app/views/breeze/view/_section_half_image.haml +13 -0
  109. data/app/views/breeze/view/_section_large_image.haml +13 -0
  110. data/app/views/breeze/view/_section_news.haml +16 -0
  111. data/app/views/breeze/view/_section_slider.haml +51 -0
  112. data/app/views/breeze/view/_section_small_image.haml +11 -0
  113. data/app/views/breeze/view/_section_spacer.haml +1 -0
  114. data/app/views/breeze/view/_section_text.haml +17 -0
  115. data/app/views/breeze/view/cards/_card_feature_box.haml +13 -0
  116. data/app/views/breeze/view/cards/_card_feature_normal.haml +7 -0
  117. data/app/views/breeze/view/cards/_card_full_image.haml +10 -0
  118. data/app/views/breeze/view/cards/_card_gap_square.haml +11 -0
  119. data/app/views/breeze/view/cards/_card_large_image.haml +6 -0
  120. data/app/views/breeze/view/cards/_card_normal_round.haml +8 -0
  121. data/app/views/breeze/view/cards/_card_normal_square.haml +9 -0
  122. data/app/views/breeze/view/cards/_card_wide_square.haml +8 -0
  123. data/app/views/breeze/view/cards/_form_field.haml +8 -0
  124. data/app/views/breeze/view/elements/_button.haml +4 -0
  125. data/app/views/breeze/view/page.haml +2 -0
  126. data/app/views/layouts/breeze/_header.haml +37 -0
  127. data/app/views/layouts/breeze/_messages.haml +28 -0
  128. data/app/views/layouts/breeze/application.haml +20 -0
  129. data/app/views/layouts/mailer.html.haml +8 -0
  130. data/app/views/layouts/mailer.text.erb +1 -0
  131. data/config/breeze/card_styles.yml +129 -0
  132. data/config/breeze/option_definitions.yml +129 -0
  133. data/config/breeze/page_styles.yml +12 -0
  134. data/config/breeze/section_styles.yml +199 -0
  135. data/config/initializers/breeze.rb +13 -0
  136. data/config/initializers/rabl.rb +31 -0
  137. data/config/initializers/simple_form.rb +212 -0
  138. data/config/routes.rb +40 -0
  139. data/config/tailwind.config.js +17 -0
  140. data/config/tailwind.email.js +14 -0
  141. data/lib/breeze/engine.rb +97 -0
  142. data/lib/breeze/shared_helper.rb +44 -0
  143. data/lib/breeze/version.rb +3 -0
  144. data/lib/breeze.rb +104 -0
  145. data/lib/generators/breeze/install/install_generator.rb +19 -0
  146. data/lib/generators/breeze/install/templates/empty.yml +1 -0
  147. data/lib/generators/breeze/install/templates/initializer.rb +70 -0
  148. data/lib/generators/breeze/update/update_generator.rb +11 -0
  149. data/lib/tasks/condense.rake +60 -0
  150. data/lib/tasks/consistency.rake +84 -0
  151. metadata +371 -0
@@ -0,0 +1,1344 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ }
50
+
51
+ ::backdrop {
52
+ --tw-border-spacing-x: 0;
53
+ --tw-border-spacing-y: 0;
54
+ --tw-translate-x: 0;
55
+ --tw-translate-y: 0;
56
+ --tw-rotate: 0;
57
+ --tw-skew-x: 0;
58
+ --tw-skew-y: 0;
59
+ --tw-scale-x: 1;
60
+ --tw-scale-y: 1;
61
+ --tw-pan-x: ;
62
+ --tw-pan-y: ;
63
+ --tw-pinch-zoom: ;
64
+ --tw-scroll-snap-strictness: proximity;
65
+ --tw-gradient-from-position: ;
66
+ --tw-gradient-via-position: ;
67
+ --tw-gradient-to-position: ;
68
+ --tw-ordinal: ;
69
+ --tw-slashed-zero: ;
70
+ --tw-numeric-figure: ;
71
+ --tw-numeric-spacing: ;
72
+ --tw-numeric-fraction: ;
73
+ --tw-ring-inset: ;
74
+ --tw-ring-offset-width: 0px;
75
+ --tw-ring-offset-color: #fff;
76
+ --tw-ring-color: rgb(59 130 246 / 0.5);
77
+ --tw-ring-offset-shadow: 0 0 #0000;
78
+ --tw-ring-shadow: 0 0 #0000;
79
+ --tw-shadow: 0 0 #0000;
80
+ --tw-shadow-colored: 0 0 #0000;
81
+ --tw-blur: ;
82
+ --tw-brightness: ;
83
+ --tw-contrast: ;
84
+ --tw-grayscale: ;
85
+ --tw-hue-rotate: ;
86
+ --tw-invert: ;
87
+ --tw-saturate: ;
88
+ --tw-sepia: ;
89
+ --tw-drop-shadow: ;
90
+ --tw-backdrop-blur: ;
91
+ --tw-backdrop-brightness: ;
92
+ --tw-backdrop-contrast: ;
93
+ --tw-backdrop-grayscale: ;
94
+ --tw-backdrop-hue-rotate: ;
95
+ --tw-backdrop-invert: ;
96
+ --tw-backdrop-opacity: ;
97
+ --tw-backdrop-saturate: ;
98
+ --tw-backdrop-sepia: ;
99
+ }
100
+
101
+ .button {
102
+ display: inline-block;
103
+ border-radius: 0.5rem;
104
+ border-width: 1px;
105
+ --tw-border-opacity: 1;
106
+ border-color: rgb(107 114 128 / var(--tw-border-opacity));
107
+ padding-left: 0.75rem;
108
+ padding-right: 0.75rem;
109
+ padding-top: 0.5rem;
110
+ padding-bottom: 0.5rem;
111
+ font-size: 1rem;
112
+ line-height: 1.5rem;
113
+ font-weight: 500;
114
+ }
115
+
116
+ .button:hover {
117
+ --tw-border-opacity: 1;
118
+ border-color: rgb(0 0 0 / var(--tw-border-opacity));
119
+ }
120
+
121
+ .change {
122
+ --tw-bg-opacity: 1;
123
+ background-color: rgb(165 243 252 / var(--tw-bg-opacity));
124
+ }
125
+
126
+ .absolute {
127
+ position: absolute;
128
+ }
129
+
130
+ .relative {
131
+ position: relative;
132
+ }
133
+
134
+ .inset-0 {
135
+ inset: 0px;
136
+ }
137
+
138
+ .bottom-0 {
139
+ bottom: 0px;
140
+ }
141
+
142
+ .left-0 {
143
+ left: 0px;
144
+ }
145
+
146
+ .right-0 {
147
+ right: 0px;
148
+ }
149
+
150
+ .top-0 {
151
+ top: 0px;
152
+ }
153
+
154
+ .top-3 {
155
+ top: 0.75rem;
156
+ }
157
+
158
+ .-z-10 {
159
+ z-index: -10;
160
+ }
161
+
162
+ .z-0 {
163
+ z-index: 0;
164
+ }
165
+
166
+ .col-span-2 {
167
+ grid-column: span 2 / span 2;
168
+ }
169
+
170
+ .m-0 {
171
+ margin: 0px;
172
+ }
173
+
174
+ .m-10 {
175
+ margin: 2.5rem;
176
+ }
177
+
178
+ .m-2 {
179
+ margin: 0.5rem;
180
+ }
181
+
182
+ .m-3 {
183
+ margin: 0.75rem;
184
+ }
185
+
186
+ .m-5 {
187
+ margin: 1.25rem;
188
+ }
189
+
190
+ .m-6 {
191
+ margin: 1.5rem;
192
+ }
193
+
194
+ .m-8 {
195
+ margin: 2rem;
196
+ }
197
+
198
+ .mx-20 {
199
+ margin-left: 5rem;
200
+ margin-right: 5rem;
201
+ }
202
+
203
+ .mx-5 {
204
+ margin-left: 1.25rem;
205
+ margin-right: 1.25rem;
206
+ }
207
+
208
+ .mx-6 {
209
+ margin-left: 1.5rem;
210
+ margin-right: 1.5rem;
211
+ }
212
+
213
+ .mx-auto {
214
+ margin-left: auto;
215
+ margin-right: auto;
216
+ }
217
+
218
+ .my-2 {
219
+ margin-top: 0.5rem;
220
+ margin-bottom: 0.5rem;
221
+ }
222
+
223
+ .my-20 {
224
+ margin-top: 5rem;
225
+ margin-bottom: 5rem;
226
+ }
227
+
228
+ .my-4 {
229
+ margin-top: 1rem;
230
+ margin-bottom: 1rem;
231
+ }
232
+
233
+ .my-5 {
234
+ margin-top: 1.25rem;
235
+ margin-bottom: 1.25rem;
236
+ }
237
+
238
+ .mb-10 {
239
+ margin-bottom: 2.5rem;
240
+ }
241
+
242
+ .mb-2 {
243
+ margin-bottom: 0.5rem;
244
+ }
245
+
246
+ .mb-3 {
247
+ margin-bottom: 0.75rem;
248
+ }
249
+
250
+ .mb-4 {
251
+ margin-bottom: 1rem;
252
+ }
253
+
254
+ .mb-6 {
255
+ margin-bottom: 1.5rem;
256
+ }
257
+
258
+ .ml-0 {
259
+ margin-left: 0px;
260
+ }
261
+
262
+ .ml-10 {
263
+ margin-left: 2.5rem;
264
+ }
265
+
266
+ .ml-20 {
267
+ margin-left: 5rem;
268
+ }
269
+
270
+ .mr-2 {
271
+ margin-right: 0.5rem;
272
+ }
273
+
274
+ .mr-20 {
275
+ margin-right: 5rem;
276
+ }
277
+
278
+ .mr-3 {
279
+ margin-right: 0.75rem;
280
+ }
281
+
282
+ .mt-1 {
283
+ margin-top: 0.25rem;
284
+ }
285
+
286
+ .mt-10 {
287
+ margin-top: 2.5rem;
288
+ }
289
+
290
+ .mt-16 {
291
+ margin-top: 4rem;
292
+ }
293
+
294
+ .mt-2 {
295
+ margin-top: 0.5rem;
296
+ }
297
+
298
+ .mt-20 {
299
+ margin-top: 5rem;
300
+ }
301
+
302
+ .mt-3 {
303
+ margin-top: 0.75rem;
304
+ }
305
+
306
+ .mt-4 {
307
+ margin-top: 1rem;
308
+ }
309
+
310
+ .mt-6 {
311
+ margin-top: 1.5rem;
312
+ }
313
+
314
+ .mt-8 {
315
+ margin-top: 2rem;
316
+ }
317
+
318
+ .line-clamp-3 {
319
+ overflow: hidden;
320
+ display: -webkit-box;
321
+ -webkit-box-orient: vertical;
322
+ -webkit-line-clamp: 3;
323
+ }
324
+
325
+ .block {
326
+ display: block;
327
+ }
328
+
329
+ .inline-block {
330
+ display: inline-block;
331
+ }
332
+
333
+ .flex {
334
+ display: flex;
335
+ }
336
+
337
+ .grid {
338
+ display: grid;
339
+ }
340
+
341
+ .h-1 {
342
+ height: 0.25rem;
343
+ }
344
+
345
+ .h-16 {
346
+ height: 4rem;
347
+ }
348
+
349
+ .h-20 {
350
+ height: 5rem;
351
+ }
352
+
353
+ .h-24 {
354
+ height: 6rem;
355
+ }
356
+
357
+ .h-40 {
358
+ height: 10rem;
359
+ }
360
+
361
+ .h-56 {
362
+ height: 14rem;
363
+ }
364
+
365
+ .h-60 {
366
+ height: 15rem;
367
+ }
368
+
369
+ .h-8 {
370
+ height: 2rem;
371
+ }
372
+
373
+ .h-96 {
374
+ height: 24rem;
375
+ }
376
+
377
+ .h-full {
378
+ height: 100%;
379
+ }
380
+
381
+ .w-1 {
382
+ width: 0.25rem;
383
+ }
384
+
385
+ .w-16 {
386
+ width: 4rem;
387
+ }
388
+
389
+ .w-20 {
390
+ width: 5rem;
391
+ }
392
+
393
+ .w-40 {
394
+ width: 10rem;
395
+ }
396
+
397
+ .w-8 {
398
+ width: 2rem;
399
+ }
400
+
401
+ .w-full {
402
+ width: 100%;
403
+ }
404
+
405
+ .max-w-4xl {
406
+ max-width: 56rem;
407
+ }
408
+
409
+ .max-w-\[50\%\] {
410
+ max-width: 50%;
411
+ }
412
+
413
+ .max-w-full {
414
+ max-width: 100%;
415
+ }
416
+
417
+ .max-w-md {
418
+ max-width: 28rem;
419
+ }
420
+
421
+ .max-w-none {
422
+ max-width: none;
423
+ }
424
+
425
+ .max-w-prose {
426
+ max-width: 65ch;
427
+ }
428
+
429
+ .max-w-xl {
430
+ max-width: 36rem;
431
+ }
432
+
433
+ .flex-1 {
434
+ flex: 1 1 0%;
435
+ }
436
+
437
+ .origin-\[0\] {
438
+ transform-origin: 0;
439
+ }
440
+
441
+ .origin-bottom {
442
+ transform-origin: bottom;
443
+ }
444
+
445
+ .origin-left {
446
+ transform-origin: left;
447
+ }
448
+
449
+ .origin-right {
450
+ transform-origin: right;
451
+ }
452
+
453
+ .origin-top {
454
+ transform-origin: top;
455
+ }
456
+
457
+ .-translate-y-6 {
458
+ --tw-translate-y: -1.5rem;
459
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
460
+ }
461
+
462
+ .scale-75 {
463
+ --tw-scale-x: .75;
464
+ --tw-scale-y: .75;
465
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
466
+ }
467
+
468
+ .scale-x-0 {
469
+ --tw-scale-x: 0;
470
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
471
+ }
472
+
473
+ .scale-y-0 {
474
+ --tw-scale-y: 0;
475
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
476
+ }
477
+
478
+ .transform {
479
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
480
+ }
481
+
482
+ .appearance-none {
483
+ -webkit-appearance: none;
484
+ -moz-appearance: none;
485
+ appearance: none;
486
+ }
487
+
488
+ .columns-1 {
489
+ -moz-columns: 1;
490
+ columns: 1;
491
+ }
492
+
493
+ .grid-cols-1 {
494
+ grid-template-columns: repeat(1, minmax(0, 1fr));
495
+ }
496
+
497
+ .grid-cols-2 {
498
+ grid-template-columns: repeat(2, minmax(0, 1fr));
499
+ }
500
+
501
+ .flex-col {
502
+ flex-direction: column;
503
+ }
504
+
505
+ .items-end {
506
+ align-items: flex-end;
507
+ }
508
+
509
+ .items-center {
510
+ align-items: center;
511
+ }
512
+
513
+ .justify-start {
514
+ justify-content: flex-start;
515
+ }
516
+
517
+ .justify-center {
518
+ justify-content: center;
519
+ }
520
+
521
+ .justify-between {
522
+ justify-content: space-between;
523
+ }
524
+
525
+ .gap-16 {
526
+ gap: 4rem;
527
+ }
528
+
529
+ .gap-4 {
530
+ gap: 1rem;
531
+ }
532
+
533
+ .gap-6 {
534
+ gap: 1.5rem;
535
+ }
536
+
537
+ .gap-8 {
538
+ gap: 2rem;
539
+ }
540
+
541
+ .overflow-hidden {
542
+ overflow: hidden;
543
+ }
544
+
545
+ .rounded {
546
+ border-radius: 0.25rem;
547
+ }
548
+
549
+ .rounded-full {
550
+ border-radius: 9999px;
551
+ }
552
+
553
+ .rounded-lg {
554
+ border-radius: 0.5rem;
555
+ }
556
+
557
+ .rounded-md {
558
+ border-radius: 0.375rem;
559
+ }
560
+
561
+ .rounded-sm {
562
+ border-radius: 0.125rem;
563
+ }
564
+
565
+ .border {
566
+ border-width: 1px;
567
+ }
568
+
569
+ .border-0 {
570
+ border-width: 0px;
571
+ }
572
+
573
+ .border-4 {
574
+ border-width: 4px;
575
+ }
576
+
577
+ .border-b {
578
+ border-bottom-width: 1px;
579
+ }
580
+
581
+ .border-b-8 {
582
+ border-bottom-width: 8px;
583
+ }
584
+
585
+ .border-gray-100 {
586
+ --tw-border-opacity: 1;
587
+ border-color: rgb(243 244 246 / var(--tw-border-opacity));
588
+ }
589
+
590
+ .border-gray-400 {
591
+ --tw-border-opacity: 1;
592
+ border-color: rgb(156 163 175 / var(--tw-border-opacity));
593
+ }
594
+
595
+ .border-gray-500 {
596
+ --tw-border-opacity: 1;
597
+ border-color: rgb(107 114 128 / var(--tw-border-opacity));
598
+ }
599
+
600
+ .border-gray-600 {
601
+ --tw-border-opacity: 1;
602
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
603
+ }
604
+
605
+ .bg-amber-600 {
606
+ --tw-bg-opacity: 1;
607
+ background-color: rgb(217 119 6 / var(--tw-bg-opacity));
608
+ }
609
+
610
+ .bg-black\/25 {
611
+ background-color: rgb(0 0 0 / 0.25);
612
+ }
613
+
614
+ .bg-cyan-100 {
615
+ --tw-bg-opacity: 1;
616
+ background-color: rgb(207 250 254 / var(--tw-bg-opacity));
617
+ }
618
+
619
+ .bg-cyan-100\/25 {
620
+ background-color: rgb(207 250 254 / 0.25);
621
+ }
622
+
623
+ .bg-cyan-700 {
624
+ --tw-bg-opacity: 1;
625
+ background-color: rgb(14 116 144 / var(--tw-bg-opacity));
626
+ }
627
+
628
+ .bg-cyan-700\/25 {
629
+ background-color: rgb(14 116 144 / 0.25);
630
+ }
631
+
632
+ .bg-cyan-900 {
633
+ --tw-bg-opacity: 1;
634
+ background-color: rgb(22 78 99 / var(--tw-bg-opacity));
635
+ }
636
+
637
+ .bg-gray-100 {
638
+ --tw-bg-opacity: 1;
639
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
640
+ }
641
+
642
+ .bg-green-700 {
643
+ --tw-bg-opacity: 1;
644
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity));
645
+ }
646
+
647
+ .bg-orange-300\/25 {
648
+ background-color: rgb(253 186 116 / 0.25);
649
+ }
650
+
651
+ .bg-orange-50 {
652
+ --tw-bg-opacity: 1;
653
+ background-color: rgb(255 247 237 / var(--tw-bg-opacity));
654
+ }
655
+
656
+ .bg-orange-800\/25 {
657
+ background-color: rgb(154 52 18 / 0.25);
658
+ }
659
+
660
+ .bg-slate-900 {
661
+ --tw-bg-opacity: 1;
662
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity));
663
+ }
664
+
665
+ .bg-teal-700 {
666
+ --tw-bg-opacity: 1;
667
+ background-color: rgb(15 118 110 / var(--tw-bg-opacity));
668
+ }
669
+
670
+ .bg-transparent {
671
+ background-color: transparent;
672
+ }
673
+
674
+ .bg-white {
675
+ --tw-bg-opacity: 1;
676
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
677
+ }
678
+
679
+ .bg-white\/25 {
680
+ background-color: rgb(255 255 255 / 0.25);
681
+ }
682
+
683
+ .bg-cover {
684
+ background-size: cover;
685
+ }
686
+
687
+ .bg-no-repeat {
688
+ background-repeat: no-repeat;
689
+ }
690
+
691
+ .object-cover {
692
+ -o-object-fit: cover;
693
+ object-fit: cover;
694
+ }
695
+
696
+ .p-20 {
697
+ padding: 5rem;
698
+ }
699
+
700
+ .p-4 {
701
+ padding: 1rem;
702
+ }
703
+
704
+ .p-5 {
705
+ padding: 1.25rem;
706
+ }
707
+
708
+ .p-8 {
709
+ padding: 2rem;
710
+ }
711
+
712
+ .p-px {
713
+ padding: 1px;
714
+ }
715
+
716
+ .px-0 {
717
+ padding-left: 0px;
718
+ padding-right: 0px;
719
+ }
720
+
721
+ .px-20 {
722
+ padding-left: 5rem;
723
+ padding-right: 5rem;
724
+ }
725
+
726
+ .px-4 {
727
+ padding-left: 1rem;
728
+ padding-right: 1rem;
729
+ }
730
+
731
+ .px-6 {
732
+ padding-left: 1.5rem;
733
+ padding-right: 1.5rem;
734
+ }
735
+
736
+ .py-2 {
737
+ padding-top: 0.5rem;
738
+ padding-bottom: 0.5rem;
739
+ }
740
+
741
+ .py-2\.5 {
742
+ padding-top: 0.625rem;
743
+ padding-bottom: 0.625rem;
744
+ }
745
+
746
+ .py-24 {
747
+ padding-top: 6rem;
748
+ padding-bottom: 6rem;
749
+ }
750
+
751
+ .py-3 {
752
+ padding-top: 0.75rem;
753
+ padding-bottom: 0.75rem;
754
+ }
755
+
756
+ .py-4 {
757
+ padding-top: 1rem;
758
+ padding-bottom: 1rem;
759
+ }
760
+
761
+ .pb-6 {
762
+ padding-bottom: 1.5rem;
763
+ }
764
+
765
+ .pr-16 {
766
+ padding-right: 4rem;
767
+ }
768
+
769
+ .pt-10 {
770
+ padding-top: 2.5rem;
771
+ }
772
+
773
+ .text-left {
774
+ text-align: left;
775
+ }
776
+
777
+ .text-center {
778
+ text-align: center;
779
+ }
780
+
781
+ .align-bottom {
782
+ vertical-align: bottom;
783
+ }
784
+
785
+ .text-2xl {
786
+ font-size: 1.5rem;
787
+ line-height: 2rem;
788
+ }
789
+
790
+ .text-3xl {
791
+ font-size: 1.875rem;
792
+ line-height: 2.25rem;
793
+ }
794
+
795
+ .text-4xl {
796
+ font-size: 2.25rem;
797
+ line-height: 2.5rem;
798
+ }
799
+
800
+ .text-lg {
801
+ font-size: 1.125rem;
802
+ line-height: 1.75rem;
803
+ }
804
+
805
+ .text-sm {
806
+ font-size: 0.875rem;
807
+ line-height: 1.25rem;
808
+ }
809
+
810
+ .text-xl {
811
+ font-size: 1.25rem;
812
+ line-height: 1.75rem;
813
+ }
814
+
815
+ .text-xs {
816
+ font-size: 0.75rem;
817
+ line-height: 1rem;
818
+ }
819
+
820
+ .font-bold {
821
+ font-weight: 700;
822
+ }
823
+
824
+ .font-extrabold {
825
+ font-weight: 800;
826
+ }
827
+
828
+ .font-medium {
829
+ font-weight: 500;
830
+ }
831
+
832
+ .font-semibold {
833
+ font-weight: 600;
834
+ }
835
+
836
+ .leading-5 {
837
+ line-height: 1.25rem;
838
+ }
839
+
840
+ .leading-none {
841
+ line-height: 1;
842
+ }
843
+
844
+ .leading-relaxed {
845
+ line-height: 1.625;
846
+ }
847
+
848
+ .tracking-tight {
849
+ letter-spacing: -0.025em;
850
+ }
851
+
852
+ .tracking-widest {
853
+ letter-spacing: 0.1em;
854
+ }
855
+
856
+ .text-black {
857
+ --tw-text-opacity: 1;
858
+ color: rgb(0 0 0 / var(--tw-text-opacity));
859
+ }
860
+
861
+ .text-cyan-100 {
862
+ --tw-text-opacity: 1;
863
+ color: rgb(207 250 254 / var(--tw-text-opacity));
864
+ }
865
+
866
+ .text-cyan-700 {
867
+ --tw-text-opacity: 1;
868
+ color: rgb(14 116 144 / var(--tw-text-opacity));
869
+ }
870
+
871
+ .text-gray-100 {
872
+ --tw-text-opacity: 1;
873
+ color: rgb(243 244 246 / var(--tw-text-opacity));
874
+ }
875
+
876
+ .text-gray-500 {
877
+ --tw-text-opacity: 1;
878
+ color: rgb(107 114 128 / var(--tw-text-opacity));
879
+ }
880
+
881
+ .text-gray-800 {
882
+ --tw-text-opacity: 1;
883
+ color: rgb(31 41 55 / var(--tw-text-opacity));
884
+ }
885
+
886
+ .text-gray-900 {
887
+ --tw-text-opacity: 1;
888
+ color: rgb(17 24 39 / var(--tw-text-opacity));
889
+ }
890
+
891
+ .text-green-700 {
892
+ --tw-text-opacity: 1;
893
+ color: rgb(21 128 61 / var(--tw-text-opacity));
894
+ }
895
+
896
+ .text-indigo-800 {
897
+ --tw-text-opacity: 1;
898
+ color: rgb(55 48 163 / var(--tw-text-opacity));
899
+ }
900
+
901
+ .text-orange-800 {
902
+ --tw-text-opacity: 1;
903
+ color: rgb(154 52 18 / var(--tw-text-opacity));
904
+ }
905
+
906
+ .text-slate-800 {
907
+ --tw-text-opacity: 1;
908
+ color: rgb(30 41 59 / var(--tw-text-opacity));
909
+ }
910
+
911
+ .text-teal-700 {
912
+ --tw-text-opacity: 1;
913
+ color: rgb(15 118 110 / var(--tw-text-opacity));
914
+ }
915
+
916
+ .text-white {
917
+ --tw-text-opacity: 1;
918
+ color: rgb(255 255 255 / var(--tw-text-opacity));
919
+ }
920
+
921
+ .shadow-sm {
922
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
923
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
924
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
925
+ }
926
+
927
+ .transition {
928
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
929
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
930
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
931
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
932
+ transition-duration: 150ms;
933
+ }
934
+
935
+ .transition-colors {
936
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
937
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
938
+ transition-duration: 150ms;
939
+ }
940
+
941
+ .duration-300 {
942
+ transition-duration: 300ms;
943
+ }
944
+
945
+ .duration-700 {
946
+ transition-duration: 700ms;
947
+ }
948
+
949
+ .ease-in {
950
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
951
+ }
952
+
953
+ .prose {
954
+ max-width: 100%;
955
+ color: inherit;
956
+ --tw-prose-bullets: #6b7280;
957
+ --tw-prose-headings: inherit;
958
+ }
959
+
960
+ .hover\:scale-105:hover {
961
+ --tw-scale-x: 1.05;
962
+ --tw-scale-y: 1.05;
963
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
964
+ }
965
+
966
+ .hover\:scale-110:hover {
967
+ --tw-scale-x: 1.1;
968
+ --tw-scale-y: 1.1;
969
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
970
+ }
971
+
972
+ .hover\:bg-blue-800:hover {
973
+ --tw-bg-opacity: 1;
974
+ background-color: rgb(30 64 175 / var(--tw-bg-opacity));
975
+ }
976
+
977
+ .hover\:text-gray-500:hover {
978
+ --tw-text-opacity: 1;
979
+ color: rgb(107 114 128 / var(--tw-text-opacity));
980
+ }
981
+
982
+ .hover\:text-gray-500\/75:hover {
983
+ color: rgb(107 114 128 / 0.75);
984
+ }
985
+
986
+ .hover\:shadow-xl:hover {
987
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
988
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
989
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
990
+ }
991
+
992
+ .focus\:border-blue-600:focus {
993
+ --tw-border-opacity: 1;
994
+ border-color: rgb(37 99 235 / var(--tw-border-opacity));
995
+ }
996
+
997
+ .focus\:outline-none:focus {
998
+ outline: 2px solid transparent;
999
+ outline-offset: 2px;
1000
+ }
1001
+
1002
+ .focus\:ring-0:focus {
1003
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1004
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1005
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1006
+ }
1007
+
1008
+ .group:hover .group-hover\:translate-x-1 {
1009
+ --tw-translate-x: 0.25rem;
1010
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1011
+ }
1012
+
1013
+ .group:hover .group-hover\:scale-x-100 {
1014
+ --tw-scale-x: 1;
1015
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1016
+ }
1017
+
1018
+ .group:hover .group-hover\:scale-y-100 {
1019
+ --tw-scale-y: 1;
1020
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1021
+ }
1022
+
1023
+ .group:hover .group-hover\:bg-black {
1024
+ --tw-bg-opacity: 1;
1025
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
1026
+ }
1027
+
1028
+ .group:hover .group-hover\:text-white {
1029
+ --tw-text-opacity: 1;
1030
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1031
+ }
1032
+
1033
+ .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
1034
+ --tw-translate-y: 0px;
1035
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1036
+ }
1037
+
1038
+ .peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
1039
+ --tw-translate-y: 0px;
1040
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1041
+ }
1042
+
1043
+ .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
1044
+ --tw-scale-x: 1;
1045
+ --tw-scale-y: 1;
1046
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1047
+ }
1048
+
1049
+ .peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
1050
+ --tw-scale-x: 1;
1051
+ --tw-scale-y: 1;
1052
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1053
+ }
1054
+
1055
+ .peer:focus ~ .peer-focus\:left-0 {
1056
+ left: 0px;
1057
+ }
1058
+
1059
+ .peer:focus ~ .peer-focus\:-translate-y-6 {
1060
+ --tw-translate-y: -1.5rem;
1061
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1062
+ }
1063
+
1064
+ .peer:focus ~ .peer-focus\:scale-75 {
1065
+ --tw-scale-x: .75;
1066
+ --tw-scale-y: .75;
1067
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1068
+ }
1069
+
1070
+ .peer:focus ~ .peer-focus\:text-blue-600 {
1071
+ --tw-text-opacity: 1;
1072
+ color: rgb(37 99 235 / var(--tw-text-opacity));
1073
+ }
1074
+
1075
+ @media (min-width: 640px) {
1076
+ .sm\:mx-auto {
1077
+ margin-left: auto;
1078
+ margin-right: auto;
1079
+ }
1080
+
1081
+ .sm\:my-2 {
1082
+ margin-top: 0.5rem;
1083
+ margin-bottom: 0.5rem;
1084
+ }
1085
+
1086
+ .sm\:mt-4 {
1087
+ margin-top: 1rem;
1088
+ }
1089
+
1090
+ .sm\:h-full {
1091
+ height: 100%;
1092
+ }
1093
+
1094
+ .sm\:w-1\/2 {
1095
+ width: 50%;
1096
+ }
1097
+
1098
+ .sm\:px-6 {
1099
+ padding-left: 1.5rem;
1100
+ padding-right: 1.5rem;
1101
+ }
1102
+
1103
+ .sm\:text-center {
1104
+ text-align: center;
1105
+ }
1106
+
1107
+ .sm\:text-2xl {
1108
+ font-size: 1.5rem;
1109
+ line-height: 2rem;
1110
+ }
1111
+
1112
+ .sm\:text-4xl {
1113
+ font-size: 2.25rem;
1114
+ line-height: 2.5rem;
1115
+ }
1116
+ }
1117
+
1118
+ @media (min-width: 768px) {
1119
+ .md\:m-12 {
1120
+ margin: 3rem;
1121
+ }
1122
+
1123
+ .md\:m-20 {
1124
+ margin: 5rem;
1125
+ }
1126
+
1127
+ .md\:m-4 {
1128
+ margin: 1rem;
1129
+ }
1130
+
1131
+ .md\:m-8 {
1132
+ margin: 2rem;
1133
+ }
1134
+
1135
+ .md\:mx-12 {
1136
+ margin-left: 3rem;
1137
+ margin-right: 3rem;
1138
+ }
1139
+
1140
+ .md\:my-10 {
1141
+ margin-top: 2.5rem;
1142
+ margin-bottom: 2.5rem;
1143
+ }
1144
+
1145
+ .md\:grid {
1146
+ display: grid;
1147
+ }
1148
+
1149
+ .md\:h-60 {
1150
+ height: 15rem;
1151
+ }
1152
+
1153
+ .md\:columns-2 {
1154
+ -moz-columns: 2;
1155
+ columns: 2;
1156
+ }
1157
+
1158
+ .md\:grid-cols-2 {
1159
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1160
+ }
1161
+
1162
+ .md\:grid-cols-3 {
1163
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1164
+ }
1165
+
1166
+ .md\:grid-cols-4 {
1167
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1168
+ }
1169
+
1170
+ .md\:flex-row {
1171
+ flex-direction: row;
1172
+ }
1173
+
1174
+ .md\:gap-12 {
1175
+ gap: 3rem;
1176
+ }
1177
+
1178
+ .md\:gap-8 {
1179
+ gap: 2rem;
1180
+ }
1181
+
1182
+ .md\:p-12 {
1183
+ padding: 3rem;
1184
+ }
1185
+
1186
+ .md\:py-10 {
1187
+ padding-top: 2.5rem;
1188
+ padding-bottom: 2.5rem;
1189
+ }
1190
+
1191
+ .md\:text-2xl {
1192
+ font-size: 1.5rem;
1193
+ line-height: 2rem;
1194
+ }
1195
+
1196
+ .md\:text-4xl {
1197
+ font-size: 2.25rem;
1198
+ line-height: 2.5rem;
1199
+ }
1200
+
1201
+ .md\:text-5xl {
1202
+ font-size: 3rem;
1203
+ line-height: 1;
1204
+ }
1205
+ }
1206
+
1207
+ @media (min-width: 1024px) {
1208
+ .lg\:m-20 {
1209
+ margin: 5rem;
1210
+ }
1211
+
1212
+ .lg\:mx-20 {
1213
+ margin-left: 5rem;
1214
+ margin-right: 5rem;
1215
+ }
1216
+
1217
+ .lg\:my-0 {
1218
+ margin-top: 0px;
1219
+ margin-bottom: 0px;
1220
+ }
1221
+
1222
+ .lg\:mb-0 {
1223
+ margin-bottom: 0px;
1224
+ }
1225
+
1226
+ .lg\:mb-8 {
1227
+ margin-bottom: 2rem;
1228
+ }
1229
+
1230
+ .lg\:ml-10 {
1231
+ margin-left: 2.5rem;
1232
+ }
1233
+
1234
+ .lg\:mt-0 {
1235
+ margin-top: 0px;
1236
+ }
1237
+
1238
+ .lg\:mt-8 {
1239
+ margin-top: 2rem;
1240
+ }
1241
+
1242
+ .lg\:h-96 {
1243
+ height: 24rem;
1244
+ }
1245
+
1246
+ .lg\:w-1\/3 {
1247
+ width: 33.333333%;
1248
+ }
1249
+
1250
+ .lg\:w-2\/3 {
1251
+ width: 66.666667%;
1252
+ }
1253
+
1254
+ .lg\:w-2\/5 {
1255
+ width: 40%;
1256
+ }
1257
+
1258
+ .lg\:w-3\/5 {
1259
+ width: 60%;
1260
+ }
1261
+
1262
+ .lg\:columns-3 {
1263
+ -moz-columns: 3;
1264
+ columns: 3;
1265
+ }
1266
+
1267
+ .lg\:grid-cols-3 {
1268
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1269
+ }
1270
+
1271
+ .lg\:grid-cols-4 {
1272
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1273
+ }
1274
+
1275
+ .lg\:grid-cols-5 {
1276
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1277
+ }
1278
+
1279
+ .lg\:grid-cols-6 {
1280
+ grid-template-columns: repeat(6, minmax(0, 1fr));
1281
+ }
1282
+
1283
+ .lg\:flex-row {
1284
+ flex-direction: row;
1285
+ }
1286
+
1287
+ .lg\:items-center {
1288
+ align-items: center;
1289
+ }
1290
+
1291
+ .lg\:gap-12 {
1292
+ gap: 3rem;
1293
+ }
1294
+
1295
+ .lg\:gap-16 {
1296
+ gap: 4rem;
1297
+ }
1298
+
1299
+ .lg\:px-16 {
1300
+ padding-left: 4rem;
1301
+ padding-right: 4rem;
1302
+ }
1303
+
1304
+ .lg\:px-8 {
1305
+ padding-left: 2rem;
1306
+ padding-right: 2rem;
1307
+ }
1308
+
1309
+ .lg\:py-16 {
1310
+ padding-top: 4rem;
1311
+ padding-bottom: 4rem;
1312
+ }
1313
+
1314
+ .lg\:py-24 {
1315
+ padding-top: 6rem;
1316
+ padding-bottom: 6rem;
1317
+ }
1318
+ }
1319
+
1320
+ @media (min-width: 1280px) {
1321
+ .xl\:m-14 {
1322
+ margin: 3.5rem;
1323
+ }
1324
+
1325
+ .xl\:m-20 {
1326
+ margin: 5rem;
1327
+ }
1328
+
1329
+ .xl\:m-8 {
1330
+ margin: 2rem;
1331
+ }
1332
+
1333
+ .xl\:columns-4 {
1334
+ -moz-columns: 4;
1335
+ columns: 4;
1336
+ }
1337
+ }
1338
+
1339
+ @media (prefers-color-scheme: dark) {
1340
+ .peer:focus ~ .peer-focus\:dark\:text-blue-500 {
1341
+ --tw-text-opacity: 1;
1342
+ color: rgb(59 130 246 / var(--tw-text-opacity));
1343
+ }
1344
+ }