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