create-gardener 2.0.0 → 2.0.2

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