create-gardener 2.1.8 → 2.1.9

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 (62) hide show
  1. package/package.json +1 -1
  2. package/template/buildHelper.js +11 -20
  3. package/template/src/backend/controllers/gardener/addPage.ts +16 -0
  4. package/template/src/backend/controllers/gardener/hotReload.ts +12 -10
  5. package/template/src/backend/routes/gardener.route.ts +2 -0
  6. package/template/src/backend/routes/routes.json +4 -0
  7. package/template/src/backend/server.ts +2 -1
  8. package/template/src/frontend/bundle/bundle._settings.js +1 -0
  9. package/template/src/frontend/static/pages/pages._settings.js +2 -0
  10. package/template/src/frontend/static/style.css +1 -1093
  11. package/template/{build/frontend/views/_.ejs → src/frontend/views/_settings.ejs} +2 -1
  12. package/template/build/backend/controllers/gardener/addComponent.d.ts +0 -8
  13. package/template/build/backend/controllers/gardener/addComponent.d.ts.map +0 -1
  14. package/template/build/backend/controllers/gardener/addComponent.js +0 -19
  15. package/template/build/backend/controllers/gardener/addComponent.js.map +0 -1
  16. package/template/build/backend/controllers/gardener/addPage.d.ts +0 -3
  17. package/template/build/backend/controllers/gardener/addPage.d.ts.map +0 -1
  18. package/template/build/backend/controllers/gardener/addPage.js +0 -86
  19. package/template/build/backend/controllers/gardener/addPage.js.map +0 -1
  20. package/template/build/backend/controllers/gardener/createStatic.d.ts +0 -2
  21. package/template/build/backend/controllers/gardener/createStatic.d.ts.map +0 -1
  22. package/template/build/backend/controllers/gardener/createStatic.js +0 -83
  23. package/template/build/backend/controllers/gardener/createStatic.js.map +0 -1
  24. package/template/build/backend/controllers/gardener/hotReload.d.ts +0 -3
  25. package/template/build/backend/controllers/gardener/hotReload.d.ts.map +0 -1
  26. package/template/build/backend/controllers/gardener/hotReload.js +0 -29
  27. package/template/build/backend/controllers/gardener/hotReload.js.map +0 -1
  28. package/template/build/backend/controllers/gardener/imageOptimiser.d.ts +0 -3
  29. package/template/build/backend/controllers/gardener/imageOptimiser.d.ts.map +0 -1
  30. package/template/build/backend/controllers/gardener/imageOptimiser.js +0 -123
  31. package/template/build/backend/controllers/gardener/imageOptimiser.js.map +0 -1
  32. package/template/build/backend/controllers/gardener/index.d.ts +0 -6
  33. package/template/build/backend/controllers/gardener/index.d.ts.map +0 -1
  34. package/template/build/backend/controllers/gardener/index.js +0 -6
  35. package/template/build/backend/controllers/gardener/index.js.map +0 -1
  36. package/template/build/backend/controllers/gardener/saveTemplate.d.ts +0 -3
  37. package/template/build/backend/controllers/gardener/saveTemplate.d.ts.map +0 -1
  38. package/template/build/backend/controllers/gardener/saveTemplate.js +0 -36
  39. package/template/build/backend/controllers/gardener/saveTemplate.js.map +0 -1
  40. package/template/build/backend/libs/generateWebp.d.ts +0 -2
  41. package/template/build/backend/libs/generateWebp.d.ts.map +0 -1
  42. package/template/build/backend/libs/generateWebp.js +0 -16
  43. package/template/build/backend/libs/generateWebp.js.map +0 -1
  44. package/template/build/backend/routes/gardener.route.d.ts +0 -4
  45. package/template/build/backend/routes/gardener.route.d.ts.map +0 -1
  46. package/template/build/backend/routes/gardener.route.js +0 -13
  47. package/template/build/backend/routes/gardener.route.js.map +0 -1
  48. package/template/build/backend/server.d.ts +0 -2
  49. package/template/build/backend/server.d.ts.map +0 -1
  50. package/template/build/backend/server.js +0 -26
  51. package/template/build/backend/server.js.map +0 -1
  52. package/template/build/frontend/assets/favicon.png +0 -0
  53. package/template/build/frontend/assets/gardener.jpg +0 -0
  54. package/template/build/frontend/assets/remote/betterway.jpg +0 -0
  55. package/template/build/frontend/static/bundle/bundle._.js +0 -1
  56. package/template/build/frontend/static/cache/favicon_50x50.webp +0 -0
  57. package/template/build/frontend/static/cache/gardener_50x50.webp +0 -0
  58. package/template/build/frontend/static/style.css +0 -2
  59. package/template/build/frontend/static/style2.css +0 -26
  60. package/template/build/frontend/tailwind.css +0 -1
  61. package/template/build/frontend/views/partials/icons/clipboard.ejs +0 -1
  62. package/template/build/frontend/views/partials/icons/clipboardok.ejs +0 -1
@@ -1,1094 +1,2 @@
1
1
  /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- @layer theme, base, components, utilities;
