@ctonti/ask-golf-veneto 1.0.0

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 (50) hide show
  1. package/dist/app-0PjpnX92.d.mts +16 -0
  2. package/dist/app-0PjpnX92.d.mts.map +1 -0
  3. package/dist/app-DWg095Qd.mjs +150 -0
  4. package/dist/app-DWg095Qd.mjs.map +1 -0
  5. package/dist/app-Daoze0po.cjs +189 -0
  6. package/dist/app-DzCpb5z9.d.cts +16 -0
  7. package/dist/app-DzCpb5z9.d.cts.map +1 -0
  8. package/dist/catalog-BlF_Hq2u.mjs +344 -0
  9. package/dist/catalog-BlF_Hq2u.mjs.map +1 -0
  10. package/dist/catalog-englM86y.cjs +362 -0
  11. package/dist/exports/browser.cjs +3 -0
  12. package/dist/exports/browser.d.cts +2 -0
  13. package/dist/exports/browser.d.mts +2 -0
  14. package/dist/exports/browser.mjs +2 -0
  15. package/dist/exports/catalog.cjs +5 -0
  16. package/dist/exports/catalog.d.cts +676 -0
  17. package/dist/exports/catalog.d.cts.map +1 -0
  18. package/dist/exports/catalog.d.mts +676 -0
  19. package/dist/exports/catalog.d.mts.map +1 -0
  20. package/dist/exports/catalog.mjs +2 -0
  21. package/dist/exports/client.cjs +10 -0
  22. package/dist/exports/client.d.cts +48 -0
  23. package/dist/exports/client.d.cts.map +1 -0
  24. package/dist/exports/client.d.mts +48 -0
  25. package/dist/exports/client.d.mts.map +1 -0
  26. package/dist/exports/client.mjs +3 -0
  27. package/dist/exports/registry.cjs +6 -0
  28. package/dist/exports/registry.d.cts +12 -0
  29. package/dist/exports/registry.d.cts.map +1 -0
  30. package/dist/exports/registry.d.mts +12 -0
  31. package/dist/exports/registry.d.mts.map +1 -0
  32. package/dist/exports/registry.mjs +2 -0
  33. package/dist/globals.css +91 -0
  34. package/dist/index.cjs +6 -0
  35. package/dist/index.d.cts +3 -0
  36. package/dist/index.d.mts +3 -0
  37. package/dist/index.mjs +3 -0
  38. package/dist/plugin-B0vGrWcM.d.cts +7 -0
  39. package/dist/plugin-B0vGrWcM.d.cts.map +1 -0
  40. package/dist/plugin-BdhObzU8.cjs +14 -0
  41. package/dist/plugin-DYfnXStA.mjs +11 -0
  42. package/dist/plugin-DYfnXStA.mjs.map +1 -0
  43. package/dist/plugin-X9b5Ujac.d.mts +7 -0
  44. package/dist/plugin-X9b5Ujac.d.mts.map +1 -0
  45. package/dist/postcss.config.mjs +5 -0
  46. package/dist/registry-Bq-3Pbqd.mjs +1211 -0
  47. package/dist/registry-Bq-3Pbqd.mjs.map +1 -0
  48. package/dist/registry-E8Of7gsT.cjs +1261 -0
  49. package/dist/styles.css +2354 -0
  50. package/package.json +102 -0