4
- @layer theme {
5
- :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
- "Courier New", monospace;
10
- --color-red-50: oklch(97.1% 0.013 17.38);
11
- --color-red-300: oklch(80.8% 0.114 19.571);
12
- --color-red-600: oklch(57.7% 0.245 27.325);
13
- --color-red-700: oklch(50.5% 0.213 27.518);
14
- --color-green-100: oklch(96.2% 0.044 156.743);
15
- --color-green-200: oklch(92.5% 0.084 155.995);
16
- --color-green-300: oklch(87.1% 0.15 154.449);
17
- --color-green-400: oklch(79.2% 0.209 151.711);
18
- --color-green-500: oklch(72.3% 0.219 149.579);
19
- --color-green-700: oklch(52.7% 0.154 150.069);
20
- --color-green-800: oklch(44.8% 0.119 151.328);
21
- --color-green-900: oklch(39.3% 0.095 152.535);
22
- --color-emerald-400: oklch(76.5% 0.177 163.223);
23
- --color-blue-300: oklch(80.9% 0.105 251.813);
24
- --color-blue-500: oklch(62.3% 0.214 259.815);
25
- --color-blue-600: oklch(54.6% 0.245 262.881);
26
- --color-slate-50: oklch(98.4% 0.003 247.858);
27
- --color-slate-500: oklch(55.4% 0.046 257.417);
28
- --color-slate-600: oklch(44.6% 0.043 257.281);
29
- --color-slate-700: oklch(37.2% 0.044 257.287);
30
- --color-slate-800: oklch(27.9% 0.041 260.031);
31
- --color-slate-900: oklch(20.8% 0.042 265.755);
32
- --color-gray-100: oklch(96.7% 0.003 264.542);
33
- --color-gray-200: oklch(92.8% 0.006 264.531);
34
- --color-gray-300: oklch(87.2% 0.01 258.338);
35
- --color-gray-400: oklch(70.7% 0.022 261.325);
36
- --color-gray-500: oklch(55.1% 0.027 264.364);
37
- --color-gray-700: oklch(37.3% 0.034 259.733);
38
- --color-gray-800: oklch(27.8% 0.033 256.848);
39
- --color-gray-900: oklch(21% 0.034 264.665);
40
- --color-black: #000;
41
- --color-white: #fff;
42
- --spacing: 0.25rem;
43
- --container-sm: 24rem;
44
- --container-md: 28rem;
45
- --container-5xl: 64rem;
46
- --text-sm: 0.875rem;
47
- --text-sm--line-height: calc(1.25 / 0.875);
48
- --text-base: 1rem;
49
- --text-base--line-height: calc(1.5 / 1);
50
- --text-lg: 1.125rem;
51
- --text-lg--line-height: calc(1.75 / 1.125);
52
- --text-xl: 1.25rem;
53
- --text-xl--line-height: calc(1.75 / 1.25);
54
- --text-2xl: 1.5rem;
55
- --text-2xl--line-height: calc(2 / 1.5);
56
- --text-3xl: 1.875rem;
57
- --text-3xl--line-height: calc(2.25 / 1.875);
58
- --text-6xl: 3.75rem;
59
- --text-6xl--line-height: 1;
60
- --font-weight-medium: 500;
61
- --font-weight-bold: 700;
62
- --tracking-wide: 0.025em;
63
- --tracking-wider: 0.05em;
64
- --radius-lg: 0.5rem;
65
- --radius-xl: 0.75rem;
66
- --radius-2xl: 1rem;
67
- --blur-md: 12px;
68
- --default-transition-duration: 150ms;
69
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
70
- --default-font-family: var(--font-sans);
71
- --default-mono-font-family: var(--font-mono);
72
- }
73
- }
74
- @layer base {
75
- *, ::after, ::before, ::backdrop, ::file-selector-button {
76
- box-sizing: border-box;
77
- margin: 0;
78
- padding: 0;
79
- border: 0 solid;
80
- }
81
- html, :host {
82
- line-height: 1.5;
83
- -webkit-text-size-adjust: 100%;
84
- tab-size: 4;
85
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
86
- font-feature-settings: var(--default-font-feature-settings, normal);
87
- font-variation-settings: var(--default-font-variation-settings, normal);
88
- -webkit-tap-highlight-color: transparent;
89
- }
90
- hr {
91
- height: 0;
92
- color: inherit;
93
- border-top-width: 1px;
94
- }
95
- abbr:where([title]) {
96
- -webkit-text-decoration: underline dotted;
97
- text-decoration: underline dotted;
98
- }
99
- h1, h2, h3, h4, h5, h6 {
100
- font-size: inherit;
101
- font-weight: inherit;
102
- }
103
- a {
104
- color: inherit;
105
- -webkit-text-decoration: inherit;
106
- text-decoration: inherit;
107
- }
108
- b, strong {
109
- font-weight: bolder;
110
- }
111
- code, kbd, samp, pre {
112
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
113
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
114
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
115
- font-size: 1em;
116
- }
117
- small {
118
- font-size: 80%;
119
- }
120
- sub, sup {
121
- font-size: 75%;
122
- line-height: 0;
123
- position: relative;
124
- vertical-align: baseline;
125
- }
126
- sub {
127
- bottom: -0.25em;
128
- }
129
- sup {
130
- top: -0.5em;
131
- }
132
- table {
133
- text-indent: 0;
134
- border-color: inherit;
135
- border-collapse: collapse;
136
- }
137
- :-moz-focusring {
138
- outline: auto;
139
- }
140
- progress {
141
- vertical-align: baseline;
142
- }
143
- summary {
144
- display: list-item;
145
- }
146
- ol, ul, menu {
147
- list-style: none;
148
- }
149
- img, svg, video, canvas, audio, iframe, embed, object {
150
- display: block;
151
- vertical-align: middle;
152
- }
153
- img, video {
154
- max-width: 100%;
155
- height: auto;
156
- }
157
- button, input, select, optgroup, textarea, ::file-selector-button {
158
- font: inherit;
159
- font-feature-settings: inherit;
160
- font-variation-settings: inherit;
161
- letter-spacing: inherit;
162
- color: inherit;
163
- border-radius: 0;
164
- background-color: transparent;
165
- opacity: 1;
166
- }
167
- :where(select:is([multiple], [size])) optgroup {
168
- font-weight: bolder;
169
- }
170
- :where(select:is([multiple], [size])) optgroup option {
171
- padding-inline-start: 20px;
172
- }
173
- ::file-selector-button {
174
- margin-inline-end: 4px;
175
- }
176
- ::placeholder {
177
- opacity: 1;
178
- }
179
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
180
- ::placeholder {
181
- color: currentcolor;
182
- @supports (color: color-mix(in lab, red, red)) {
183
- color: color-mix(in oklab, currentcolor 50%, transparent);
184
- }
185
- }
186
- }
187
- textarea {
188
- resize: vertical;
189
- }
190
- ::-webkit-search-decoration {
191
- -webkit-appearance: none;
192
- }
193
- ::-webkit-date-and-time-value {
194
- min-height: 1lh;
195
- text-align: inherit;
196
- }
197
- ::-webkit-datetime-edit {
198
- display: inline-flex;
199
- }
200
- ::-webkit-datetime-edit-fields-wrapper {
201
- padding: 0;
202
- }
203
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
204
- padding-block: 0;
205
- }
206
- ::-webkit-calendar-picker-indicator {
207
- line-height: 1;
208
- }
209
- :-moz-ui-invalid {
210
- box-shadow: none;
211
- }
212
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
213
- appearance: button;
214
- }
215
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
216
- height: auto;
217
- }
218
- [hidden]:where(:not([hidden="until-found"])) {
219
- display: none !important;
220
- }
221
- }
222
- @layer utilities {
223
- .fixed {
224
- position: fixed;
225
- }
226
- .static {
227
- position: static;
228
- }
229
- .start {
230
- inset-inline-start: var(--spacing);
231
- }
232
- .top-0 {
233
- top: calc(var(--spacing) * 0);
234
- }
235
- .top-1\/2 {
236
- top: calc(1 / 2 * 100%);
237
- }
238
- .top-1\/4 {
239
- top: calc(1 / 4 * 100%);
240
- }
241
- .top-2\/5 {
242
- top: calc(2 / 5 * 100%);
243
- }
244
- .top-\[-60px\] {
245
- top: -60px;
246
- }
247
- .right-0 {
248
- right: calc(var(--spacing) * 0);
249
- }
250
- .right-2 {
251
- right: calc(var(--spacing) * 2);
252
- }
253
- .right-4 {
254
- right: calc(var(--spacing) * 4);
255
- }
256
- .bottom-4 {
257
- bottom: calc(var(--spacing) * 4);
258
- }
259
- .bottom-20 {
260
- bottom: calc(var(--spacing) * 20);
261
- }
262
- .bottom-22 {
263
- bottom: calc(var(--spacing) * 22);
264
- }
265
- .left-0 {
266
- left: calc(var(--spacing) * 0);
267
- }
268
- .left-1\/2 {
269
- left: calc(1 / 2 * 100%);
270
- }
271
- .left-1\/4 {
272
- left: calc(1 / 4 * 100%);
273
- }
274
- .left-2\/5 {
275
- left: calc(2 / 5 * 100%);
276
- }
277
- .left-\[100vw\] {
278
- left: 100vw;
279
- }
280
- .z-2 {
281
- z-index: 2;
282
- }
283
- .z-50 {
284
- z-index: 50;
285
- }
286
- .z-90 {
287
- z-index: 90;
288
- }
289
- .z-\[100\] {
290
- z-index: 100;
291
- }
292
- .m-2 {
293
- margin: calc(var(--spacing) * 2);
294
- }
295
- .mx-auto {
296
- margin-inline: auto;
297
- }
298
- .my-10 {
299
- margin-block: calc(var(--spacing) * 10);
300
- }
301
- .my-15 {
302
- margin-block: calc(var(--spacing) * 15);
303
- }
304
- .mt-2 {
305
- margin-top: calc(var(--spacing) * 2);
306
- }
307
- .mt-4 {
308
- margin-top: calc(var(--spacing) * 4);
309
- }
310
- .mt-6 {
311
- margin-top: calc(var(--spacing) * 6);
312
- }
313
- .mr-2 {
314
- margin-right: calc(var(--spacing) * 2);
315
- }
316
- .mb-4 {
317
- margin-bottom: calc(var(--spacing) * 4);
318
- }
319
- .mb-6 {
320
- margin-bottom: calc(var(--spacing) * 6);
321
- }
322
- .mb-8 {
323
- margin-bottom: calc(var(--spacing) * 8);
324
- }
325
- .ml-10 {
326
- margin-left: calc(var(--spacing) * 10);
327
- }
328
- .box-border {
329
- box-sizing: border-box;
330
- }
331
- .block {
332
- display: block;
333
- }
334
- .flex {
335
- display: flex;
336
- }
337
- .grid {
338
- display: grid;
339
- }
340
- .hidden {
341
- display: none;
342
- }
343
- .inline-block {
344
- display: inline-block;
345
- }
346
- .h-2\/4 {
347
- height: calc(2 / 4 * 100%);
348
- }
349
- .h-5 {
350
- height: calc(var(--spacing) * 5);
351
- }
352
- .h-14 {
353
- height: calc(var(--spacing) * 14);
354
- }
355
- .h-15 {
356
- height: calc(var(--spacing) * 15);
357
- }
358
- .h-96 {
359
- height: calc(var(--spacing) * 96);
360
- }
361
- .h-screen {
362
- height: 100vh;
363
- }
364
- .w-1\/4 {
365
- width: calc(1 / 4 * 100%);
366
- }
367
- .w-2\/4 {
368
- width: calc(2 / 4 * 100%);
369
- }
370
- .w-5 {
371
- width: calc(var(--spacing) * 5);
372
- }
373
- .w-11\/12 {
374
- width: calc(11 / 12 * 100%);
375
- }
376
- .w-14 {
377
- width: calc(var(--spacing) * 14);
378
- }
379
- .w-15 {
380
- width: calc(var(--spacing) * 15);
381
- }
382
- .w-96 {
383
- width: calc(var(--spacing) * 96);
384
- }
385
- .w-200 {
386
- width: calc(var(--spacing) * 200);
387
- }
388
- .w-full {
389
- width: 100%;
390
- }
391
- .w-screen {
392
- width: 100vw;
393
- }
394
- .max-w-5xl {
395
- max-width: var(--container-5xl);
396
- }
397
- .max-w-md {
398
- max-width: var(--container-md);
399
- }
400
- .max-w-sm {
401
- max-width: var(--container-sm);
402
- }
403
- .min-w-100 {
404
- min-width: calc(var(--spacing) * 100);
405
- }
406
- .flex-1 {
407
- flex: 1;
408
- }
409
- .-translate-x-1\/2 {
410
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
411
- translate: var(--tw-translate-x) var(--tw-translate-y);
412
- }
413
- .-translate-y-1\/2 {
414
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
415
- translate: var(--tw-translate-x) var(--tw-translate-y);
416
- }
417
- .transform {
418
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
419
- }
420
- .cursor-pointer {
421
- cursor: pointer;
422
- }
423
- .grid-cols-2 {
424
- grid-template-columns: repeat(2, minmax(0, 1fr));
425
- }
426
- .flex-col {
427
- flex-direction: column;
428
- }
429
- .flex-wrap {
430
- flex-wrap: wrap;
431
- }
432
- .items-center {
433
- align-items: center;
434
- }
435
- .justify-around {
436
- justify-content: space-around;
437
- }
438
- .justify-between {
439
- justify-content: space-between;
440
- }
441
- .justify-center {
442
- justify-content: center;
443
- }
444
- .gap-2 {
445
- gap: calc(var(--spacing) * 2);
446
- }
447
- .gap-3 {
448
- gap: calc(var(--spacing) * 3);
449
- }
450
- .gap-4 {
451
- gap: calc(var(--spacing) * 4);
452
- }
453
- .gap-12 {
454
- gap: calc(var(--spacing) * 12);
455
- }
456
- .space-y-3 {
457
- :where(& > :not(:last-child)) {
458
- --tw-space-y-reverse: 0;
459
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
460
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
461
- }
462
- }
463
- .overflow-hidden {
464
- overflow: hidden;
465
- }
466
- .overflow-scroll {
467
- overflow: scroll;
468
- }
469
- .overflow-x-auto {
470
- overflow-x: auto;
471
- }
472
- .rounded {
473
- border-radius: 0.25rem;
474
- }
475
- .rounded-2xl {
476
- border-radius: var(--radius-2xl);
477
- }
478
- .rounded-full {
479
- border-radius: calc(infinity * 1px);
480
- }
481
- .rounded-lg {
482
- border-radius: var(--radius-lg);
483
- }
484
- .rounded-xl {
485
- border-radius: var(--radius-xl);
486
- }
487
- .rounded-t-lg {
488
- border-top-left-radius: var(--radius-lg);
489
- border-top-right-radius: var(--radius-lg);
490
- }
491
- .rounded-r-lg {
492
- border-top-right-radius: var(--radius-lg);
493
- border-bottom-right-radius: var(--radius-lg);
494
- }
495
- .border {
496
- border-style: var(--tw-border-style);
497
- border-width: 1px;
498
- }
499
- .border-2 {
500
- border-style: var(--tw-border-style);
501
- border-width: 2px;
502
- }
503
- .border-t-4 {
504
- border-top-style: var(--tw-border-style);
505
- border-top-width: 4px;
506
- }
507
- .border-l-8 {
508
- border-left-style: var(--tw-border-style);
509
- border-left-width: 8px;
510
- }
511
- .border-black {
512
- border-color: var(--color-black);
513
- }
514
- .border-gray-200 {
515
- border-color: var(--color-gray-200);
516
- }
517
- .border-gray-700 {
518
- border-color: var(--color-gray-700);
519
- }
520
- .border-green-100 {
521
- border-color: var(--color-green-100);
522
- }
523
- .border-green-500 {
524
- border-color: var(--color-green-500);
525
- }
526
- .border-green-700 {
527
- border-color: var(--color-green-700);
528
- }
529
- .border-red-600 {
530
- border-color: var(--color-red-600);
531
- }
532
- .border-slate-700 {
533
- border-color: var(--color-slate-700);
534
- }
535
- .bg-\[\#1e1e1e\] {
536
- background-color: #1e1e1e;
537
- }
538
- .bg-\[\#2e7d32\] {
539
- background-color: #2e7d32;
540
- }
541
- .bg-\[\#d32f2f\] {
542
- background-color: #d32f2f;
543
- }
544
- .bg-\[\#ed6c02\] {
545
- background-color: #ed6c02;
546
- }
547
- .bg-black {
548
- background-color: var(--color-black);
549
- }
550
- .bg-blue-500 {
551
- background-color: var(--color-blue-500);
552
- }
553
- .bg-gray-100 {
554
- background-color: var(--color-gray-100);
555
- }
556
- .bg-gray-200 {
557
- background-color: var(--color-gray-200);
558
- }
559
- .bg-gray-500 {
560
- background-color: var(--color-gray-500);
561
- }
562
- .bg-gray-800 {
563
- background-color: var(--color-gray-800);
564
- }
565
- .bg-green-200 {
566
- background-color: var(--color-green-200);
567
- }
568
- .bg-green-300 {
569
- background-color: var(--color-green-300);
570
- }
571
- .bg-green-700 {
572
- background-color: var(--color-green-700);
573
- }
574
- .bg-green-900 {
575
- background-color: var(--color-green-900);
576
- }
577
- .bg-red-50 {
578
- background-color: var(--color-red-50);
579
- }
580
- .bg-red-300 {
581
- background-color: var(--color-red-300);
582
- }
583
- .bg-slate-50 {
584
- background-color: var(--color-slate-50);
585
- }
586
- .bg-slate-800 {
587
- background-color: var(--color-slate-800);
588
- }
589
- .bg-slate-900 {
590
- background-color: var(--color-slate-900);
591
- }
592
- .bg-white {
593
- background-color: var(--color-white);
594
- }
595
- .object-contain {
596
- object-fit: contain;
597
- }
598
- .p-0 {
599
- padding: calc(var(--spacing) * 0);
600
- }
601
- .p-2 {
602
- padding: calc(var(--spacing) * 2);
603
- }
604
- .p-3 {
605
- padding: calc(var(--spacing) * 3);
606
- }
607
- .p-4 {
608
- padding: calc(var(--spacing) * 4);
609
- }
610
- .p-5 {
611
- padding: calc(var(--spacing) * 5);
612
- }
613
- .p-6 {
614
- padding: calc(var(--spacing) * 6);
615
- }
616
- .px-4 {
617
- padding-inline: calc(var(--spacing) * 4);
618
- }
619
- .px-6 {
620
- padding-inline: calc(var(--spacing) * 6);
621
- }
622
- .px-8 {
623
- padding-inline: calc(var(--spacing) * 8);
624
- }
625
- .px-10 {
626
- padding-inline: calc(var(--spacing) * 10);
627
- }
628
- .py-2 {
629
- padding-block: calc(var(--spacing) * 2);
630
- }
631
- .py-3 {
632
- padding-block: calc(var(--spacing) * 3);
633
- }
634
- .py-12 {
635
- padding-block: calc(var(--spacing) * 12);
636
- }
637
- .py-20 {
638
- padding-block: calc(var(--spacing) * 20);
639
- }
640
- .pb-1\.5 {
641
- padding-bottom: calc(var(--spacing) * 1.5);
642
- }
643
- .text-center {
644
- text-align: center;
645
- }
646
- .text-left {
647
- text-align: left;
648
- }
649
- .font-mono {
650
- font-family: var(--font-mono);
651
- }
652
- .font-sans {
653
- font-family: var(--font-sans);
654
- }
655
- .text-2xl {
656
- font-size: var(--text-2xl);
657
- line-height: var(--tw-leading, var(--text-2xl--line-height));
658
- }
659
- .text-3xl {
660
- font-size: var(--text-3xl);
661
- line-height: var(--tw-leading, var(--text-3xl--line-height));
662
- }
663
- .text-6xl {
664
- font-size: var(--text-6xl);
665
- line-height: var(--tw-leading, var(--text-6xl--line-height));
666
- }
667
- .text-lg {
668
- font-size: var(--text-lg);
669
- line-height: var(--tw-leading, var(--text-lg--line-height));
670
- }
671
- .text-sm {
672
- font-size: var(--text-sm);
673
- line-height: var(--tw-leading, var(--text-sm--line-height));
674
- }
675
- .text-xl {
676
- font-size: var(--text-xl);
677
- line-height: var(--tw-leading, var(--text-xl--line-height));
678
- }
679
- .font-bold {
680
- --tw-font-weight: var(--font-weight-bold);
681
- font-weight: var(--font-weight-bold);
682
- }
683
- .font-medium {
684
- --tw-font-weight: var(--font-weight-medium);
685
- font-weight: var(--font-weight-medium);
686
- }
687
- .tracking-wide {
688
- --tw-tracking: var(--tracking-wide);
689
- letter-spacing: var(--tracking-wide);
690
- }
691
- .tracking-wider {
692
- --tw-tracking: var(--tracking-wider);
693
- letter-spacing: var(--tracking-wider);
694
- }
695
- .break-words {
696
- overflow-wrap: break-word;
697
- }
698
- .text-black {
699
- color: var(--color-black);
700
- }
701
- .text-blue-300 {
702
- color: var(--color-blue-300);
703
- }
704
- .text-emerald-400 {
705
- color: var(--color-emerald-400);
706
- }
707
- .text-gray-300 {
708
- color: var(--color-gray-300);
709
- }
710
- .text-gray-400 {
711
- color: var(--color-gray-400);
712
- }
713
- .text-gray-800 {
714
- color: var(--color-gray-800);
715
- }
716
- .text-green-100 {
717
- color: var(--color-green-100);
718
- }
719
- .text-green-300 {
720
- color: var(--color-green-300);
721
- }
722
- .text-green-400 {
723
- color: var(--color-green-400);
724
- }
725
- .text-green-800 {
726
- color: var(--color-green-800);
727
- }
728
- .text-green-900 {
729
- color: var(--color-green-900);
730
- }
731
- .text-red-700 {
732
- color: var(--color-red-700);
733
- }
734
- .text-slate-500 {
735
- color: var(--color-slate-500);
736
- }
737
- .text-slate-600 {
738
- color: var(--color-slate-600);
739
- }
740
- .text-slate-700 {
741
- color: var(--color-slate-700);
742
- }
743
- .text-slate-900 {
744
- color: var(--color-slate-900);
745
- }
746
- .text-white {
747
- color: var(--color-white);
748
- }
749
- .uppercase {
750
- text-transform: uppercase;
751
- }
752
- .italic {
753
- font-style: italic;
754
- }
755
- .opacity-70 {
756
- opacity: 70%;
757
- }
758
- .shadow-2xl {
759
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
760
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
761
- }
762
- .shadow-lg {
763
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
764
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
765
- }
766
- .shadow-sm {
767
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
768
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
769
- }
770
- .shadow-xl {
771
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
772
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
773
- }
774
- .backdrop-blur-md {
775
- --tw-backdrop-blur: blur(var(--blur-md));
776
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
777
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
778
- }
779
- .transition {
780
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
781
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
782
- transition-duration: var(--tw-duration, var(--default-transition-duration));
783
- }
784
- .transition-all {
785
- transition-property: all;
786
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
787
- transition-duration: var(--tw-duration, var(--default-transition-duration));
788
- }
789
- .transition-colors {
790
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
791
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
792
- transition-duration: var(--tw-duration, var(--default-transition-duration));
793
- }
794
- .duration-200 {
795
- --tw-duration: 200ms;
796
- transition-duration: 200ms;
797
- }
798
- .select-all {
799
- -webkit-user-select: all;
800
- user-select: all;
801
- }
802
- .hover\:bg-black {
803
- &:hover {
804
- @media (hover: hover) {
805
- background-color: var(--color-black);
806
- }
807
- }
808
- }
809
- .hover\:bg-blue-600 {
810
- &:hover {
811
- @media (hover: hover) {
812
- background-color: var(--color-blue-600);
813
- }
814
- }
815
- }
816
- .hover\:bg-gray-900 {
817
- &:hover {
818
- @media (hover: hover) {
819
- background-color: var(--color-gray-900);
820
- }
821
- }
822
- }
823
- .hover\:bg-green-800 {
824
- &:hover {
825
- @media (hover: hover) {
826
- background-color: var(--color-green-800);
827
- }
828
- }
829
- }
830
- .hover\:bg-white\/10 {
831
- &:hover {
832
- @media (hover: hover) {
833
- background-color: color-mix(in srgb, #fff 10%, transparent);
834
- @supports (color: color-mix(in lab, red, red)) {
835
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
836
- }
837
- }
838
- }
839
- }
840
- .hover\:text-white {
841
- &:hover {
842
- @media (hover: hover) {
843
- color: var(--color-white);
844
- }
845
- }
846
- }
847
- .active\:scale-95 {
848
- &:active {
849
- --tw-scale-x: 95%;
850
- --tw-scale-y: 95%;
851
- --tw-scale-z: 95%;
852
- scale: var(--tw-scale-x) var(--tw-scale-y);
853
- }
854
- }
855
- .md\:right-\[60px\] {
856
- @media (width >= 48rem) {
857
- right: 60px;
858
- }
859
- }
860
- .md\:left-auto {
861
- @media (width >= 48rem) {
862
- left: auto;
863
- }
864
- }
865
- .md\:grid-cols-2 {
866
- @media (width >= 48rem) {
867
- grid-template-columns: repeat(2, minmax(0, 1fr));
868
- }
869
- }
870
- .md\:text-base {
871
- @media (width >= 48rem) {
872
- font-size: var(--text-base);
873
- line-height: var(--tw-leading, var(--text-base--line-height));
874
- }
875
- }
876
- }
877
- @property --tw-translate-x {
878
- syntax: "*";
879
- inherits: false;
880
- initial-value: 0;
881
- }
882
- @property --tw-translate-y {
883
- syntax: "*";
884
- inherits: false;
885
- initial-value: 0;
886
- }
887
- @property --tw-translate-z {
888
- syntax: "*";
889
- inherits: false;
890
- initial-value: 0;
891
- }
892
- @property --tw-rotate-x {
893
- syntax: "*";
894
- inherits: false;
895
- }
896
- @property --tw-rotate-y {
897
- syntax: "*";
898
- inherits: false;
899
- }
900
- @property --tw-rotate-z {
901
- syntax: "*";
902
- inherits: false;
903
- }
904
- @property --tw-skew-x {
905
- syntax: "*";
906
- inherits: false;
907
- }
908
- @property --tw-skew-y {
909
- syntax: "*";
910
- inherits: false;
911
- }
912
- @property --tw-space-y-reverse {
913
- syntax: "*";
914
- inherits: false;
915
- initial-value: 0;
916
- }
917
- @property --tw-border-style {
918
- syntax: "*";
919
- inherits: false;
920
- initial-value: solid;
921
- }
922
- @property --tw-font-weight {
923
- syntax: "*";
924
- inherits: false;
925
- }
926
- @property --tw-tracking {
927
- syntax: "*";
928
- inherits: false;
929
- }
930
- @property --tw-shadow {
931
- syntax: "*";
932
- inherits: false;
933
- initial-value: 0 0 #0000;
934
- }
935
- @property --tw-shadow-color {
936
- syntax: "*";
937
- inherits: false;
938
- }
939
- @property --tw-shadow-alpha {
940
- syntax: "<percentage>";
941
- inherits: false;
942
- initial-value: 100%;
943
- }
944
- @property --tw-inset-shadow {
945
- syntax: "*";
946
- inherits: false;
947
- initial-value: 0 0 #0000;
948
- }
949
- @property --tw-inset-shadow-color {
950
- syntax: "*";
951
- inherits: false;
952
- }
953
- @property --tw-inset-shadow-alpha {
954
- syntax: "<percentage>";
955
- inherits: false;
956
- initial-value: 100%;
957
- }
958
- @property --tw-ring-color {
959
- syntax: "*";
960
- inherits: false;
961
- }
962
- @property --tw-ring-shadow {
963
- syntax: "*";
964
- inherits: false;
965
- initial-value: 0 0 #0000;
966
- }
967
- @property --tw-inset-ring-color {
968
- syntax: "*";
969
- inherits: false;
970
- }
971
- @property --tw-inset-ring-shadow {
972
- syntax: "*";
973
- inherits: false;
974
- initial-value: 0 0 #0000;
975
- }
976
- @property --tw-ring-inset {
977
- syntax: "*";
978
- inherits: false;
979
- }
980
- @property --tw-ring-offset-width {
981
- syntax: "<length>";
982
- inherits: false;
983
- initial-value: 0px;
984
- }
985
- @property --tw-ring-offset-color {
986
- syntax: "*";
987
- inherits: false;
988
- initial-value: #fff;
989
- }
990
- @property --tw-ring-offset-shadow {
991
- syntax: "*";
992
- inherits: false;
993
- initial-value: 0 0 #0000;
994
- }
995
- @property --tw-backdrop-blur {
996
- syntax: "*";
997
- inherits: false;
998
- }
999
- @property --tw-backdrop-brightness {
1000
- syntax: "*";
1001
- inherits: false;
1002
- }
1003
- @property --tw-backdrop-contrast {
1004
- syntax: "*";
1005
- inherits: false;
1006
- }
1007
- @property --tw-backdrop-grayscale {
1008
- syntax: "*";
1009
- inherits: false;
1010
- }
1011
- @property --tw-backdrop-hue-rotate {
1012
- syntax: "*";
1013
- inherits: false;
1014
- }
1015
- @property --tw-backdrop-invert {
1016
- syntax: "*";
1017
- inherits: false;
1018
- }
1019
- @property --tw-backdrop-opacity {
1020
- syntax: "*";
1021
- inherits: false;
1022
- }
1023
- @property --tw-backdrop-saturate {
1024
- syntax: "*";
1025
- inherits: false;
1026
- }
1027
- @property --tw-backdrop-sepia {
1028
- syntax: "*";
1029
- inherits: false;
1030
- }
1031
- @property --tw-duration {
1032
- syntax: "*";
1033
- inherits: false;
1034
- }
1035
- @property --tw-scale-x {
1036
- syntax: "*";
1037
- inherits: false;
1038
- initial-value: 1;
1039
- }
1040
- @property --tw-scale-y {
1041
- syntax: "*";
1042
- inherits: false;
1043
- initial-value: 1;
1044
- }
1045
- @property --tw-scale-z {
1046
- syntax: "*";
1047
- inherits: false;
1048
- initial-value: 1;
1049
- }
1050
- @layer properties {
1051
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1052
- *, ::before, ::after, ::backdrop {
1053
- --tw-translate-x: 0;
1054
- --tw-translate-y: 0;
1055
- --tw-translate-z: 0;
1056
- --tw-rotate-x: initial;
1057
- --tw-rotate-y: initial;
1058
- --tw-rotate-z: initial;
1059
- --tw-skew-x: initial;
1060
- --tw-skew-y: initial;
1061
- --tw-space-y-reverse: 0;
1062
- --tw-border-style: solid;
1063
- --tw-font-weight: initial;
1064
- --tw-tracking: initial;
1065
- --tw-shadow: 0 0 #0000;
1066
- --tw-shadow-color: initial;
1067
- --tw-shadow-alpha: 100%;
1068
- --tw-inset-shadow: 0 0 #0000;
1069
- --tw-inset-shadow-color: initial;
1070
- --tw-inset-shadow-alpha: 100%;
1071
- --tw-ring-color: initial;
1072
- --tw-ring-shadow: 0 0 #0000;
1073
- --tw-inset-ring-color: initial;
1074
- --tw-inset-ring-shadow: 0 0 #0000;
1075
- --tw-ring-inset: initial;
1076
- --tw-ring-offset-width: 0px;
1077
- --tw-ring-offset-color: #fff;
1078
- --tw-ring-offset-shadow: 0 0 #0000;
1079
- --tw-backdrop-blur: initial;
1080
- --tw-backdrop-brightness: initial;
1081
- --tw-backdrop-contrast: initial;
1082
- --tw-backdrop-grayscale: initial;
1083
- --tw-backdrop-hue-rotate: initial;
1084
- --tw-backdrop-invert: initial;
1085
- --tw-backdrop-opacity: initial;
1086
- --tw-backdrop-saturate: initial;
1087
- --tw-backdrop-sepia: initial;
1088
- --tw-duration: initial;
1089
- --tw-scale-x: 1;
1090
- --tw-scale-y: 1;
1091
- --tw-scale-z: 1;
1092
- }
1093
- }
1094
- }
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-400:oklch(76.5% .177 163.223);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-5xl:64rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-2\/5{top:40%}.top-\[-60px\]{top:-60px}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-22{bottom:calc(var(--spacing) * 22)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-2\/5{left:40%}.left-\[100vw\]{left:100vw}.z-2{z-index:2}.z-50{z-index:50}.z-90{z-index:90}.z-\[100\]{z-index:100}.m-2{margin:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.my-10{margin-block:calc(var(--spacing) * 10)}.my-15{margin-block:calc(var(--spacing) * 15)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-10{margin-left:calc(var(--spacing) * 10)}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-2\/4{height:50%}.h-5{height:calc(var(--spacing) * 5)}.h-14{height:calc(var(--spacing) * 14)}.h-15{height:calc(var(--spacing) * 15)}.h-96{height:calc(var(--spacing) * 96)}.h-screen{height:100vh}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-5{width:calc(var(--spacing) * 5)}.w-11\/12{width:91.6667%}.w-14{width:calc(var(--spacing) * 14)}.w-15{width:calc(var(--spacing) * 15)}.w-96{width:calc(var(--spacing) * 96)}.w-200{width:calc(var(--spacing) * 200)}.w-full{width:100%}.w-screen{width:100vw}.max-w-5xl{max-width:var(--container-5xl)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-100{min-width:calc(var(--spacing) * 100)}.flex-1{flex:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-l-8{border-left-style:var(--tw-border-style);border-left-width:8px}.border-black{border-color:var(--color-black)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-700{border-color:var(--color-gray-700)}.border-green-100{border-color:var(--color-green-100)}.border-green-500{border-color:var(--color-green-500)}.border-green-700{border-color:var(--color-green-700)}.border-red-600{border-color:var(--color-red-600)}.border-slate-700{border-color:var(--color-slate-700)}.bg-\[\#1e1e1e\]{background-color:#1e1e1e}.bg-\[\#2e7d32\]{background-color:#2e7d32}.bg-\[\#d32f2f\]{background-color:#d32f2f}.bg-\[\#ed6c02\]{background-color:#ed6c02}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-900{background-color:var(--color-green-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-300{background-color:var(--color-red-300)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.text-black{color:var(--color-black)}.text-blue-300{color:var(--color-blue-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-800{color:var(--color-gray-800)}.text-green-100{color:var(--color-green-100)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-red-700{color:var(--color-red-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-all{-webkit-user-select:all;user-select:all}@media (hover:hover){.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.hover\:bg-green-800:hover{background-color:var(--color-green-800)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-white:hover{color:var(--color-white)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (min-width:48rem){.md\:right-\[60px\]{right:60px}.md\:left-auto{left:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}