@@ -0,0 +1,2354 @@
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
7
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8
+ "Courier New", monospace;
9
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
10
+ --color-white: #fff;
11
+ --spacing: 0.25rem;
12
+ --container-md: 28rem;
13
+ --container-lg: 32rem;
14
+ --container-xl: 36rem;
15
+ --container-2xl: 42rem;
16
+ --container-4xl: 56rem;
17
+ --text-xs: 0.75rem;
18
+ --text-xs--line-height: calc(1 / 0.75);
19
+ --text-sm: 0.875rem;
20
+ --text-sm--line-height: calc(1.25 / 0.875);
21
+ --text-lg: 1.125rem;
22
+ --text-lg--line-height: calc(1.75 / 1.125);
23
+ --text-xl: 1.25rem;
24
+ --text-xl--line-height: calc(1.75 / 1.25);
25
+ --text-2xl: 1.5rem;
26
+ --text-2xl--line-height: calc(2 / 1.5);
27
+ --text-3xl: 1.875rem;
28
+ --text-3xl--line-height: calc(2.25 / 1.875);
29
+ --text-4xl: 2.25rem;
30
+ --text-4xl--line-height: calc(2.5 / 2.25);
31
+ --text-5xl: 3rem;
32
+ --text-5xl--line-height: 1;
33
+ --font-weight-thin: 100;
34
+ --font-weight-normal: 400;
35
+ --font-weight-medium: 500;
36
+ --font-weight-semibold: 600;
37
+ --font-weight-bold: 700;
38
+ --tracking-tighter: -0.05em;
39
+ --tracking-wider: 0.05em;
40
+ --tracking-widest: 0.1em;
41
+ --leading-tight: 1.25;
42
+ --leading-snug: 1.375;
43
+ --leading-relaxed: 1.625;
44
+ --radius-2xl: 1rem;
45
+ --blur-sm: 8px;
46
+ --aspect-video: 16 / 9;
47
+ --default-transition-duration: 150ms;
48
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
49
+ --default-font-family: 'Inter', system-ui, sans-serif;
50
+ --default-mono-font-family: var(--font-mono);
51
+ }
52
+ }
53
+ @layer base {
54
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
55
+ box-sizing: border-box;
56
+ margin: 0;
57
+ padding: 0;
58
+ border: 0 solid;
59
+ }
60
+ html, :host {
61
+ line-height: 1.5;
62
+ -webkit-text-size-adjust: 100%;
63
+ tab-size: 4;
64
+ font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
65
+ font-feature-settings: var(--default-font-feature-settings, normal);
66
+ font-variation-settings: var(--default-font-variation-settings, normal);
67
+ -webkit-tap-highlight-color: transparent;
68
+ }
69
+ hr {
70
+ height: 0;
71
+ color: inherit;
72
+ border-top-width: 1px;
73
+ }
74
+ abbr:where([title]) {
75
+ -webkit-text-decoration: underline dotted;
76
+ text-decoration: underline dotted;
77
+ }
78
+ h1, h2, h3, h4, h5, h6 {
79
+ font-size: inherit;
80
+ font-weight: inherit;
81
+ }
82
+ a {
83
+ color: inherit;
84
+ -webkit-text-decoration: inherit;
85
+ text-decoration: inherit;
86
+ }
87
+ b, strong {
88
+ font-weight: bolder;
89
+ }
90
+ code, kbd, samp, pre {
91
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
92
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
93
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
94
+ font-size: 1em;
95
+ }
96
+ small {
97
+ font-size: 80%;
98
+ }
99
+ sub, sup {
100
+ font-size: 75%;
101
+ line-height: 0;
102
+ position: relative;
103
+ vertical-align: baseline;
104
+ }
105
+ sub {
106
+ bottom: -0.25em;
107
+ }
108
+ sup {
109
+ top: -0.5em;
110
+ }
111
+ table {
112
+ text-indent: 0;
113
+ border-color: inherit;
114
+ border-collapse: collapse;
115
+ }
116
+ :-moz-focusring:where(:not(iframe)) {
117
+ outline: auto;
118
+ }
119
+ progress {
120
+ vertical-align: baseline;
121
+ }
122
+ summary {
123
+ display: list-item;
124
+ }
125
+ ol, ul, menu {
126
+ list-style: none;
127
+ }
128
+ img, svg, video, canvas, audio, iframe, embed, object {
129
+ display: block;
130
+ vertical-align: middle;
131
+ }
132
+ img, video {
133
+ max-width: 100%;
134
+ height: auto;
135
+ }
136
+ button, input, select, optgroup, textarea, ::file-selector-button {
137
+ font: inherit;
138
+ font-feature-settings: inherit;
139
+ font-variation-settings: inherit;
140
+ letter-spacing: inherit;
141
+ color: inherit;
142
+ border-radius: 0;
143
+ background-color: transparent;
144
+ opacity: 1;
145
+ }
146
+ :where(select:is([multiple], [size])) optgroup {
147
+ font-weight: bolder;
148
+ }
149
+ :where(select:is([multiple], [size])) optgroup option {
150
+ padding-inline-start: 20px;
151
+ }
152
+ ::file-selector-button {
153
+ margin-inline-end: 4px;
154
+ }
155
+ ::placeholder {
156
+ opacity: 1;
157
+ }
158
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
159
+ ::placeholder {
160
+ color: currentcolor;
161
+ @supports (color: color-mix(in lab, red, red)) {
162
+ color: color-mix(in oklab, currentcolor 50%, transparent);
163
+ }
164
+ }
165
+ }
166
+ textarea {
167
+ resize: vertical;
168
+ }
169
+ ::-webkit-search-decoration {
170
+ -webkit-appearance: none;
171
+ }
172
+ ::-webkit-date-and-time-value {
173
+ min-height: 1lh;
174
+ text-align: inherit;
175
+ }
176
+ ::-webkit-datetime-edit {
177
+ display: inline-flex;
178
+ }
179
+ ::-webkit-datetime-edit-fields-wrapper {
180
+ padding: 0;
181
+ }
182
+ ::-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 {
183
+ padding-block: 0;
184
+ }
185
+ ::-webkit-calendar-picker-indicator {
186
+ line-height: 1;
187
+ }
188
+ :-moz-ui-invalid {
189
+ box-shadow: none;
190
+ }
191
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
192
+ appearance: button;
193
+ }
194
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
195
+ height: auto;
196
+ }
197
+ [hidden]:where(:not([hidden="until-found"])) {
198
+ display: none !important;
199
+ }
200
+ }
201
+ @layer utilities {
202
+ .\@container {
203
+ container-type: inline-size;
204
+ }
205
+ .absolute {
206
+ position: absolute;
207
+ }
208
+ .relative {
209
+ position: relative;
210
+ }
211
+ .static {
212
+ position: static;
213
+ }
214
+ .inset-0 {
215
+ inset: 0px;
216
+ }
217
+ .top-0 {
218
+ top: 0px;
219
+ }
220
+ .top-1\/2 {
221
+ top: calc(1 / 2 * 100%);
222
+ }
223
+ .top-3 {
224
+ top: calc(var(--spacing) * 3);
225
+ }
226
+ .top-4 {
227
+ top: calc(var(--spacing) * 4);
228
+ }
229
+ .right-0 {
230
+ right: 0px;
231
+ }
232
+ .right-3 {
233
+ right: calc(var(--spacing) * 3);
234
+ }
235
+ .right-8 {
236
+ right: calc(var(--spacing) * 8);
237
+ }
238
+ .bottom-4 {
239
+ bottom: calc(var(--spacing) * 4);
240
+ }
241
+ .left-3 {
242
+ left: calc(var(--spacing) * 3);
243
+ }
244
+ .left-8 {
245
+ left: calc(var(--spacing) * 8);
246
+ }
247
+ .left-\[27px\] {
248
+ left: 27px;
249
+ }
250
+ .z-0 {
251
+ z-index: 0;
252
+ }
253
+ .z-10 {
254
+ z-index: 10;
255
+ }
256
+ .container {
257
+ width: 100%;
258
+ @media (width >= 40rem) {
259
+ max-width: 40rem;
260
+ }
261
+ @media (width >= 48rem) {
262
+ max-width: 48rem;
263
+ }
264
+ @media (width >= 64rem) {
265
+ max-width: 64rem;
266
+ }
267
+ @media (width >= 80rem) {
268
+ max-width: 80rem;
269
+ }
270
+ @media (width >= 96rem) {
271
+ max-width: 96rem;
272
+ }
273
+ }
274
+ .mx-auto {
275
+ margin-inline: auto;
276
+ }
277
+ .mt-0\.5 {
278
+ margin-top: calc(var(--spacing) * 0.5);
279
+ }
280
+ .mt-1 {
281
+ margin-top: var(--spacing);
282
+ }
283
+ .mt-2 {
284
+ margin-top: calc(var(--spacing) * 2);
285
+ }
286
+ .mt-4 {
287
+ margin-top: calc(var(--spacing) * 4);
288
+ }
289
+ .mt-auto {
290
+ margin-top: auto;
291
+ }
292
+ .mr-1 {
293
+ margin-right: var(--spacing);
294
+ }
295
+ .mb-0\.5 {
296
+ margin-bottom: calc(var(--spacing) * 0.5);
297
+ }
298
+ .mb-1 {
299
+ margin-bottom: var(--spacing);
300
+ }
301
+ .mb-2 {
302
+ margin-bottom: calc(var(--spacing) * 2);
303
+ }
304
+ .mb-3 {
305
+ margin-bottom: calc(var(--spacing) * 3);
306
+ }
307
+ .mb-4 {
308
+ margin-bottom: calc(var(--spacing) * 4);
309
+ }
310
+ .mb-6 {
311
+ margin-bottom: calc(var(--spacing) * 6);
312
+ }
313
+ .block {
314
+ display: block;
315
+ }
316
+ .contents {
317
+ display: contents;
318
+ }
319
+ .flex {
320
+ display: flex;
321
+ }
322
+ .grid {
323
+ display: grid;
324
+ }
325
+ .hidden {
326
+ display: none;
327
+ }
328
+ .inline {
329
+ display: inline;
330
+ }
331
+ .aspect-video {
332
+ aspect-ratio: var(--aspect-video);
333
+ }
334
+ .h-1 {
335
+ height: var(--spacing);
336
+ }
337
+ .h-2 {
338
+ height: calc(var(--spacing) * 2);
339
+ }
340
+ .h-3 {
341
+ height: calc(var(--spacing) * 3);
342
+ }
343
+ .h-3\.5 {
344
+ height: calc(var(--spacing) * 3.5);
345
+ }
346
+ .h-4 {
347
+ height: calc(var(--spacing) * 4);
348
+ }
349
+ .h-5 {
350
+ height: calc(var(--spacing) * 5);
351
+ }
352
+ .h-6 {
353
+ height: calc(var(--spacing) * 6);
354
+ }
355
+ .h-7 {
356
+ height: calc(var(--spacing) * 7);
357
+ }
358
+ .h-8 {
359
+ height: calc(var(--spacing) * 8);
360
+ }
361
+ .h-9 {
362
+ height: calc(var(--spacing) * 9);
363
+ }
364
+ .h-10 {
365
+ height: calc(var(--spacing) * 10);
366
+ }
367
+ .h-12 {
368
+ height: calc(var(--spacing) * 12);
369
+ }
370
+ .h-16 {
371
+ height: calc(var(--spacing) * 16);
372
+ }
373
+ .h-20 {
374
+ height: calc(var(--spacing) * 20);
375
+ }
376
+ .h-48 {
377
+ height: calc(var(--spacing) * 48);
378
+ }
379
+ .h-\[2px\] {
380
+ height: 2px;
381
+ }
382
+ .h-\[24px\] {
383
+ height: 24px;
384
+ }
385
+ .h-\[40px\] {
386
+ height: 40px;
387
+ }
388
+ .h-full {
389
+ height: 100%;
390
+ }
391
+ .min-h-\[200px\] {
392
+ min-height: 200px;
393
+ }
394
+ .min-h-\[250px\] {
395
+ min-height: 250px;
396
+ }
397
+ .min-h-\[calc\(100vh-115px\)\] {
398
+ min-height: calc(100vh - 115px);
399
+ }
400
+ .min-h-svh {
401
+ min-height: 100svh;
402
+ }
403
+ .w-1 {
404
+ width: var(--spacing);
405
+ }
406
+ .w-1\/2 {
407
+ width: calc(1 / 2 * 100%);
408
+ }
409
+ .w-1\/3 {
410
+ width: calc(1 / 3 * 100%);
411
+ }
412
+ .w-1\/4 {
413
+ width: calc(1 / 4 * 100%);
414
+ }
415
+ .w-2\/3 {
416
+ width: calc(2 / 3 * 100%);
417
+ }
418
+ .w-3 {
419
+ width: calc(var(--spacing) * 3);
420
+ }
421
+ .w-3\.5 {
422
+ width: calc(var(--spacing) * 3.5);
423
+ }
424
+ .w-3\/4 {
425
+ width: calc(3 / 4 * 100%);
426
+ }
427
+ .w-4 {
428
+ width: calc(var(--spacing) * 4);
429
+ }
430
+ .w-5 {
431
+ width: calc(var(--spacing) * 5);
432
+ }
433
+ .w-6 {
434
+ width: calc(var(--spacing) * 6);
435
+ }
436
+ .w-8 {
437
+ width: calc(var(--spacing) * 8);
438
+ }
439
+ .w-10 {
440
+ width: calc(var(--spacing) * 10);
441
+ }
442
+ .w-12 {
443
+ width: calc(var(--spacing) * 12);
444
+ }
445
+ .w-16 {
446
+ width: calc(var(--spacing) * 16);
447
+ }
448
+ .w-20 {
449
+ width: calc(var(--spacing) * 20);
450
+ }
451
+ .w-24 {
452
+ width: calc(var(--spacing) * 24);
453
+ }
454
+ .w-28 {
455
+ width: calc(var(--spacing) * 28);
456
+ }
457
+ .w-32 {
458
+ width: calc(var(--spacing) * 32);
459
+ }
460
+ .w-48 {
461
+ width: calc(var(--spacing) * 48);
462
+ }
463
+ .w-\[2px\] {
464
+ width: 2px;
465
+ }
466
+ .w-\[70\%\] {
467
+ width: 70%;
468
+ }
469
+ .w-\[80\%\] {
470
+ width: 80%;
471
+ }
472
+ .w-\[90\%\] {
473
+ width: 90%;
474
+ }
475
+ .w-fit {
476
+ width: fit-content;
477
+ }
478
+ .w-full {
479
+ width: 100%;
480
+ }
481
+ .max-w-2xl {
482
+ max-width: var(--container-2xl);
483
+ }
484
+ .max-w-4xl {
485
+ max-width: var(--container-4xl);
486
+ }
487
+ .max-w-215 {
488
+ max-width: calc(var(--spacing) * 215);
489
+ }
490
+ .max-w-\[120px\] {
491
+ max-width: 120px;
492
+ }
493
+ .max-w-\[200px\] {
494
+ max-width: 200px;
495
+ }
496
+ .max-w-lg {
497
+ max-width: var(--container-lg);
498
+ }
499
+ .max-w-md {
500
+ max-width: var(--container-md);
501
+ }
502
+ .max-w-xl {
503
+ max-width: var(--container-xl);
504
+ }
505
+ .flex-1 {
506
+ flex: 1;
507
+ }
508
+ .shrink-0 {
509
+ flex-shrink: 0;
510
+ }
511
+ .flex-grow {
512
+ flex-grow: 1;
513
+ }
514
+ .-translate-y-1\/2 {
515
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
516
+ translate: var(--tw-translate-x) var(--tw-translate-y);
517
+ }
518
+ .grid-cols-1 {
519
+ grid-template-columns: repeat(1, minmax(0, 1fr));
520
+ }
521
+ .grid-cols-2 {
522
+ grid-template-columns: repeat(2, minmax(0, 1fr));
523
+ }
524
+ .flex-col {
525
+ flex-direction: column;
526
+ }
527
+ .flex-wrap {
528
+ flex-wrap: wrap;
529
+ }
530
+ .items-center {
531
+ align-items: center;
532
+ }
533
+ .items-start {
534
+ align-items: flex-start;
535
+ }
536
+ .justify-between {
537
+ justify-content: space-between;
538
+ }
539
+ .justify-center {
540
+ justify-content: center;
541
+ }
542
+ .gap-1 {
543
+ gap: var(--spacing);
544
+ }
545
+ .gap-1\.5 {
546
+ gap: calc(var(--spacing) * 1.5);
547
+ }
548
+ .gap-2 {
549
+ gap: calc(var(--spacing) * 2);
550
+ }
551
+ .gap-3 {
552
+ gap: calc(var(--spacing) * 3);
553
+ }
554
+ .gap-4 {
555
+ gap: calc(var(--spacing) * 4);
556
+ }
557
+ .gap-6 {
558
+ gap: calc(var(--spacing) * 6);
559
+ }
560
+ .gap-8 {
561
+ gap: calc(var(--spacing) * 8);
562
+ }
563
+ .gap-10 {
564
+ gap: calc(var(--spacing) * 10);
565
+ }
566
+ .gap-20 {
567
+ gap: calc(var(--spacing) * 20);
568
+ }
569
+ :where(.space-y-1 > :not(:last-child)) {
570
+ --tw-space-y-reverse: 0;
571
+ margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
572
+ margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
573
+ }
574
+ :where(.space-y-1\.5 > :not(:last-child)) {
575
+ --tw-space-y-reverse: 0;
576
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
577
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
578
+ }
579
+ :where(.space-y-2 > :not(:last-child)) {
580
+ --tw-space-y-reverse: 0;
581
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
582
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
583
+ }
584
+ :where(.space-y-3 > :not(:last-child)) {
585
+ --tw-space-y-reverse: 0;
586
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
587
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
588
+ }
589
+ :where(.space-y-6 > :not(:last-child)) {
590
+ --tw-space-y-reverse: 0;
591
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
592
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
593
+ }
594
+ :where(.space-y-10 > :not(:last-child)) {
595
+ --tw-space-y-reverse: 0;
596
+ margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
597
+ margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
598
+ }
599
+ .gap-x-8 {
600
+ column-gap: calc(var(--spacing) * 8);
601
+ }
602
+ .gap-y-4 {
603
+ row-gap: calc(var(--spacing) * 4);
604
+ }
605
+ .overflow-hidden {
606
+ overflow: hidden;
607
+ }
608
+ .rounded {
609
+ border-radius: 0.25rem;
610
+ }
611
+ .rounded-2xl {
612
+ border-radius: var(--radius-2xl);
613
+ }
614
+ .rounded-full {
615
+ border-radius: calc(infinity * 1px);
616
+ }
617
+ .rounded-lg {
618
+ border-radius: var(--radius);
619
+ }
620
+ .rounded-md {
621
+ border-radius: calc(var(--radius) * 0.8);
622
+ }
623
+ .rounded-none {
624
+ border-radius: 0;
625
+ }
626
+ .rounded-xl {
627
+ border-radius: calc(var(--radius) * 1.4);
628
+ }
629
+ .rounded-t-xl {
630
+ border-top-left-radius: calc(var(--radius) * 1.4);
631
+ border-top-right-radius: calc(var(--radius) * 1.4);
632
+ }
633
+ .rounded-r-lg {
634
+ border-top-right-radius: var(--radius);
635
+ border-bottom-right-radius: var(--radius);
636
+ }
637
+ .rounded-r-xl {
638
+ border-top-right-radius: calc(var(--radius) * 1.4);
639
+ border-bottom-right-radius: calc(var(--radius) * 1.4);
640
+ }
641
+ .rounded-b-xl {
642
+ border-bottom-right-radius: calc(var(--radius) * 1.4);
643
+ border-bottom-left-radius: calc(var(--radius) * 1.4);
644
+ }
645
+ .rounded-bl-lg {
646
+ border-bottom-left-radius: var(--radius);
647
+ }
648
+ .border {
649
+ border-style: var(--tw-border-style);
650
+ border-width: 1px;
651
+ }
652
+ .border-2 {
653
+ border-style: var(--tw-border-style);
654
+ border-width: 2px;
655
+ }
656
+ .border-t {
657
+ border-top-style: var(--tw-border-style);
658
+ border-top-width: 1px;
659
+ }
660
+ .border-t-0 {
661
+ border-top-style: var(--tw-border-style);
662
+ border-top-width: 0px;
663
+ }
664
+ .border-b {
665
+ border-bottom-style: var(--tw-border-style);
666
+ border-bottom-width: 1px;
667
+ }
668
+ .border-b-2 {
669
+ border-bottom-style: var(--tw-border-style);
670
+ border-bottom-width: 2px;
671
+ }
672
+ .border-l-2 {
673
+ border-left-style: var(--tw-border-style);
674
+ border-left-width: 2px;
675
+ }
676
+ .border-l-4 {
677
+ border-left-style: var(--tw-border-style);
678
+ border-left-width: 4px;
679
+ }
680
+ .border-dashed {
681
+ --tw-border-style: dashed;
682
+ border-style: dashed;
683
+ }
684
+ .border-accent {
685
+ border-color: var(--accent);
686
+ }
687
+ .border-accent\/20 {
688
+ border-color: var(--accent);
689
+ @supports (color: color-mix(in lab, red, red)) {
690
+ border-color: color-mix(in oklab, var(--accent) 20%, transparent);
691
+ }
692
+ }
693
+ .border-border {
694
+ border-color: var(--border);
695
+ }
696
+ .border-border\/50 {
697
+ border-color: var(--border);
698
+ @supports (color: color-mix(in lab, red, red)) {
699
+ border-color: color-mix(in oklab, var(--border) 50%, transparent);
700
+ }
701
+ }
702
+ .border-border\/60 {
703
+ border-color: var(--border);
704
+ @supports (color: color-mix(in lab, red, red)) {
705
+ border-color: color-mix(in oklab, var(--border) 60%, transparent);
706
+ }
707
+ }
708
+ .border-muted {
709
+ border-color: var(--muted);
710
+ }
711
+ .border-primary-foreground {
712
+ border-color: var(--primary-foreground);
713
+ }
714
+ .border-primary\/20 {
715
+ border-color: var(--primary);
716
+ @supports (color: color-mix(in lab, red, red)) {
717
+ border-color: color-mix(in oklab, var(--primary) 20%, transparent);
718
+ }
719
+ }
720
+ .border-l-accent {
721
+ border-left-color: var(--accent);
722
+ }
723
+ .bg-\[\#2E8B57\] {
724
+ background-color: #2E8B57;
725
+ }
726
+ .bg-\[\#4B0082\] {
727
+ background-color: #4B0082;
728
+ }
729
+ .bg-\[\#556B2F\] {
730
+ background-color: #556B2F;
731
+ }
732
+ .bg-\[\#722F37\] {
733
+ background-color: #722F37;
734
+ }
735
+ .bg-\[\#4169E1\] {
736
+ background-color: #4169E1;
737
+ }
738
+ .bg-\[\#9370DB\] {
739
+ background-color: #9370DB;
740
+ }
741
+ .bg-\[\#D2691E\] {
742
+ background-color: #D2691E;
743
+ }
744
+ .bg-accent {
745
+ background-color: var(--accent);
746
+ }
747
+ .bg-accent\/5 {
748
+ background-color: var(--accent);
749
+ @supports (color: color-mix(in lab, red, red)) {
750
+ background-color: color-mix(in oklab, var(--accent) 5%, transparent);
751
+ }
752
+ }
753
+ .bg-accent\/10 {
754
+ background-color: var(--accent);
755
+ @supports (color: color-mix(in lab, red, red)) {
756
+ background-color: color-mix(in oklab, var(--accent) 10%, transparent);
757
+ }
758
+ }
759
+ .bg-background {
760
+ background-color: var(--background);
761
+ }
762
+ .bg-border\/40 {
763
+ background-color: var(--border);
764
+ @supports (color: color-mix(in lab, red, red)) {
765
+ background-color: color-mix(in oklab, var(--border) 40%, transparent);
766
+ }
767
+ }
768
+ .bg-card {
769
+ background-color: var(--card);
770
+ }
771
+ .bg-muted {
772
+ background-color: var(--muted);
773
+ }
774
+ .bg-muted\/30 {
775
+ background-color: var(--muted);
776
+ @supports (color: color-mix(in lab, red, red)) {
777
+ background-color: color-mix(in oklab, var(--muted) 30%, transparent);
778
+ }
779
+ }
780
+ .bg-muted\/50 {
781
+ background-color: var(--muted);
782
+ @supports (color: color-mix(in lab, red, red)) {
783
+ background-color: color-mix(in oklab, var(--muted) 50%, transparent);
784
+ }
785
+ }
786
+ .bg-primary {
787
+ background-color: var(--primary);
788
+ }
789
+ .bg-primary-foreground\/10 {
790
+ background-color: var(--primary-foreground);
791
+ @supports (color: color-mix(in lab, red, red)) {
792
+ background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);
793
+ }
794
+ }
795
+ .bg-primary-foreground\/20 {
796
+ background-color: var(--primary-foreground);
797
+ @supports (color: color-mix(in lab, red, red)) {
798
+ background-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
799
+ }
800
+ }
801
+ .bg-primary-foreground\/30 {
802
+ background-color: var(--primary-foreground);
803
+ @supports (color: color-mix(in lab, red, red)) {
804
+ background-color: color-mix(in oklab, var(--primary-foreground) 30%, transparent);
805
+ }
806
+ }
807
+ .bg-primary\/10 {
808
+ background-color: var(--primary);
809
+ @supports (color: color-mix(in lab, red, red)) {
810
+ background-color: color-mix(in oklab, var(--primary) 10%, transparent);
811
+ }
812
+ }
813
+ .bg-primary\/20 {
814
+ background-color: var(--primary);
815
+ @supports (color: color-mix(in lab, red, red)) {
816
+ background-color: color-mix(in oklab, var(--primary) 20%, transparent);
817
+ }
818
+ }
819
+ .bg-primary\/80 {
820
+ background-color: var(--primary);
821
+ @supports (color: color-mix(in lab, red, red)) {
822
+ background-color: color-mix(in oklab, var(--primary) 80%, transparent);
823
+ }
824
+ }
825
+ .bg-primary\/90 {
826
+ background-color: var(--primary);
827
+ @supports (color: color-mix(in lab, red, red)) {
828
+ background-color: color-mix(in oklab, var(--primary) 90%, transparent);
829
+ }
830
+ }
831
+ .bg-white\/90 {
832
+ background-color: color-mix(in srgb, #fff 90%, transparent);
833
+ @supports (color: color-mix(in lab, red, red)) {
834
+ background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
835
+ }
836
+ }
837
+ .bg-gradient-to-br {
838
+ --tw-gradient-position: to bottom right in oklab;
839
+ background-image: linear-gradient(var(--tw-gradient-stops));
840
+ }
841
+ .from-accent\/20 {
842
+ --tw-gradient-from: var(--accent);
843
+ @supports (color: color-mix(in lab, red, red)) {
844
+ --tw-gradient-from: color-mix(in oklab, var(--accent) 20%, transparent);
845
+ }
846
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
847
+ }
848
+ .from-primary\/80 {
849
+ --tw-gradient-from: var(--primary);
850
+ @supports (color: color-mix(in lab, red, red)) {
851
+ --tw-gradient-from: color-mix(in oklab, var(--primary) 80%, transparent);
852
+ }
853
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
854
+ }
855
+ .to-accent\/5 {
856
+ --tw-gradient-to: var(--accent);
857
+ @supports (color: color-mix(in lab, red, red)) {
858
+ --tw-gradient-to: color-mix(in oklab, var(--accent) 5%, transparent);
859
+ }
860
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
861
+ }
862
+ .to-primary {
863
+ --tw-gradient-to: var(--primary);
864
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
865
+ }
866
+ .object-cover {
867
+ object-fit: cover;
868
+ }
869
+ .p-2 {
870
+ padding: calc(var(--spacing) * 2);
871
+ }
872
+ .p-2\.5 {
873
+ padding: calc(var(--spacing) * 2.5);
874
+ }
875
+ .p-3 {
876
+ padding: calc(var(--spacing) * 3);
877
+ }
878
+ .p-4 {
879
+ padding: calc(var(--spacing) * 4);
880
+ }
881
+ .p-5 {
882
+ padding: calc(var(--spacing) * 5);
883
+ }
884
+ .p-6 {
885
+ padding: calc(var(--spacing) * 6);
886
+ }
887
+ .p-8 {
888
+ padding: calc(var(--spacing) * 8);
889
+ }
890
+ .px-1\.5 {
891
+ padding-inline: calc(var(--spacing) * 1.5);
892
+ }
893
+ .px-2 {
894
+ padding-inline: calc(var(--spacing) * 2);
895
+ }
896
+ .px-2\.5 {
897
+ padding-inline: calc(var(--spacing) * 2.5);
898
+ }
899
+ .px-3 {
900
+ padding-inline: calc(var(--spacing) * 3);
901
+ }
902
+ .px-4 {
903
+ padding-inline: calc(var(--spacing) * 4);
904
+ }
905
+ .px-5 {
906
+ padding-inline: calc(var(--spacing) * 5);
907
+ }
908
+ .px-6 {
909
+ padding-inline: calc(var(--spacing) * 6);
910
+ }
911
+ .px-8 {
912
+ padding-inline: calc(var(--spacing) * 8);
913
+ }
914
+ .py-0\.5 {
915
+ padding-block: calc(var(--spacing) * 0.5);
916
+ }
917
+ .py-1 {
918
+ padding-block: var(--spacing);
919
+ }
920
+ .py-1\.5 {
921
+ padding-block: calc(var(--spacing) * 1.5);
922
+ }
923
+ .py-2 {
924
+ padding-block: calc(var(--spacing) * 2);
925
+ }
926
+ .py-4 {
927
+ padding-block: calc(var(--spacing) * 4);
928
+ }
929
+ .py-5 {
930
+ padding-block: calc(var(--spacing) * 5);
931
+ }
932
+ .py-6 {
933
+ padding-block: calc(var(--spacing) * 6);
934
+ }
935
+ .py-8 {
936
+ padding-block: calc(var(--spacing) * 8);
937
+ }
938
+ .py-12 {
939
+ padding-block: calc(var(--spacing) * 12);
940
+ }
941
+ .py-16 {
942
+ padding-block: calc(var(--spacing) * 16);
943
+ }
944
+ .pt-1 {
945
+ padding-top: var(--spacing);
946
+ }
947
+ .pt-3 {
948
+ padding-top: calc(var(--spacing) * 3);
949
+ }
950
+ .pt-4 {
951
+ padding-top: calc(var(--spacing) * 4);
952
+ }
953
+ .pt-6 {
954
+ padding-top: calc(var(--spacing) * 6);
955
+ }
956
+ .pr-12 {
957
+ padding-right: calc(var(--spacing) * 12);
958
+ }
959
+ .pb-2 {
960
+ padding-bottom: calc(var(--spacing) * 2);
961
+ }
962
+ .pl-4 {
963
+ padding-left: calc(var(--spacing) * 4);
964
+ }
965
+ .pl-6 {
966
+ padding-left: calc(var(--spacing) * 6);
967
+ }
968
+ .text-center {
969
+ text-align: center;
970
+ }
971
+ .font-heading {
972
+ font-family: 'Instrument Serif', Georgia, serif;
973
+ }
974
+ .font-sans {
975
+ font-family: 'Inter', system-ui, sans-serif;
976
+ }
977
+ .font-serif {
978
+ font-family: var(--font-serif);
979
+ }
980
+ .text-2xl {
981
+ font-size: var(--text-2xl);
982
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
983
+ }
984
+ .text-3xl {
985
+ font-size: var(--text-3xl);
986
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
987
+ }
988
+ .text-4xl {
989
+ font-size: var(--text-4xl);
990
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
991
+ }
992
+ .text-lg {
993
+ font-size: var(--text-lg);
994
+ line-height: var(--tw-leading, var(--text-lg--line-height));
995
+ }
996
+ .text-sm {
997
+ font-size: var(--text-sm);
998
+ line-height: var(--tw-leading, var(--text-sm--line-height));
999
+ }
1000
+ .text-xl {
1001
+ font-size: var(--text-xl);
1002
+ line-height: var(--tw-leading, var(--text-xl--line-height));
1003
+ }
1004
+ .text-xs {
1005
+ font-size: var(--text-xs);
1006
+ line-height: var(--tw-leading, var(--text-xs--line-height));
1007
+ }
1008
+ .text-\[9px\] {
1009
+ font-size: 9px;
1010
+ }
1011
+ .text-\[10px\] {
1012
+ font-size: 10px;
1013
+ }
1014
+ .text-\[11px\] {
1015
+ font-size: 11px;
1016
+ }
1017
+ .text-\[32px\] {
1018
+ font-size: 32px;
1019
+ }
1020
+ .text-\[40px\] {
1021
+ font-size: 40px;
1022
+ }
1023
+ .leading-\[1\.45\] {
1024
+ --tw-leading: 1.45;
1025
+ line-height: 1.45;
1026
+ }
1027
+ .leading-relaxed {
1028
+ --tw-leading: var(--leading-relaxed);
1029
+ line-height: var(--leading-relaxed);
1030
+ }
1031
+ .leading-snug {
1032
+ --tw-leading: var(--leading-snug);
1033
+ line-height: var(--leading-snug);
1034
+ }
1035
+ .leading-tight {
1036
+ --tw-leading: var(--leading-tight);
1037
+ line-height: var(--leading-tight);
1038
+ }
1039
+ .font-bold {
1040
+ --tw-font-weight: var(--font-weight-bold);
1041
+ font-weight: var(--font-weight-bold);
1042
+ }
1043
+ .font-medium {
1044
+ --tw-font-weight: var(--font-weight-medium);
1045
+ font-weight: var(--font-weight-medium);
1046
+ }
1047
+ .font-normal {
1048
+ --tw-font-weight: var(--font-weight-normal);
1049
+ font-weight: var(--font-weight-normal);
1050
+ }
1051
+ .font-semibold {
1052
+ --tw-font-weight: var(--font-weight-semibold);
1053
+ font-weight: var(--font-weight-semibold);
1054
+ }
1055
+ .font-thin {
1056
+ --tw-font-weight: var(--font-weight-thin);
1057
+ font-weight: var(--font-weight-thin);
1058
+ }
1059
+ .tracking-\[-0\.02em\] {
1060
+ --tw-tracking: -0.02em;
1061
+ letter-spacing: -0.02em;
1062
+ }
1063
+ .tracking-tighter {
1064
+ --tw-tracking: var(--tracking-tighter);
1065
+ letter-spacing: var(--tracking-tighter);
1066
+ }
1067
+ .tracking-wider {
1068
+ --tw-tracking: var(--tracking-wider);
1069
+ letter-spacing: var(--tracking-wider);
1070
+ }
1071
+ .tracking-widest {
1072
+ --tw-tracking: var(--tracking-widest);
1073
+ letter-spacing: var(--tracking-widest);
1074
+ }
1075
+ .text-accent {
1076
+ color: var(--accent);
1077
+ }
1078
+ .text-accent\/40 {
1079
+ color: var(--accent);
1080
+ @supports (color: color-mix(in lab, red, red)) {
1081
+ color: color-mix(in oklab, var(--accent) 40%, transparent);
1082
+ }
1083
+ }
1084
+ .text-foreground {
1085
+ color: var(--foreground);
1086
+ }
1087
+ .text-foreground\/70 {
1088
+ color: var(--foreground);
1089
+ @supports (color: color-mix(in lab, red, red)) {
1090
+ color: color-mix(in oklab, var(--foreground) 70%, transparent);
1091
+ }
1092
+ }
1093
+ .text-foreground\/80 {
1094
+ color: var(--foreground);
1095
+ @supports (color: color-mix(in lab, red, red)) {
1096
+ color: color-mix(in oklab, var(--foreground) 80%, transparent);
1097
+ }
1098
+ }
1099
+ .text-foreground\/90 {
1100
+ color: var(--foreground);
1101
+ @supports (color: color-mix(in lab, red, red)) {
1102
+ color: color-mix(in oklab, var(--foreground) 90%, transparent);
1103
+ }
1104
+ }
1105
+ .text-muted-foreground {
1106
+ color: var(--muted-foreground);
1107
+ }
1108
+ .text-muted-foreground\/30 {
1109
+ color: var(--muted-foreground);
1110
+ @supports (color: color-mix(in lab, red, red)) {
1111
+ color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
1112
+ }
1113
+ }
1114
+ .text-primary {
1115
+ color: var(--primary);
1116
+ }
1117
+ .text-primary-foreground {
1118
+ color: var(--primary-foreground);
1119
+ }
1120
+ .text-primary-foreground\/60 {
1121
+ color: var(--primary-foreground);
1122
+ @supports (color: color-mix(in lab, red, red)) {
1123
+ color: color-mix(in oklab, var(--primary-foreground) 60%, transparent);
1124
+ }
1125
+ }
1126
+ .text-primary-foreground\/70 {
1127
+ color: var(--primary-foreground);
1128
+ @supports (color: color-mix(in lab, red, red)) {
1129
+ color: color-mix(in oklab, var(--primary-foreground) 70%, transparent);
1130
+ }
1131
+ }
1132
+ .text-primary-foreground\/80 {
1133
+ color: var(--primary-foreground);
1134
+ @supports (color: color-mix(in lab, red, red)) {
1135
+ color: color-mix(in oklab, var(--primary-foreground) 80%, transparent);
1136
+ }
1137
+ }
1138
+ .text-primary-foreground\/90 {
1139
+ color: var(--primary-foreground);
1140
+ @supports (color: color-mix(in lab, red, red)) {
1141
+ color: color-mix(in oklab, var(--primary-foreground) 90%, transparent);
1142
+ }
1143
+ }
1144
+ .text-white {
1145
+ color: var(--color-white);
1146
+ }
1147
+ .text-white\/20 {
1148
+ color: color-mix(in srgb, #fff 20%, transparent);
1149
+ @supports (color: color-mix(in lab, red, red)) {
1150
+ color: color-mix(in oklab, var(--color-white) 20%, transparent);
1151
+ }
1152
+ }
1153
+ .text-yellow-500 {
1154
+ color: var(--color-yellow-500);
1155
+ }
1156
+ .uppercase {
1157
+ text-transform: uppercase;
1158
+ }
1159
+ .italic {
1160
+ font-style: italic;
1161
+ }
1162
+ .not-italic {
1163
+ font-style: normal;
1164
+ }
1165
+ .mix-blend-multiply {
1166
+ mix-blend-mode: multiply;
1167
+ }
1168
+ .shadow-sm {
1169
+ --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));
1170
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1171
+ }
1172
+ .outline {
1173
+ outline-style: var(--tw-outline-style);
1174
+ outline-width: 1px;
1175
+ }
1176
+ .backdrop-blur-sm {
1177
+ --tw-backdrop-blur: blur(var(--blur-sm));
1178
+ -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,);
1179
+ 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,);
1180
+ }
1181
+ .transition-colors {
1182
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1183
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1184
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1185
+ }
1186
+ .transition-shadow {
1187
+ transition-property: box-shadow;
1188
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1189
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1190
+ }
1191
+ @media (hover: hover) {
1192
+ .group-hover\:border-primary:is(:where(.group):hover *) {
1193
+ border-color: var(--primary);
1194
+ }
1195
+ }
1196
+ .last\:border-0:last-child {
1197
+ border-style: var(--tw-border-style);
1198
+ border-width: 0px;
1199
+ }
1200
+ @media (hover: hover) {
1201
+ .hover\:bg-primary-foreground:hover {
1202
+ background-color: var(--primary-foreground);
1203
+ }
1204
+ .hover\:text-primary:hover {
1205
+ color: var(--primary);
1206
+ }
1207
+ .hover\:shadow-md:hover {
1208
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1209
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1210
+ }
1211
+ }
1212
+ @container (width >= 28rem) {
1213
+ .\@md\:flex {
1214
+ display: flex;
1215
+ }
1216
+ .\@md\:hidden {
1217
+ display: none;
1218
+ }
1219
+ .\@md\:h-\[28px\] {
1220
+ height: 28px;
1221
+ }
1222
+ .\@md\:h-\[64px\] {
1223
+ height: 64px;
1224
+ }
1225
+ .\@md\:w-2\/5 {
1226
+ width: calc(2 / 5 * 100%);
1227
+ }
1228
+ .\@md\:w-3\/5 {
1229
+ width: calc(3 / 5 * 100%);
1230
+ }
1231
+ .\@md\:w-\[40\%\] {
1232
+ width: 40%;
1233
+ }
1234
+ .\@md\:w-\[60\%\] {
1235
+ width: 60%;
1236
+ }
1237
+ .\@md\:grid-cols-2 {
1238
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1239
+ }
1240
+ .\@md\:flex-row {
1241
+ flex-direction: row;
1242
+ }
1243
+ .\@md\:items-center {
1244
+ align-items: center;
1245
+ }
1246
+ .\@md\:gap-3 {
1247
+ gap: calc(var(--spacing) * 3);
1248
+ }
1249
+ .\@md\:gap-4 {
1250
+ gap: calc(var(--spacing) * 4);
1251
+ }
1252
+ .\@md\:gap-12 {
1253
+ gap: calc(var(--spacing) * 12);
1254
+ }
1255
+ .\@md\:gap-16 {
1256
+ gap: calc(var(--spacing) * 16);
1257
+ }
1258
+ .\@md\:gap-20 {
1259
+ gap: calc(var(--spacing) * 20);
1260
+ }
1261
+ :where(.\@md\:space-y-0 > :not(:last-child)) {
1262
+ --tw-space-y-reverse: 0;
1263
+ margin-block-start: 0;
1264
+ margin-block-end: 0;
1265
+ }
1266
+ .\@md\:p-6 {
1267
+ padding: calc(var(--spacing) * 6);
1268
+ }
1269
+ .\@md\:p-8 {
1270
+ padding: calc(var(--spacing) * 8);
1271
+ }
1272
+ .\@md\:px-6 {
1273
+ padding-inline: calc(var(--spacing) * 6);
1274
+ }
1275
+ .\@md\:px-12 {
1276
+ padding-inline: calc(var(--spacing) * 12);
1277
+ }
1278
+ .\@md\:py-5 {
1279
+ padding-block: calc(var(--spacing) * 5);
1280
+ }
1281
+ .\@md\:py-10 {
1282
+ padding-block: calc(var(--spacing) * 10);
1283
+ }
1284
+ .\@md\:py-24 {
1285
+ padding-block: calc(var(--spacing) * 24);
1286
+ }
1287
+ .\@md\:text-2xl {
1288
+ font-size: var(--text-2xl);
1289
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
1290
+ }
1291
+ .\@md\:text-3xl {
1292
+ font-size: var(--text-3xl);
1293
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
1294
+ }
1295
+ .\@md\:text-4xl {
1296
+ font-size: var(--text-4xl);
1297
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
1298
+ }
1299
+ .\@md\:text-5xl {
1300
+ font-size: var(--text-5xl);
1301
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
1302
+ }
1303
+ .\@md\:text-xl {
1304
+ font-size: var(--text-xl);
1305
+ line-height: var(--tw-leading, var(--text-xl--line-height));
1306
+ }
1307
+ .\@md\:text-\[56px\] {
1308
+ font-size: 56px;
1309
+ }
1310
+ }
1311
+ @container (width >= 32rem) {
1312
+ .\@lg\:h-\[80px\] {
1313
+ height: 80px;
1314
+ }
1315
+ .\@lg\:grid-cols-3 {
1316
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1317
+ }
1318
+ .\@lg\:text-\[72px\] {
1319
+ font-size: 72px;
1320
+ }
1321
+ }
1322
+ }
1323
+ @property --tw-animation-delay {
1324
+ syntax: "*";
1325
+ inherits: false;
1326
+ initial-value: 0s;
1327
+ }
1328
+ @property --tw-animation-direction {
1329
+ syntax: "*";
1330
+ inherits: false;
1331
+ initial-value: normal;
1332
+ }
1333
+ @property --tw-animation-duration {
1334
+ syntax: "*";
1335
+ inherits: false;
1336
+ }
1337
+ @property --tw-animation-fill-mode {
1338
+ syntax: "*";
1339
+ inherits: false;
1340
+ initial-value: none;
1341
+ }
1342
+ @property --tw-animation-iteration-count {
1343
+ syntax: "*";
1344
+ inherits: false;
1345
+ initial-value: 1;
1346
+ }
1347
+ @property --tw-enter-blur {
1348
+ syntax: "*";
1349
+ inherits: false;
1350
+ initial-value: 0;
1351
+ }
1352
+ @property --tw-enter-opacity {
1353
+ syntax: "*";
1354
+ inherits: false;
1355
+ initial-value: 1;
1356
+ }
1357
+ @property --tw-enter-rotate {
1358
+ syntax: "*";
1359
+ inherits: false;
1360
+ initial-value: 0;
1361
+ }
1362
+ @property --tw-enter-scale {
1363
+ syntax: "*";
1364
+ inherits: false;
1365
+ initial-value: 1;
1366
+ }
1367
+ @property --tw-enter-translate-x {
1368
+ syntax: "*";
1369
+ inherits: false;
1370
+ initial-value: 0;
1371
+ }
1372
+ @property --tw-enter-translate-y {
1373
+ syntax: "*";
1374
+ inherits: false;
1375
+ initial-value: 0;
1376
+ }
1377
+ @property --tw-exit-blur {
1378
+ syntax: "*";
1379
+ inherits: false;
1380
+ initial-value: 0;
1381
+ }
1382
+ @property --tw-exit-opacity {
1383
+ syntax: "*";
1384
+ inherits: false;
1385
+ initial-value: 1;
1386
+ }
1387
+ @property --tw-exit-rotate {
1388
+ syntax: "*";
1389
+ inherits: false;
1390
+ initial-value: 0;
1391
+ }
1392
+ @property --tw-exit-scale {
1393
+ syntax: "*";
1394
+ inherits: false;
1395
+ initial-value: 1;
1396
+ }
1397
+ @property --tw-exit-translate-x {
1398
+ syntax: "*";
1399
+ inherits: false;
1400
+ initial-value: 0;
1401
+ }
1402
+ @property --tw-exit-translate-y {
1403
+ syntax: "*";
1404
+ inherits: false;
1405
+ initial-value: 0;
1406
+ }
1407
+ @property --scroll-fade-t {
1408
+ syntax: "<length-percentage>";
1409
+ inherits: false;
1410
+ initial-value: 0px;
1411
+ }
1412
+ @property --scroll-fade-b {
1413
+ syntax: "<length-percentage>";
1414
+ inherits: false;
1415
+ initial-value: 0px;
1416
+ }
1417
+ @property --scroll-fade-s {
1418
+ syntax: "<length-percentage>";
1419
+ inherits: false;
1420
+ initial-value: 0px;
1421
+ }
1422
+ @property --scroll-fade-e {
1423
+ syntax: "<length-percentage>";
1424
+ inherits: false;
1425
+ initial-value: 0px;
1426
+ }
1427
+ @property --scroll-fade-mask {
1428
+ syntax: "*";
1429
+ inherits: false;
1430
+ }
1431
+ @property --shimmer-angle {
1432
+ syntax: "<angle>";
1433
+ inherits: true;
1434
+ initial-value: 20deg;
1435
+ }
1436
+ @property --shimmer-image {
1437
+ syntax: "*";
1438
+ inherits: false;
1439
+ }
1440
+ @property --shimmer-text-fill {
1441
+ syntax: "*";
1442
+ inherits: false;
1443
+ }
1444
+ @media (prefers-reduced-motion: reduce) {
1445
+ .shimmer {
1446
+ animation: none;
1447
+ background-image: none;
1448
+ -webkit-text-fill-color: currentColor;
1449
+ }
1450
+ }
1451
+ html[dir='ltr'], [data-sonner-toaster][dir='ltr'] {
1452
+ --toast-icon-margin-start: -3px;
1453
+ --toast-icon-margin-end: 4px;
1454
+ --toast-svg-margin-start: -1px;
1455
+ --toast-svg-margin-end: 0px;
1456
+ --toast-button-margin-start: auto;
1457
+ --toast-button-margin-end: 0;
1458
+ --toast-close-button-start: 0;
1459
+ --toast-close-button-end: unset;
1460
+ --toast-close-button-transform: translate(-35%, -35%);
1461
+ }
1462
+ html[dir='rtl'], [data-sonner-toaster][dir='rtl'] {
1463
+ --toast-icon-margin-start: 4px;
1464
+ --toast-icon-margin-end: -3px;
1465
+ --toast-svg-margin-start: 0px;
1466
+ --toast-svg-margin-end: -1px;
1467
+ --toast-button-margin-start: 0;
1468
+ --toast-button-margin-end: auto;
1469
+ --toast-close-button-start: unset;
1470
+ --toast-close-button-end: 0;
1471
+ --toast-close-button-transform: translate(35%, -35%);
1472
+ }
1473
+ [data-sonner-toaster] {
1474
+ position: fixed;
1475
+ width: var(--width);
1476
+ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
1477
+ --gray1: hsl(0, 0%, 99%);
1478
+ --gray2: hsl(0, 0%, 97.3%);
1479
+ --gray3: hsl(0, 0%, 95.1%);
1480
+ --gray4: hsl(0, 0%, 93%);
1481
+ --gray5: hsl(0, 0%, 90.9%);
1482
+ --gray6: hsl(0, 0%, 88.7%);
1483
+ --gray7: hsl(0, 0%, 85.8%);
1484
+ --gray8: hsl(0, 0%, 78%);
1485
+ --gray9: hsl(0, 0%, 56.1%);
1486
+ --gray10: hsl(0, 0%, 52.3%);
1487
+ --gray11: hsl(0, 0%, 43.5%);
1488
+ --gray12: hsl(0, 0%, 9%);
1489
+ --border-radius: 8px;
1490
+ box-sizing: border-box;
1491
+ padding: 0;
1492
+ margin: 0;
1493
+ list-style: none;
1494
+ outline: none;
1495
+ z-index: 999999999;
1496
+ transition: transform 400ms ease;
1497
+ }
1498
+ @media (hover: none) and (pointer: coarse) {
1499
+ [data-sonner-toaster][data-lifted='true'] {
1500
+ transform: none;
1501
+ }
1502
+ }
1503
+ [data-sonner-toaster][data-x-position='right'] {
1504
+ right: var(--offset-right);
1505
+ }
1506
+ [data-sonner-toaster][data-x-position='left'] {
1507
+ left: var(--offset-left);
1508
+ }
1509
+ [data-sonner-toaster][data-x-position='center'] {
1510
+ left: 50%;
1511
+ transform: translateX(-50%);
1512
+ }
1513
+ [data-sonner-toaster][data-y-position='top'] {
1514
+ top: var(--offset-top);
1515
+ }
1516
+ [data-sonner-toaster][data-y-position='bottom'] {
1517
+ bottom: var(--offset-bottom);
1518
+ }
1519
+ [data-sonner-toast] {
1520
+ --y: translateY(100%);
1521
+ --lift-amount: calc(var(--lift) * var(--gap));
1522
+ z-index: var(--z-index);
1523
+ position: absolute;
1524
+ opacity: 0;
1525
+ transform: var(--y);
1526
+ touch-action: none;
1527
+ transition: transform 400ms, opacity 400ms, height 400ms, box-shadow 200ms;
1528
+ box-sizing: border-box;
1529
+ outline: none;
1530
+ overflow-wrap: anywhere;
1531
+ }
1532
+ [data-sonner-toast][data-styled='true'] {
1533
+ padding: 16px;
1534
+ background: var(--normal-bg);
1535
+ border: 1px solid var(--normal-border);
1536
+ color: var(--normal-text);
1537
+ border-radius: var(--border-radius);
1538
+ box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
1539
+ width: var(--width);
1540
+ font-size: 13px;
1541
+ display: flex;
1542
+ align-items: center;
1543
+ gap: 6px;
1544
+ }
1545
+ [data-sonner-toast]:focus-visible {
1546
+ box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.2);
1547
+ }
1548
+ [data-sonner-toast][data-y-position='top'] {
1549
+ top: 0;
1550
+ --y: translateY(-100%);
1551
+ --lift: 1;
1552
+ --lift-amount: calc(1 * var(--gap));
1553
+ }
1554
+ [data-sonner-toast][data-y-position='bottom'] {
1555
+ bottom: 0;
1556
+ --y: translateY(100%);
1557
+ --lift: -1;
1558
+ --lift-amount: calc(var(--lift) * var(--gap));
1559
+ }
1560
+ [data-sonner-toast][data-styled='true'] [data-description] {
1561
+ font-weight: 400;
1562
+ line-height: 1.4;
1563
+ color: #3f3f3f;
1564
+ }
1565
+ [data-rich-colors='true'][data-sonner-toast][data-styled='true'] [data-description] {
1566
+ color: inherit;
1567
+ }
1568
+ [data-sonner-toaster][data-sonner-theme='dark'] [data-description] {
1569
+ color: hsl(0, 0%, 91%);
1570
+ }
1571
+ [data-sonner-toast][data-styled='true'] [data-title] {
1572
+ font-weight: 500;
1573
+ line-height: 1.5;
1574
+ color: inherit;
1575
+ }
1576
+ [data-sonner-toast][data-styled='true'] [data-icon] {
1577
+ display: flex;
1578
+ height: 16px;
1579
+ width: 16px;
1580
+ position: relative;
1581
+ justify-content: flex-start;
1582
+ align-items: center;
1583
+ flex-shrink: 0;
1584
+ margin-left: var(--toast-icon-margin-start);
1585
+ margin-right: var(--toast-icon-margin-end);
1586
+ }
1587
+ [data-sonner-toast][data-promise='true'] [data-icon] > svg {
1588
+ opacity: 0;
1589
+ transform: scale(0.8);
1590
+ transform-origin: center;
1591
+ animation: sonner-fade-in 300ms ease forwards;
1592
+ }
1593
+ [data-sonner-toast][data-styled='true'] [data-icon] > * {
1594
+ flex-shrink: 0;
1595
+ }
1596
+ [data-sonner-toast][data-styled='true'] [data-icon] svg {
1597
+ margin-left: var(--toast-svg-margin-start);
1598
+ margin-right: var(--toast-svg-margin-end);
1599
+ }
1600
+ [data-sonner-toast][data-styled='true'] [data-content] {
1601
+ display: flex;
1602
+ flex-direction: column;
1603
+ gap: 2px;
1604
+ }
1605
+ [data-sonner-toast][data-styled='true'] [data-button] {
1606
+ border-radius: 4px;
1607
+ padding-left: 8px;
1608
+ padding-right: 8px;
1609
+ height: 24px;
1610
+ font-size: 12px;
1611
+ color: var(--normal-bg);
1612
+ background: var(--normal-text);
1613
+ margin-left: var(--toast-button-margin-start);
1614
+ margin-right: var(--toast-button-margin-end);
1615
+ border: none;
1616
+ font-weight: 500;
1617
+ cursor: pointer;
1618
+ outline: none;
1619
+ display: flex;
1620
+ align-items: center;
1621
+ flex-shrink: 0;
1622
+ transition: opacity 400ms, box-shadow 200ms;
1623
+ }
1624
+ [data-sonner-toast][data-styled='true'] [data-button]:focus-visible {
1625
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
1626
+ }
1627
+ [data-sonner-toast][data-styled='true'] [data-button]:first-of-type {
1628
+ margin-left: var(--toast-button-margin-start);
1629
+ margin-right: var(--toast-button-margin-end);
1630
+ }
1631
+ [data-sonner-toast][data-styled='true'] [data-cancel] {
1632
+ color: var(--normal-text);
1633
+ background: rgba(0, 0, 0, 0.08);
1634
+ }
1635
+ [data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast][data-styled='true'] [data-cancel] {
1636
+ background: rgba(255, 255, 255, 0.3);
1637
+ }
1638
+ [data-sonner-toast][data-styled='true'] [data-close-button] {
1639
+ position: absolute;
1640
+ left: var(--toast-close-button-start);
1641
+ right: var(--toast-close-button-end);
1642
+ top: 0;
1643
+ height: 20px;
1644
+ width: 20px;
1645
+ display: flex;
1646
+ justify-content: center;
1647
+ align-items: center;
1648
+ padding: 0;
1649
+ color: var(--gray12);
1650
+ background: var(--normal-bg);
1651
+ border: 1px solid var(--gray4);
1652
+ transform: var(--toast-close-button-transform);
1653
+ border-radius: 50%;
1654
+ cursor: pointer;
1655
+ z-index: 1;
1656
+ transition: opacity 100ms, background 200ms, border-color 200ms;
1657
+ }
1658
+ [data-sonner-toast][data-styled='true'] [data-close-button]:focus-visible {
1659
+ box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.2);
1660
+ }
1661
+ [data-sonner-toast][data-styled='true'] [data-disabled='true'] {
1662
+ cursor: not-allowed;
1663
+ }
1664
+ [data-sonner-toast][data-styled='true']:hover [data-close-button]:hover {
1665
+ background: var(--gray2);
1666
+ border-color: var(--gray5);
1667
+ }
1668
+ [data-sonner-toast][data-swiping='true']::before {
1669
+ content: '';
1670
+ position: absolute;
1671
+ left: -100%;
1672
+ right: -100%;
1673
+ height: 100%;
1674
+ z-index: -1;
1675
+ }
1676
+ [data-sonner-toast][data-y-position='top'][data-swiping='true']::before {
1677
+ bottom: 50%;
1678
+ transform: scaleY(3) translateY(50%);
1679
+ }
1680
+ [data-sonner-toast][data-y-position='bottom'][data-swiping='true']::before {
1681
+ top: 50%;
1682
+ transform: scaleY(3) translateY(-50%);
1683
+ }
1684
+ [data-sonner-toast][data-swiping='false'][data-removed='true']::before {
1685
+ content: '';
1686
+ position: absolute;
1687
+ inset: 0;
1688
+ transform: scaleY(2);
1689
+ }
1690
+ [data-sonner-toast][data-expanded='true']::after {
1691
+ content: '';
1692
+ position: absolute;
1693
+ left: 0;
1694
+ height: calc(var(--gap) + 1px);
1695
+ bottom: 100%;
1696
+ width: 100%;
1697
+ }
1698
+ [data-sonner-toast][data-mounted='true'] {
1699
+ --y: translateY(0);
1700
+ opacity: 1;
1701
+ }
1702
+ [data-sonner-toast][data-expanded='false'][data-front='false'] {
1703
+ --scale: var(--toasts-before) * 0.05 + 1;
1704
+ --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
1705
+ height: var(--front-toast-height);
1706
+ }
1707
+ [data-sonner-toast] > * {
1708
+ transition: opacity 400ms;
1709
+ }
1710
+ [data-sonner-toast][data-x-position='right'] {
1711
+ right: 0;
1712
+ }
1713
+ [data-sonner-toast][data-x-position='left'] {
1714
+ left: 0;
1715
+ }
1716
+ [data-sonner-toast][data-expanded='false'][data-front='false'][data-styled='true'] > * {
1717
+ opacity: 0;
1718
+ }
1719
+ [data-sonner-toast][data-visible='false'] {
1720
+ opacity: 0;
1721
+ pointer-events: none;
1722
+ }
1723
+ [data-sonner-toast][data-mounted='true'][data-expanded='true'] {
1724
+ --y: translateY(calc(var(--lift) * var(--offset)));
1725
+ height: var(--initial-height);
1726
+ }
1727
+ [data-sonner-toast][data-removed='true'][data-front='true'][data-swipe-out='false'] {
1728
+ --y: translateY(calc(var(--lift) * -100%));
1729
+ opacity: 0;
1730
+ }
1731
+ [data-sonner-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='true'] {
1732
+ --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
1733
+ opacity: 0;
1734
+ }
1735
+ [data-sonner-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='false'] {
1736
+ --y: translateY(40%);
1737
+ opacity: 0;
1738
+ transition: transform 500ms, opacity 200ms;
1739
+ }
1740
+ [data-sonner-toast][data-removed='true'][data-front='false']::before {
1741
+ height: calc(var(--initial-height) + 20%);
1742
+ }
1743
+ [data-sonner-toast][data-swiping='true'] {
1744
+ transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translateX(var(--swipe-amount-x, 0px));
1745
+ transition: none;
1746
+ }
1747
+ [data-sonner-toast][data-swiped='true'] {
1748
+ user-select: none;
1749
+ }
1750
+ [data-sonner-toast][data-swipe-out='true'][data-y-position='bottom'], [data-sonner-toast][data-swipe-out='true'][data-y-position='top'] {
1751
+ animation-duration: 200ms;
1752
+ animation-timing-function: ease-out;
1753
+ animation-fill-mode: forwards;
1754
+ }
1755
+ [data-sonner-toast][data-swipe-out='true'][data-swipe-direction='left'] {
1756
+ animation-name: swipe-out-left;
1757
+ }
1758
+ [data-sonner-toast][data-swipe-out='true'][data-swipe-direction='right'] {
1759
+ animation-name: swipe-out-right;
1760
+ }
1761
+ [data-sonner-toast][data-swipe-out='true'][data-swipe-direction='up'] {
1762
+ animation-name: swipe-out-up;
1763
+ }
1764
+ [data-sonner-toast][data-swipe-out='true'][data-swipe-direction='down'] {
1765
+ animation-name: swipe-out-down;
1766
+ }
1767
+ @keyframes swipe-out-left {
1768
+ from {
1769
+ transform: var(--y) translateX(var(--swipe-amount-x));
1770
+ opacity: 1;
1771
+ }
1772
+ to {
1773
+ transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
1774
+ opacity: 0;
1775
+ }
1776
+ }
1777
+ @keyframes swipe-out-right {
1778
+ from {
1779
+ transform: var(--y) translateX(var(--swipe-amount-x));
1780
+ opacity: 1;
1781
+ }
1782
+ to {
1783
+ transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
1784
+ opacity: 0;
1785
+ }
1786
+ }
1787
+ @keyframes swipe-out-up {
1788
+ from {
1789
+ transform: var(--y) translateY(var(--swipe-amount-y));
1790
+ opacity: 1;
1791
+ }
1792
+ to {
1793
+ transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
1794
+ opacity: 0;
1795
+ }
1796
+ }
1797
+ @keyframes swipe-out-down {
1798
+ from {
1799
+ transform: var(--y) translateY(var(--swipe-amount-y));
1800
+ opacity: 1;
1801
+ }
1802
+ to {
1803
+ transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
1804
+ opacity: 0;
1805
+ }
1806
+ }
1807
+ @media (max-width: 600px) {
1808
+ [data-sonner-toaster] {
1809
+ position: fixed;
1810
+ right: var(--mobile-offset-right);
1811
+ left: var(--mobile-offset-left);
1812
+ width: 100%;
1813
+ }
1814
+ [data-sonner-toaster][dir='rtl'] {
1815
+ left: calc(var(--mobile-offset-left) * -1);
1816
+ }
1817
+ [data-sonner-toaster] [data-sonner-toast] {
1818
+ left: 0;
1819
+ right: 0;
1820
+ width: calc(100% - var(--mobile-offset-left) * 2);
1821
+ }
1822
+ [data-sonner-toaster][data-x-position='left'] {
1823
+ left: var(--mobile-offset-left);
1824
+ }
1825
+ [data-sonner-toaster][data-y-position='bottom'] {
1826
+ bottom: var(--mobile-offset-bottom);
1827
+ }
1828
+ [data-sonner-toaster][data-y-position='top'] {
1829
+ top: var(--mobile-offset-top);
1830
+ }
1831
+ [data-sonner-toaster][data-x-position='center'] {
1832
+ left: var(--mobile-offset-left);
1833
+ right: var(--mobile-offset-right);
1834
+ transform: none;
1835
+ }
1836
+ }
1837
+ [data-sonner-toaster][data-sonner-theme='light'] {
1838
+ --normal-bg: #fff;
1839
+ --normal-border: var(--gray4);
1840
+ --normal-text: var(--gray12);
1841
+ --success-bg: hsl(143, 85%, 96%);
1842
+ --success-border: hsl(145, 92%, 87%);
1843
+ --success-text: hsl(140, 100%, 27%);
1844
+ --info-bg: hsl(208, 100%, 97%);
1845
+ --info-border: hsl(221, 91%, 93%);
1846
+ --info-text: hsl(210, 92%, 45%);
1847
+ --warning-bg: hsl(49, 100%, 97%);
1848
+ --warning-border: hsl(49, 91%, 84%);
1849
+ --warning-text: hsl(31, 92%, 45%);
1850
+ --error-bg: hsl(359, 100%, 97%);
1851
+ --error-border: hsl(359, 100%, 94%);
1852
+ --error-text: hsl(360, 100%, 45%);
1853
+ }
1854
+ [data-sonner-toaster][data-sonner-theme='light'] [data-sonner-toast][data-invert='true'] {
1855
+ --normal-bg: #000;
1856
+ --normal-border: hsl(0, 0%, 20%);
1857
+ --normal-text: var(--gray1);
1858
+ }
1859
+ [data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast][data-invert='true'] {
1860
+ --normal-bg: #fff;
1861
+ --normal-border: var(--gray3);
1862
+ --normal-text: var(--gray12);
1863
+ }
1864
+ [data-sonner-toaster][data-sonner-theme='dark'] {
1865
+ --normal-bg: #000;
1866
+ --normal-bg-hover: hsl(0, 0%, 12%);
1867
+ --normal-border: hsl(0, 0%, 20%);
1868
+ --normal-border-hover: hsl(0, 0%, 25%);
1869
+ --normal-text: var(--gray1);
1870
+ --success-bg: hsl(150, 100%, 6%);
1871
+ --success-border: hsl(147, 100%, 12%);
1872
+ --success-text: hsl(150, 86%, 65%);
1873
+ --info-bg: hsl(215, 100%, 6%);
1874
+ --info-border: hsl(223, 43%, 17%);
1875
+ --info-text: hsl(216, 87%, 65%);
1876
+ --warning-bg: hsl(64, 100%, 6%);
1877
+ --warning-border: hsl(60, 100%, 9%);
1878
+ --warning-text: hsl(46, 87%, 65%);
1879
+ --error-bg: hsl(358, 76%, 10%);
1880
+ --error-border: hsl(357, 89%, 16%);
1881
+ --error-text: hsl(358, 100%, 81%);
1882
+ }
1883
+ [data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast] [data-close-button] {
1884
+ background: var(--normal-bg);
1885
+ border-color: var(--normal-border);
1886
+ color: var(--normal-text);
1887
+ }
1888
+ [data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast] [data-close-button]:hover {
1889
+ background: var(--normal-bg-hover);
1890
+ border-color: var(--normal-border-hover);
1891
+ }
1892
+ [data-rich-colors='true'][data-sonner-toast][data-type='success'] {
1893
+ background: var(--success-bg);
1894
+ border-color: var(--success-border);
1895
+ color: var(--success-text);
1896
+ }
1897
+ [data-rich-colors='true'][data-sonner-toast][data-type='success'] [data-close-button] {
1898
+ background: var(--success-bg);
1899
+ border-color: var(--success-border);
1900
+ color: var(--success-text);
1901
+ }
1902
+ [data-rich-colors='true'][data-sonner-toast][data-type='info'] {
1903
+ background: var(--info-bg);
1904
+ border-color: var(--info-border);
1905
+ color: var(--info-text);
1906
+ }
1907
+ [data-rich-colors='true'][data-sonner-toast][data-type='info'] [data-close-button] {
1908
+ background: var(--info-bg);
1909
+ border-color: var(--info-border);
1910
+ color: var(--info-text);
1911
+ }
1912
+ [data-rich-colors='true'][data-sonner-toast][data-type='warning'] {
1913
+ background: var(--warning-bg);
1914
+ border-color: var(--warning-border);
1915
+ color: var(--warning-text);
1916
+ }
1917
+ [data-rich-colors='true'][data-sonner-toast][data-type='warning'] [data-close-button] {
1918
+ background: var(--warning-bg);
1919
+ border-color: var(--warning-border);
1920
+ color: var(--warning-text);
1921
+ }
1922
+ [data-rich-colors='true'][data-sonner-toast][data-type='error'] {
1923
+ background: var(--error-bg);
1924
+ border-color: var(--error-border);
1925
+ color: var(--error-text);
1926
+ }
1927
+ [data-rich-colors='true'][data-sonner-toast][data-type='error'] [data-close-button] {
1928
+ background: var(--error-bg);
1929
+ border-color: var(--error-border);
1930
+ color: var(--error-text);
1931
+ }
1932
+ .sonner-loading-wrapper {
1933
+ --size: 16px;
1934
+ height: var(--size);
1935
+ width: var(--size);
1936
+ position: absolute;
1937
+ inset: 0;
1938
+ z-index: 10;
1939
+ }
1940
+ .sonner-loading-wrapper[data-visible='false'] {
1941
+ transform-origin: center;
1942
+ animation: sonner-fade-out 0.2s ease forwards;
1943
+ }
1944
+ .sonner-spinner {
1945
+ position: relative;
1946
+ top: 50%;
1947
+ left: 50%;
1948
+ height: var(--size);
1949
+ width: var(--size);
1950
+ }
1951
+ .sonner-loading-bar {
1952
+ animation: sonner-spin 1.2s linear infinite;
1953
+ background: var(--gray11);
1954
+ border-radius: 6px;
1955
+ height: 8%;
1956
+ left: -10%;
1957
+ position: absolute;
1958
+ top: -3.9%;
1959
+ width: 24%;
1960
+ }
1961
+ .sonner-loading-bar:nth-child(1) {
1962
+ animation-delay: -1.2s;
1963
+ transform: rotate(0.0001deg) translate(146%);
1964
+ }
1965
+ .sonner-loading-bar:nth-child(2) {
1966
+ animation-delay: -1.1s;
1967
+ transform: rotate(30deg) translate(146%);
1968
+ }
1969
+ .sonner-loading-bar:nth-child(3) {
1970
+ animation-delay: -1s;
1971
+ transform: rotate(60deg) translate(146%);
1972
+ }
1973
+ .sonner-loading-bar:nth-child(4) {
1974
+ animation-delay: -0.9s;
1975
+ transform: rotate(90deg) translate(146%);
1976
+ }
1977
+ .sonner-loading-bar:nth-child(5) {
1978
+ animation-delay: -0.8s;
1979
+ transform: rotate(120deg) translate(146%);
1980
+ }
1981
+ .sonner-loading-bar:nth-child(6) {
1982
+ animation-delay: -0.7s;
1983
+ transform: rotate(150deg) translate(146%);
1984
+ }
1985
+ .sonner-loading-bar:nth-child(7) {
1986
+ animation-delay: -0.6s;
1987
+ transform: rotate(180deg) translate(146%);
1988
+ }
1989
+ .sonner-loading-bar:nth-child(8) {
1990
+ animation-delay: -0.5s;
1991
+ transform: rotate(210deg) translate(146%);
1992
+ }
1993
+ .sonner-loading-bar:nth-child(9) {
1994
+ animation-delay: -0.4s;
1995
+ transform: rotate(240deg) translate(146%);
1996
+ }
1997
+ .sonner-loading-bar:nth-child(10) {
1998
+ animation-delay: -0.3s;
1999
+ transform: rotate(270deg) translate(146%);
2000
+ }
2001
+ .sonner-loading-bar:nth-child(11) {
2002
+ animation-delay: -0.2s;
2003
+ transform: rotate(300deg) translate(146%);
2004
+ }
2005
+ .sonner-loading-bar:nth-child(12) {
2006
+ animation-delay: -0.1s;
2007
+ transform: rotate(330deg) translate(146%);
2008
+ }
2009
+ @keyframes sonner-fade-in {
2010
+ 0% {
2011
+ opacity: 0;
2012
+ transform: scale(0.8);
2013
+ }
2014
+ 100% {
2015
+ opacity: 1;
2016
+ transform: scale(1);
2017
+ }
2018
+ }
2019
+ @keyframes sonner-fade-out {
2020
+ 0% {
2021
+ opacity: 1;
2022
+ transform: scale(1);
2023
+ }
2024
+ 100% {
2025
+ opacity: 0;
2026
+ transform: scale(0.8);
2027
+ }
2028
+ }
2029
+ @keyframes sonner-spin {
2030
+ 0% {
2031
+ opacity: 1;
2032
+ }
2033
+ 100% {
2034
+ opacity: 0.15;
2035
+ }
2036
+ }
2037
+ @media (prefers-reduced-motion) {
2038
+ [data-sonner-toast], [data-sonner-toast] > *, .sonner-loading-bar {
2039
+ transition: none !important;
2040
+ animation: none !important;
2041
+ }
2042
+ }
2043
+ .sonner-loader {
2044
+ position: absolute;
2045
+ top: 50%;
2046
+ left: 50%;
2047
+ transform: translate(-50%, -50%);
2048
+ transform-origin: center;
2049
+ transition: opacity 200ms, transform 200ms;
2050
+ }
2051
+ .sonner-loader[data-visible='false'] {
2052
+ opacity: 0;
2053
+ transform: scale(0.8) translate(-50%, -50%);
2054
+ }
2055
+ :root {
2056
+ --radius: 0.75rem;
2057
+ --background: oklch(0.975 0.005 90);
2058
+ --foreground: oklch(0.20 0.03 160);
2059
+ --card: oklch(1 0 0);
2060
+ --card-foreground: oklch(0.20 0.03 160);
2061
+ --popover: oklch(1 0 0);
2062
+ --popover-foreground: oklch(0.20 0.03 160);
2063
+ --primary: oklch(0.30 0.06 160);
2064
+ --primary-foreground: oklch(0.95 0.01 90);
2065
+ --secondary: oklch(0.42 0.06 160);
2066
+ --secondary-foreground: oklch(0.97 0.01 90);
2067
+ --muted: oklch(0.94 0.015 85);
2068
+ --muted-foreground: oklch(0.45 0.03 70);
2069
+ --accent: oklch(0.55 0.10 160);
2070
+ --accent-foreground: oklch(0.98 0.005 90);
2071
+ --destructive: oklch(0.577 0.245 27.325);
2072
+ --border: oklch(0.88 0.03 80);
2073
+ --input: oklch(0.90 0.02 80);
2074
+ --ring: oklch(0.72 0.08 160);
2075
+ }
2076
+ .dark {
2077
+ --background: oklch(0.16 0.02 160);
2078
+ --foreground: oklch(0.95 0.01 90);
2079
+ --card: oklch(0.22 0.03 160);
2080
+ --card-foreground: oklch(0.95 0.01 90);
2081
+ --popover: oklch(0.22 0.03 160);
2082
+ --popover-foreground: oklch(0.95 0.01 90);
2083
+ --primary: oklch(0.72 0.08 160);
2084
+ --primary-foreground: oklch(0.16 0.02 160);
2085
+ --secondary: oklch(0.30 0.04 160);
2086
+ --secondary-foreground: oklch(0.95 0.01 90);
2087
+ --muted: oklch(0.28 0.03 160);
2088
+ --muted-foreground: oklch(0.68 0.04 90);
2089
+ --accent: oklch(0.55 0.10 160);
2090
+ --accent-foreground: oklch(0.98 0.005 90);
2091
+ --destructive: oklch(0.704 0.191 22.216);
2092
+ --border: oklch(1 0 0 / 10%);
2093
+ --input: oklch(1 0 0 / 15%);
2094
+ --ring: oklch(0.55 0.08 160);
2095
+ }
2096
+ @property --tw-translate-x {
2097
+ syntax: "*";
2098
+ inherits: false;
2099
+ initial-value: 0;
2100
+ }
2101
+ @property --tw-translate-y {
2102
+ syntax: "*";
2103
+ inherits: false;
2104
+ initial-value: 0;
2105
+ }
2106
+ @property --tw-translate-z {
2107
+ syntax: "*";
2108
+ inherits: false;
2109
+ initial-value: 0;
2110
+ }
2111
+ @property --tw-space-y-reverse {
2112
+ syntax: "*";
2113
+ inherits: false;
2114
+ initial-value: 0;
2115
+ }
2116
+ @property --tw-border-style {
2117
+ syntax: "*";
2118
+ inherits: false;
2119
+ initial-value: solid;
2120
+ }
2121
+ @property --tw-gradient-position {
2122
+ syntax: "*";
2123
+ inherits: false;
2124
+ }
2125
+ @property --tw-gradient-from {
2126
+ syntax: "<color>";
2127
+ inherits: false;
2128
+ initial-value: #0000;
2129
+ }
2130
+ @property --tw-gradient-via {
2131
+ syntax: "<color>";
2132
+ inherits: false;
2133
+ initial-value: #0000;
2134
+ }
2135
+ @property --tw-gradient-to {
2136
+ syntax: "<color>";
2137
+ inherits: false;
2138
+ initial-value: #0000;
2139
+ }
2140
+ @property --tw-gradient-stops {
2141
+ syntax: "*";
2142
+ inherits: false;
2143
+ }
2144
+ @property --tw-gradient-via-stops {
2145
+ syntax: "*";
2146
+ inherits: false;
2147
+ }
2148
+ @property --tw-gradient-from-position {
2149
+ syntax: "<length-percentage>";
2150
+ inherits: false;
2151
+ initial-value: 0%;
2152
+ }
2153
+ @property --tw-gradient-via-position {
2154
+ syntax: "<length-percentage>";
2155
+ inherits: false;
2156
+ initial-value: 50%;
2157
+ }
2158
+ @property --tw-gradient-to-position {
2159
+ syntax: "<length-percentage>";
2160
+ inherits: false;
2161
+ initial-value: 100%;
2162
+ }
2163
+ @property --tw-leading {
2164
+ syntax: "*";
2165
+ inherits: false;
2166
+ }
2167
+ @property --tw-font-weight {
2168
+ syntax: "*";
2169
+ inherits: false;
2170
+ }
2171
+ @property --tw-tracking {
2172
+ syntax: "*";
2173
+ inherits: false;
2174
+ }
2175
+ @property --tw-shadow {
2176
+ syntax: "*";
2177
+ inherits: false;
2178
+ initial-value: 0 0 #0000;
2179
+ }
2180
+ @property --tw-shadow-color {
2181
+ syntax: "*";
2182
+ inherits: false;
2183
+ }
2184
+ @property --tw-shadow-alpha {
2185
+ syntax: "<percentage>";
2186
+ inherits: false;
2187
+ initial-value: 100%;
2188
+ }
2189
+ @property --tw-inset-shadow {
2190
+ syntax: "*";
2191
+ inherits: false;
2192
+ initial-value: 0 0 #0000;
2193
+ }
2194
+ @property --tw-inset-shadow-color {
2195
+ syntax: "*";
2196
+ inherits: false;
2197
+ }
2198
+ @property --tw-inset-shadow-alpha {
2199
+ syntax: "<percentage>";
2200
+ inherits: false;
2201
+ initial-value: 100%;
2202
+ }
2203
+ @property --tw-ring-color {
2204
+ syntax: "*";
2205
+ inherits: false;
2206
+ }
2207
+ @property --tw-ring-shadow {
2208
+ syntax: "*";
2209
+ inherits: false;
2210
+ initial-value: 0 0 #0000;
2211
+ }
2212
+ @property --tw-inset-ring-color {
2213
+ syntax: "*";
2214
+ inherits: false;
2215
+ }
2216
+ @property --tw-inset-ring-shadow {
2217
+ syntax: "*";
2218
+ inherits: false;
2219
+ initial-value: 0 0 #0000;
2220
+ }
2221
+ @property --tw-ring-inset {
2222
+ syntax: "*";
2223
+ inherits: false;
2224
+ }
2225
+ @property --tw-ring-offset-width {
2226
+ syntax: "<length>";
2227
+ inherits: false;
2228
+ initial-value: 0px;
2229
+ }
2230
+ @property --tw-ring-offset-color {
2231
+ syntax: "*";
2232
+ inherits: false;
2233
+ initial-value: #fff;
2234
+ }
2235
+ @property --tw-ring-offset-shadow {
2236
+ syntax: "*";
2237
+ inherits: false;
2238
+ initial-value: 0 0 #0000;
2239
+ }
2240
+ @property --tw-outline-style {
2241
+ syntax: "*";
2242
+ inherits: false;
2243
+ initial-value: solid;
2244
+ }
2245
+ @property --tw-backdrop-blur {
2246
+ syntax: "*";
2247
+ inherits: false;
2248
+ }
2249
+ @property --tw-backdrop-brightness {
2250
+ syntax: "*";
2251
+ inherits: false;
2252
+ }
2253
+ @property --tw-backdrop-contrast {
2254
+ syntax: "*";
2255
+ inherits: false;
2256
+ }
2257
+ @property --tw-backdrop-grayscale {
2258
+ syntax: "*";
2259
+ inherits: false;
2260
+ }
2261
+ @property --tw-backdrop-hue-rotate {
2262
+ syntax: "*";
2263
+ inherits: false;
2264
+ }
2265
+ @property --tw-backdrop-invert {
2266
+ syntax: "*";
2267
+ inherits: false;
2268
+ }
2269
+ @property --tw-backdrop-opacity {
2270
+ syntax: "*";
2271
+ inherits: false;
2272
+ }
2273
+ @property --tw-backdrop-saturate {
2274
+ syntax: "*";
2275
+ inherits: false;
2276
+ }
2277
+ @property --tw-backdrop-sepia {
2278
+ syntax: "*";
2279
+ inherits: false;
2280
+ }
2281
+ @layer properties {
2282
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2283
+ :root, :host {
2284
+ --shimmer-angle: 20deg;
2285
+ }
2286
+ *, ::before, ::after, ::backdrop {
2287
+ --tw-translate-x: 0;
2288
+ --tw-translate-y: 0;
2289
+ --tw-translate-z: 0;
2290
+ --tw-space-y-reverse: 0;
2291
+ --tw-border-style: solid;
2292
+ --tw-gradient-position: initial;
2293
+ --tw-gradient-from: #0000;
2294
+ --tw-gradient-via: #0000;
2295
+ --tw-gradient-to: #0000;
2296
+ --tw-gradient-stops: initial;
2297
+ --tw-gradient-via-stops: initial;
2298
+ --tw-gradient-from-position: 0%;
2299
+ --tw-gradient-via-position: 50%;
2300
+ --tw-gradient-to-position: 100%;
2301
+ --tw-leading: initial;
2302
+ --tw-font-weight: initial;
2303
+ --tw-tracking: initial;
2304
+ --tw-shadow: 0 0 #0000;
2305
+ --tw-shadow-color: initial;
2306
+ --tw-shadow-alpha: 100%;
2307
+ --tw-inset-shadow: 0 0 #0000;
2308
+ --tw-inset-shadow-color: initial;
2309
+ --tw-inset-shadow-alpha: 100%;
2310
+ --tw-ring-color: initial;
2311
+ --tw-ring-shadow: 0 0 #0000;
2312
+ --tw-inset-ring-color: initial;
2313
+ --tw-inset-ring-shadow: 0 0 #0000;
2314
+ --tw-ring-inset: initial;
2315
+ --tw-ring-offset-width: 0px;
2316
+ --tw-ring-offset-color: #fff;
2317
+ --tw-ring-offset-shadow: 0 0 #0000;
2318
+ --tw-outline-style: solid;
2319
+ --tw-backdrop-blur: initial;
2320
+ --tw-backdrop-brightness: initial;
2321
+ --tw-backdrop-contrast: initial;
2322
+ --tw-backdrop-grayscale: initial;
2323
+ --tw-backdrop-hue-rotate: initial;
2324
+ --tw-backdrop-invert: initial;
2325
+ --tw-backdrop-opacity: initial;
2326
+ --tw-backdrop-saturate: initial;
2327
+ --tw-backdrop-sepia: initial;
2328
+ --tw-animation-delay: 0s;
2329
+ --tw-animation-direction: normal;
2330
+ --tw-animation-duration: initial;
2331
+ --tw-animation-fill-mode: none;
2332
+ --tw-animation-iteration-count: 1;
2333
+ --tw-enter-blur: 0;
2334
+ --tw-enter-opacity: 1;
2335
+ --tw-enter-rotate: 0;
2336
+ --tw-enter-scale: 1;
2337
+ --tw-enter-translate-x: 0;
2338
+ --tw-enter-translate-y: 0;
2339
+ --tw-exit-blur: 0;
2340
+ --tw-exit-opacity: 1;
2341
+ --tw-exit-rotate: 0;
2342
+ --tw-exit-scale: 1;
2343
+ --tw-exit-translate-x: 0;
2344
+ --tw-exit-translate-y: 0;
2345
+ --scroll-fade-t: 0px;
2346
+ --scroll-fade-b: 0px;
2347
+ --scroll-fade-s: 0px;
2348
+ --scroll-fade-e: 0px;
2349
+ --scroll-fade-mask: initial;
2350
+ --shimmer-image: initial;
2351
+ --shimmer-text-fill: initial;
2352
+ }
2353
+ }
2354
+ }