@turtleclub/earn-widget 0.2.0-beta.0 → 0.2.0-beta.3

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.
package/dist/styles.css CHANGED
@@ -7,25 +7,47 @@
7
7
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
8
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
9
  "Courier New", monospace;
10
+ --color-red-600: oklch(57.7% 0.245 27.325);
11
+ --color-yellow-600: oklch(68.1% 0.162 75.834);
12
+ --color-green-500: oklch(72.3% 0.219 149.579);
13
+ --color-green-600: oklch(62.7% 0.194 149.214);
14
+ --color-white: #fff;
10
15
  --spacing: 0.25rem;
16
+ --container-md: 28rem;
17
+ --container-lg: 32rem;
18
+ --container-xl: 36rem;
11
19
  --text-xs: 0.75rem;
12
20
  --text-xs--line-height: calc(1 / 0.75);
13
21
  --text-sm: 0.875rem;
14
22
  --text-sm--line-height: calc(1.25 / 0.875);
23
+ --text-base: 1rem;
24
+ --text-base--line-height: calc(1.5 / 1);
15
25
  --text-lg: 1.125rem;
16
26
  --text-lg--line-height: calc(1.75 / 1.125);
27
+ --text-xl: 1.25rem;
28
+ --text-xl--line-height: calc(1.75 / 1.25);
17
29
  --text-2xl: 1.5rem;
18
30
  --text-2xl--line-height: calc(2 / 1.5);
31
+ --text-3xl: 1.875rem;
32
+ --text-3xl--line-height: calc(2.25 / 1.875);
19
33
  --text-4xl: 2.25rem;
20
34
  --text-4xl--line-height: calc(2.5 / 2.25);
35
+ --text-5xl: 3rem;
36
+ --text-5xl--line-height: 1;
21
37
  --text-6xl: 3.75rem;
22
38
  --text-6xl--line-height: 1;
39
+ --text-7xl: 4.5rem;
40
+ --text-7xl--line-height: 1;
41
+ --text-8xl: 6rem;
42
+ --text-8xl--line-height: 1;
23
43
  --font-weight-medium: 500;
24
44
  --font-weight-semibold: 600;
25
45
  --font-weight-bold: 700;
26
- --radius-md: calc(var(--radius) - 2px);
27
- --radius-lg: var(--radius);
28
- --radius-xl: calc(var(--radius) + 4px);
46
+ --tracking-tight: -0.025em;
47
+ --radius-md: 0.375rem;
48
+ --radius-lg: 0.5rem;
49
+ --radius-xl: 0.75rem;
50
+ --animate-spin: spin 1s linear infinite;
29
51
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
30
52
  --default-transition-duration: 150ms;
31
53
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -188,6 +210,15 @@
188
210
  .turtle-widget-root .top-1\/2 {
189
211
  top: calc(1/2 * 100%);
190
212
  }
213
+ .turtle-widget-root .right-2 {
214
+ right: calc(var(--spacing) * 2);
215
+ }
216
+ .turtle-widget-root .right-4 {
217
+ right: calc(var(--spacing) * 4);
218
+ }
219
+ .turtle-widget-root .bottom-2 {
220
+ bottom: calc(var(--spacing) * 2);
221
+ }
191
222
  .turtle-widget-root .bottom-3 {
192
223
  bottom: calc(var(--spacing) * 3);
193
224
  }
@@ -218,6 +249,18 @@
218
249
  max-width: 96rem;
219
250
  }
220
251
  }
252
+ .turtle-widget-root .m-0 {
253
+ margin: calc(var(--spacing) * 0);
254
+ }
255
+ .turtle-widget-root .m-2 {
256
+ margin: calc(var(--spacing) * 2);
257
+ }
258
+ .turtle-widget-root .m-4 {
259
+ margin: calc(var(--spacing) * 4);
260
+ }
261
+ .turtle-widget-root .mx-auto {
262
+ margin-inline: auto;
263
+ }
221
264
  .turtle-widget-root .mt-2 {
222
265
  margin-top: calc(var(--spacing) * 2);
223
266
  }
@@ -227,12 +270,24 @@
227
270
  .turtle-widget-root .mr-2 {
228
271
  margin-right: calc(var(--spacing) * 2);
229
272
  }
273
+ .turtle-widget-root .mb-3 {
274
+ margin-bottom: calc(var(--spacing) * 3);
275
+ }
276
+ .turtle-widget-root .block {
277
+ display: block;
278
+ }
230
279
  .turtle-widget-root .flex {
231
280
  display: flex;
232
281
  }
282
+ .turtle-widget-root .grid {
283
+ display: grid;
284
+ }
233
285
  .turtle-widget-root .hidden {
234
286
  display: none;
235
287
  }
288
+ .turtle-widget-root .inline-flex {
289
+ display: inline-flex;
290
+ }
236
291
  .turtle-widget-root .h-4 {
237
292
  height: calc(var(--spacing) * 4);
238
293
  }
@@ -308,6 +363,18 @@
308
363
  .turtle-widget-root .max-w-\[600px\] {
309
364
  max-width: 600px;
310
365
  }
366
+ .turtle-widget-root .max-w-lg {
367
+ max-width: var(--container-lg);
368
+ }
369
+ .turtle-widget-root .max-w-md {
370
+ max-width: var(--container-md);
371
+ }
372
+ .turtle-widget-root .max-w-xl {
373
+ max-width: var(--container-xl);
374
+ }
375
+ .turtle-widget-root .min-w-0 {
376
+ min-width: calc(var(--spacing) * 0);
377
+ }
311
378
  .turtle-widget-root .flex-1 {
312
379
  flex: 1;
313
380
  }
@@ -318,6 +385,9 @@
318
385
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
319
386
  translate: var(--tw-translate-x) var(--tw-translate-y);
320
387
  }
388
+ .turtle-widget-root .transform {
389
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
390
+ }
321
391
  .turtle-widget-root .animate-pulse {
322
392
  animation: var(--animate-pulse);
323
393
  }
@@ -327,6 +397,9 @@
327
397
  .turtle-widget-root .flex-col {
328
398
  flex-direction: column;
329
399
  }
400
+ .turtle-widget-root .flex-row {
401
+ flex-direction: row;
402
+ }
330
403
  .turtle-widget-root .items-center {
331
404
  align-items: center;
332
405
  }
@@ -371,9 +444,26 @@
371
444
  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
372
445
  }
373
446
  }
447
+ .turtle-widget-root .space-y-4 {
448
+ .turtle-widget-root :where(& > :not(:last-child)) {
449
+ --tw-space-y-reverse: 0;
450
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
451
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
452
+ }
453
+ }
454
+ .turtle-widget-root .-space-x-1 {
455
+ .turtle-widget-root :where(& > :not(:last-child)) {
456
+ --tw-space-x-reverse: 0;
457
+ margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));
458
+ margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)));
459
+ }
460
+ }
374
461
  .turtle-widget-root .overflow-hidden {
375
462
  overflow: hidden;
376
463
  }
464
+ .turtle-widget-root .overflow-x-auto {
465
+ overflow-x: auto;
466
+ }
377
467
  .turtle-widget-root .overflow-y-auto {
378
468
  overflow-y: auto;
379
469
  }
@@ -384,88 +474,78 @@
384
474
  border-radius: calc(infinity * 1px);
385
475
  }
386
476
  .turtle-widget-root .rounded-lg {
387
- border-radius: var(--radius);
477
+ border-radius: var(--radius-lg);
388
478
  }
389
479
  .turtle-widget-root .rounded-md {
390
- border-radius: calc(var(--radius) - 2px);
480
+ border-radius: var(--radius-md);
391
481
  }
392
- .turtle-widget-root .rounded-xl {
393
- border-radius: calc(var(--radius) + 4px);
482
+ .turtle-widget-root .\!border {
483
+ border-style: var(--tw-border-style) !important;
484
+ border-width: 1px !important;
394
485
  }
395
486
  .turtle-widget-root .border {
396
487
  border-style: var(--tw-border-style);
397
488
  border-width: 1px;
398
489
  }
490
+ .turtle-widget-root .border-2 {
491
+ border-style: var(--tw-border-style);
492
+ border-width: 2px;
493
+ }
399
494
  .turtle-widget-root .border-b {
400
495
  border-bottom-style: var(--tw-border-style);
401
496
  border-bottom-width: 1px;
402
497
  }
403
- .turtle-widget-root .border-border {
404
- border-color: var(--border);
405
- }
406
- .turtle-widget-root .border-destructive\/50 {
407
- border-color: var(--destructive);
408
- @supports (color: color-mix(in lab, red, red)) {
409
- border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
410
- }
411
- }
412
- .turtle-widget-root .border-muted {
413
- border-color: var(--muted);
414
- }
415
- .turtle-widget-root .bg-background {
416
- background-color: var(--background);
417
- }
418
- .turtle-widget-root .bg-card {
419
- background-color: var(--card);
420
- }
421
- .turtle-widget-root .bg-muted {
422
- background-color: var(--muted);
423
- }
424
- .turtle-widget-root .bg-muted\/10 {
425
- background-color: var(--muted);
426
- @supports (color: color-mix(in lab, red, red)) {
427
- background-color: color-mix(in oklab, var(--muted) 10%, transparent);
428
- }
429
- }
430
- .turtle-widget-root .bg-muted\/20 {
431
- background-color: var(--muted);
432
- @supports (color: color-mix(in lab, red, red)) {
433
- background-color: color-mix(in oklab, var(--muted) 20%, transparent);
434
- }
435
- }
436
- .turtle-widget-root .bg-primary\/20 {
437
- background-color: var(--primary);
438
- @supports (color: color-mix(in lab, red, red)) {
439
- background-color: color-mix(in oklab, var(--primary) 20%, transparent);
440
- }
441
- }
442
- .turtle-widget-root .bg-secondary {
443
- background-color: var(--secondary);
444
- }
445
498
  .turtle-widget-root .object-contain {
446
499
  object-fit: contain;
447
500
  }
501
+ .turtle-widget-root .object-cover {
502
+ object-fit: cover;
503
+ }
504
+ .turtle-widget-root .p-0 {
505
+ padding: calc(var(--spacing) * 0);
506
+ }
448
507
  .turtle-widget-root .p-1 {
449
508
  padding: calc(var(--spacing) * 1);
450
509
  }
510
+ .turtle-widget-root .p-2 {
511
+ padding: calc(var(--spacing) * 2);
512
+ }
451
513
  .turtle-widget-root .p-4 {
452
514
  padding: calc(var(--spacing) * 4);
453
515
  }
454
516
  .turtle-widget-root .p-6 {
455
517
  padding: calc(var(--spacing) * 6);
456
518
  }
519
+ .turtle-widget-root .px-2 {
520
+ padding-inline: calc(var(--spacing) * 2);
521
+ }
457
522
  .turtle-widget-root .px-4 {
458
523
  padding-inline: calc(var(--spacing) * 4);
459
524
  }
525
+ .turtle-widget-root .px-6 {
526
+ padding-inline: calc(var(--spacing) * 6);
527
+ }
460
528
  .turtle-widget-root .py-2 {
461
529
  padding-block: calc(var(--spacing) * 2);
462
530
  }
531
+ .turtle-widget-root .py-3 {
532
+ padding-block: calc(var(--spacing) * 3);
533
+ }
463
534
  .turtle-widget-root .py-4 {
464
535
  padding-block: calc(var(--spacing) * 4);
465
536
  }
537
+ .turtle-widget-root .py-8 {
538
+ padding-block: calc(var(--spacing) * 8);
539
+ }
466
540
  .turtle-widget-root .pr-3 {
467
541
  padding-right: calc(var(--spacing) * 3);
468
542
  }
543
+ .turtle-widget-root .pr-12 {
544
+ padding-right: calc(var(--spacing) * 12);
545
+ }
546
+ .turtle-widget-root .pl-4 {
547
+ padding-left: calc(var(--spacing) * 4);
548
+ }
469
549
  .turtle-widget-root .pl-14 {
470
550
  padding-left: calc(var(--spacing) * 14);
471
551
  }
@@ -484,6 +564,10 @@
484
564
  font-size: var(--text-6xl);
485
565
  line-height: var(--tw-leading, var(--text-6xl--line-height));
486
566
  }
567
+ .turtle-widget-root .text-base {
568
+ font-size: var(--text-base);
569
+ line-height: var(--tw-leading, var(--text-base--line-height));
570
+ }
487
571
  .turtle-widget-root .text-lg {
488
572
  font-size: var(--text-lg);
489
573
  line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -492,6 +576,10 @@
492
576
  font-size: var(--text-sm);
493
577
  line-height: var(--tw-leading, var(--text-sm--line-height));
494
578
  }
579
+ .turtle-widget-root .text-xl {
580
+ font-size: var(--text-xl);
581
+ line-height: var(--tw-leading, var(--text-xl--line-height));
582
+ }
495
583
  .turtle-widget-root .text-xs {
496
584
  font-size: var(--text-xs);
497
585
  line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -508,17 +596,11 @@
508
596
  --tw-font-weight: var(--font-weight-semibold);
509
597
  font-weight: var(--font-weight-semibold);
510
598
  }
511
- .turtle-widget-root .text-destructive {
512
- color: var(--destructive);
513
- }
514
- .turtle-widget-root .text-foreground {
515
- color: var(--foreground);
516
- }
517
- .turtle-widget-root .text-muted-foreground {
518
- color: var(--muted-foreground);
599
+ .turtle-widget-root .whitespace-nowrap {
600
+ white-space: nowrap;
519
601
  }
520
- .turtle-widget-root .text-primary {
521
- color: var(--primary);
602
+ .turtle-widget-root .capitalize {
603
+ text-transform: capitalize;
522
604
  }
523
605
  .turtle-widget-root .antialiased {
524
606
  -webkit-font-smoothing: antialiased;
@@ -527,15 +609,28 @@
527
609
  .turtle-widget-root .opacity-30 {
528
610
  opacity: 30%;
529
611
  }
612
+ .turtle-widget-root .shadow {
613
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
614
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
615
+ }
616
+ .turtle-widget-root .shadow-lg {
617
+ --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));
618
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
619
+ }
620
+ .turtle-widget-root .shadow-md {
621
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
622
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
623
+ }
624
+ .turtle-widget-root .shadow-sm {
625
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
626
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
627
+ }
530
628
  .turtle-widget-root .ring-1 {
531
629
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
532
630
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
533
631
  }
534
- .turtle-widget-root .ring-primary\/60 {
535
- --tw-ring-color: var(--primary);
536
- @supports (color: color-mix(in lab, red, red)) {
537
- --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent);
538
- }
632
+ .turtle-widget-root .filter {
633
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
539
634
  }
540
635
  .turtle-widget-root .transition-all {
541
636
  transition-property: all;
@@ -547,6 +642,10 @@
547
642
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
548
643
  transition-duration: var(--tw-duration, var(--default-transition-duration));
549
644
  }
645
+ .turtle-widget-root .duration-200 {
646
+ --tw-duration: 200ms;
647
+ transition-duration: 200ms;
648
+ }
550
649
  .turtle-widget-root .duration-700 {
551
650
  --tw-duration: 700ms;
552
651
  transition-duration: 700ms;
@@ -555,56 +654,30 @@
555
654
  --tw-ease: linear;
556
655
  transition-timing-function: linear;
557
656
  }
558
- .turtle-widget-root .hover\:border-primary {
657
+ .turtle-widget-root .hover\:shadow-sm {
559
658
  .turtle-widget-root &:hover {
560
659
  @media (hover: hover) {
561
- border-color: var(--primary);
660
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
661
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
562
662
  }
563
663
  }
564
664
  }
565
- .turtle-widget-root .hover\:bg-accent\/50 {
566
- .turtle-widget-root &:hover {
567
- @media (hover: hover) {
568
- background-color: var(--accent);
569
- @supports (color: color-mix(in lab, red, red)) {
570
- background-color: color-mix(in oklab, var(--accent) 50%, transparent);
571
- }
572
- }
573
- }
574
- }
575
- .turtle-widget-root .hover\:bg-secondary {
576
- .turtle-widget-root &:hover {
577
- @media (hover: hover) {
578
- background-color: var(--secondary);
579
- }
580
- }
581
- }
582
- .turtle-widget-root .hover\:text-primary {
583
- .turtle-widget-root &:hover {
584
- @media (hover: hover) {
585
- color: var(--primary);
586
- }
587
- }
588
- }
589
- .turtle-widget-root .focus\:border-primary {
590
- .turtle-widget-root &:focus {
591
- border-color: var(--primary);
592
- }
593
- }
594
665
  .turtle-widget-root .focus\:ring-0 {
595
666
  .turtle-widget-root &:focus {
596
667
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
597
668
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
598
669
  }
599
670
  }
600
- .turtle-widget-root .data-\[state\=checked\]\:bg-secondary {
601
- .turtle-widget-root &[data-state="checked"] {
602
- background-color: var(--secondary);
671
+ .turtle-widget-root .focus\:ring-2 {
672
+ .turtle-widget-root &:focus {
673
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
674
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
603
675
  }
604
676
  }
605
- .turtle-widget-root .data-\[state\=checked\]\:text-primary {
606
- .turtle-widget-root &[data-state="checked"] {
607
- color: var(--primary);
677
+ .turtle-widget-root .focus\:outline-none {
678
+ .turtle-widget-root &:focus {
679
+ --tw-outline-style: none;
680
+ outline-style: none;
608
681
  }
609
682
  }
610
683
  .turtle-widget-root .\[\&_button\]\:w-32 {
@@ -618,22 +691,132 @@
618
691
  }
619
692
  }
620
693
  }
621
- @layer theme, base, components, utilities;
622
- @layer theme;
694
+ /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
695
+ @layer properties {
696
+ @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
697
+ .turtle-widget-root *, .turtle-widget-root :before, .turtle-widget-root :after, .turtle-widget-root ::backdrop {
698
+ --tw-translate-x: 0;
699
+ --tw-translate-y: 0;
700
+ --tw-translate-z: 0;
701
+ --tw-space-y-reverse: 0;
702
+ --tw-border-style: solid;
703
+ --tw-gradient-position: initial;
704
+ --tw-gradient-from: #0000;
705
+ --tw-gradient-via: #0000;
706
+ --tw-gradient-to: #0000;
707
+ --tw-gradient-stops: initial;
708
+ --tw-gradient-via-stops: initial;
709
+ --tw-gradient-from-position: 0%;
710
+ --tw-gradient-via-position: 50%;
711
+ --tw-gradient-to-position: 100%;
712
+ --tw-leading: initial;
713
+ --tw-font-weight: initial;
714
+ --tw-tracking: initial;
715
+ --tw-shadow: 0 0 #0000;
716
+ --tw-shadow-color: initial;
717
+ --tw-shadow-alpha: 100%;
718
+ --tw-inset-shadow: 0 0 #0000;
719
+ --tw-inset-shadow-color: initial;
720
+ --tw-inset-shadow-alpha: 100%;
721
+ --tw-ring-color: initial;
722
+ --tw-ring-shadow: 0 0 #0000;
723
+ --tw-inset-ring-color: initial;
724
+ --tw-inset-ring-shadow: 0 0 #0000;
725
+ --tw-ring-inset: initial;
726
+ --tw-ring-offset-width: 0px;
727
+ --tw-ring-offset-color: #fff;
728
+ --tw-ring-offset-shadow: 0 0 #0000;
729
+ --tw-outline-style: solid;
730
+ --tw-duration: initial;
731
+ --tw-content: "";
732
+ --tw-animation-delay: 0s;
733
+ --tw-animation-direction: normal;
734
+ --tw-animation-duration: initial;
735
+ --tw-animation-fill-mode: none;
736
+ --tw-animation-iteration-count: 1;
737
+ --tw-enter-opacity: 1;
738
+ --tw-enter-rotate: 0;
739
+ --tw-enter-scale: 1;
740
+ --tw-enter-translate-x: 0;
741
+ --tw-enter-translate-y: 0;
742
+ --tw-exit-opacity: 1;
743
+ --tw-exit-rotate: 0;
744
+ --tw-exit-scale: 1;
745
+ --tw-exit-translate-x: 0;
746
+ --tw-exit-translate-y: 0;
747
+ }
748
+ }
749
+ }
750
+ @layer theme {
751
+ .turtle-widget-root, .turtle-widget-root :host {
752
+ --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
753
+ --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
754
+ --color-red-600: oklch(57.7% .245 27.325);
755
+ --color-yellow-600: oklch(68.1% .162 75.834);
756
+ --color-green-500: oklch(72.3% .219 149.579);
757
+ --color-green-600: oklch(62.7% .194 149.214);
758
+ --color-white: #fff;
759
+ --spacing: .25rem;
760
+ --text-xs: .75rem;
761
+ --text-xs--line-height: calc(1/.75);
762
+ --text-sm: .875rem;
763
+ --text-sm--line-height: calc(1.25/.875);
764
+ --text-base: 1rem;
765
+ --text-base--line-height: 1.5;
766
+ --text-lg: 1.125rem;
767
+ --text-lg--line-height: calc(1.75/1.125);
768
+ --text-xl: 1.25rem;
769
+ --text-xl--line-height: calc(1.75/1.25);
770
+ --text-2xl: 1.5rem;
771
+ --text-2xl--line-height: calc(2/1.5);
772
+ --text-3xl: 1.875rem;
773
+ --text-3xl--line-height: 1.2;
774
+ --text-4xl: 2.25rem;
775
+ --text-4xl--line-height: calc(2.5/2.25);
776
+ --text-5xl: 3rem;
777
+ --text-5xl--line-height: 1;
778
+ --text-6xl: 3.75rem;
779
+ --text-6xl--line-height: 1;
780
+ --text-7xl: 4.5rem;
781
+ --text-7xl--line-height: 1;
782
+ --text-8xl: 6rem;
783
+ --text-8xl--line-height: 1;
784
+ --font-weight-medium: 500;
785
+ --font-weight-semibold: 600;
786
+ --font-weight-bold: 700;
787
+ --tracking-tight: -.025em;
788
+ --radius-md: calc(var(--radius) - 2px);
789
+ --radius-lg: var(--radius);
790
+ --radius-xl: calc(var(--radius) + 4px);
791
+ --animate-spin: spin 1s linear infinite;
792
+ --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
793
+ --default-transition-duration: .15s;
794
+ --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
795
+ --default-font-family: var(--font-sans);
796
+ --default-mono-font-family: var(--font-mono);
797
+ }
798
+ }
623
799
  @layer base {
624
- .turtle-widget-root *, .turtle-widget-root ::after, .turtle-widget-root ::before, .turtle-widget-root ::backdrop, .turtle-widget-root ::file-selector-button {
800
+ .turtle-widget-root *, .turtle-widget-root :after, .turtle-widget-root :before, .turtle-widget-root ::backdrop {
625
801
  box-sizing: border-box;
802
+ border: 0 solid;
626
803
  margin: 0;
627
804
  padding: 0;
805
+ }
806
+ .turtle-widget-root ::file-selector-button {
807
+ box-sizing: border-box;
628
808
  border: 0 solid;
809
+ margin: 0;
810
+ padding: 0;
629
811
  }
630
812
  .turtle-widget-root, .turtle-widget-root :host {
631
- line-height: 1.5;
632
813
  -webkit-text-size-adjust: 100%;
814
+ -moz-tab-size: 4;
633
815
  tab-size: 4;
634
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
635
- font-feature-settings: var(--default-font-feature-settings, normal);
636
- font-variation-settings: var(--default-font-variation-settings, normal);
816
+ line-height: 1.5;
817
+ font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
818
+ font-feature-settings: var(--default-font-feature-settings,normal);
819
+ font-variation-settings: var(--default-font-variation-settings,normal);
637
820
  -webkit-tap-highlight-color: transparent;
638
821
  }
639
822
  .turtle-widget-root hr {
@@ -658,25 +841,25 @@
658
841
  font-weight: bolder;
659
842
  }
660
843
  .turtle-widget-root code, .turtle-widget-root kbd, .turtle-widget-root samp, .turtle-widget-root pre {
661
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
662
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
663
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
844
+ font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
845
+ font-feature-settings: var(--default-mono-font-feature-settings,normal);
846
+ font-variation-settings: var(--default-mono-font-variation-settings,normal);
664
847
  font-size: 1em;
665
848
  }
666
849
  .turtle-widget-root small {
667
850
  font-size: 80%;
668
851
  }
669
852
  .turtle-widget-root sub, .turtle-widget-root sup {
853
+ vertical-align: baseline;
670
854
  font-size: 75%;
671
855
  line-height: 0;
672
856
  position: relative;
673
- vertical-align: baseline;
674
857
  }
675
858
  .turtle-widget-root sub {
676
- bottom: -0.25em;
859
+ bottom: -.25em;
677
860
  }
678
861
  .turtle-widget-root sup {
679
- top: -0.5em;
862
+ top: -.5em;
680
863
  }
681
864
  .turtle-widget-root table {
682
865
  text-indent: 0;
@@ -696,27 +879,37 @@
696
879
  list-style: none;
697
880
  }
698
881
  .turtle-widget-root img, .turtle-widget-root svg, .turtle-widget-root video, .turtle-widget-root canvas, .turtle-widget-root audio, .turtle-widget-root iframe, .turtle-widget-root embed, .turtle-widget-root object {
699
- display: block;
700
882
  vertical-align: middle;
883
+ display: block;
701
884
  }
702
885
  .turtle-widget-root img, .turtle-widget-root video {
703
886
  max-width: 100%;
704
887
  height: auto;
705
888
  }
706
- .turtle-widget-root button, .turtle-widget-root input, .turtle-widget-root select, .turtle-widget-root optgroup, .turtle-widget-root textarea, .turtle-widget-root ::file-selector-button {
889
+ .turtle-widget-root button, .turtle-widget-root input, .turtle-widget-root select, .turtle-widget-root optgroup, .turtle-widget-root textarea {
707
890
  font: inherit;
708
891
  font-feature-settings: inherit;
709
892
  font-variation-settings: inherit;
710
893
  letter-spacing: inherit;
711
894
  color: inherit;
895
+ opacity: 1;
896
+ background-color: #0000;
712
897
  border-radius: 0;
713
- background-color: transparent;
898
+ }
899
+ .turtle-widget-root ::file-selector-button {
900
+ font: inherit;
901
+ font-feature-settings: inherit;
902
+ font-variation-settings: inherit;
903
+ letter-spacing: inherit;
904
+ color: inherit;
714
905
  opacity: 1;
906
+ background-color: #0000;
907
+ border-radius: 0;
715
908
  }
716
- .turtle-widget-root :where(select:is([multiple], [size])) optgroup {
909
+ .turtle-widget-root :where(select:is([multiple],[size])) optgroup {
717
910
  font-weight: bolder;
718
911
  }
719
- .turtle-widget-root :where(select:is([multiple], [size])) optgroup option {
912
+ .turtle-widget-root :where(select:is([multiple],[size])) optgroup option {
720
913
  padding-inline-start: 20px;
721
914
  }
722
915
  .turtle-widget-root ::file-selector-button {
@@ -725,11 +918,16 @@
725
918
  .turtle-widget-root ::placeholder {
726
919
  opacity: 1;
727
920
  }
728
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
921
+ @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
729
922
  .turtle-widget-root ::placeholder {
730
- color: currentcolor;
731
- @supports (color: color-mix(in lab, red, red)) {
732
- color: color-mix(in oklab, currentcolor 50%, transparent);
923
+ color: currentColor;
924
+ }
925
+ @supports (color:color-mix(in lab,red,red)) {
926
+ .turtle-widget-root ::placeholder {
927
+ color: currentcolor;
928
+ @supports (color: color-mix(in lab, red, red)) {
929
+ color: color-mix(in oklab,currentcolor 50%,transparent);
930
+ }
733
931
  }
734
932
  }
735
933
  }
@@ -749,29 +947,1385 @@
749
947
  .turtle-widget-root ::-webkit-datetime-edit-fields-wrapper {
750
948
  padding: 0;
751
949
  }
752
- .turtle-widget-root ::-webkit-datetime-edit, .turtle-widget-root ::-webkit-datetime-edit-year-field, .turtle-widget-root ::-webkit-datetime-edit-month-field, .turtle-widget-root ::-webkit-datetime-edit-day-field, .turtle-widget-root ::-webkit-datetime-edit-hour-field, .turtle-widget-root ::-webkit-datetime-edit-minute-field, .turtle-widget-root ::-webkit-datetime-edit-second-field, .turtle-widget-root ::-webkit-datetime-edit-millisecond-field, .turtle-widget-root ::-webkit-datetime-edit-meridiem-field {
950
+ .turtle-widget-root ::-webkit-datetime-edit {
951
+ padding-block: 0;
952
+ }
953
+ .turtle-widget-root ::-webkit-datetime-edit-year-field {
954
+ padding-block: 0;
955
+ }
956
+ .turtle-widget-root ::-webkit-datetime-edit-month-field {
957
+ padding-block: 0;
958
+ }
959
+ .turtle-widget-root ::-webkit-datetime-edit-day-field {
960
+ padding-block: 0;
961
+ }
962
+ .turtle-widget-root ::-webkit-datetime-edit-hour-field {
963
+ padding-block: 0;
964
+ }
965
+ .turtle-widget-root ::-webkit-datetime-edit-minute-field {
966
+ padding-block: 0;
967
+ }
968
+ .turtle-widget-root ::-webkit-datetime-edit-second-field {
969
+ padding-block: 0;
970
+ }
971
+ .turtle-widget-root ::-webkit-datetime-edit-millisecond-field {
972
+ padding-block: 0;
973
+ }
974
+ .turtle-widget-root ::-webkit-datetime-edit-meridiem-field {
753
975
  padding-block: 0;
754
976
  }
755
977
  .turtle-widget-root :-moz-ui-invalid {
756
978
  box-shadow: none;
757
979
  }
758
- .turtle-widget-root button, .turtle-widget-root input:where([type="button"], [type="reset"], [type="submit"]), .turtle-widget-root ::file-selector-button {
980
+ .turtle-widget-root button, .turtle-widget-root input:where([type=button],[type=reset],[type=submit]) {
981
+ -webkit-appearance: button;
982
+ -moz-appearance: button;
759
983
  appearance: button;
760
984
  }
761
- .turtle-widget-root ::-webkit-inner-spin-button, .turtle-widget-root ::-webkit-outer-spin-button {
985
+ .turtle-widget-root ::file-selector-button {
986
+ -webkit-appearance: button;
987
+ -moz-appearance: button;
988
+ appearance: button;
989
+ }
990
+ .turtle-widget-root ::-webkit-inner-spin-button {
762
991
  height: auto;
763
992
  }
764
- .turtle-widget-root [hidden]:where(:not([hidden="until-found"])) {
993
+ .turtle-widget-root ::-webkit-outer-spin-button {
994
+ height: auto;
995
+ }
996
+ .turtle-widget-root [hidden]:where(:not([hidden=until-found])) {
765
997
  display: none !important;
766
998
  }
767
- }
768
- @layer utilities;
769
- @property --tw-animation-delay {
770
- syntax: "*";
771
- inherits: false;
772
- initial-value: 0s;
773
- }
774
- @property --tw-animation-direction {
999
+ .turtle-widget-root * {
1000
+ border-color: var(--border);
1001
+ outline-color: var(--ring);
1002
+ }
1003
+ @supports (color:color-mix(in lab,red,red)) {
1004
+ .turtle-widget-root * {
1005
+ outline-color: var(--ring);
1006
+ @supports (color: color-mix(in lab, red, red)) {
1007
+ outline-color: color-mix(in oklab,var(--ring)50%,transparent);
1008
+ }
1009
+ }
1010
+ }
1011
+ .turtle-widget-root, .turtle-widget-root {
1012
+ width: 100%;
1013
+ height: 100%;
1014
+ font-family: var(--font-sans);
1015
+ -webkit-font-smoothing: antialiased;
1016
+ -moz-osx-font-smoothing: grayscale;
1017
+ }
1018
+ .turtle-widget-root {
1019
+ background-color: var(--background);
1020
+ color: var(--foreground);
1021
+ }
1022
+ }
1023
+ @layer components;
1024
+ @layer utilities {
1025
+ .turtle-widget-root .pointer-events-none {
1026
+ pointer-events: none;
1027
+ }
1028
+ .turtle-widget-root .absolute {
1029
+ position: absolute;
1030
+ }
1031
+ .turtle-widget-root .fixed {
1032
+ position: fixed;
1033
+ }
1034
+ .turtle-widget-root .relative {
1035
+ position: relative;
1036
+ }
1037
+ .turtle-widget-root .inset-0 {
1038
+ inset: calc(var(--spacing)*0);
1039
+ }
1040
+ .turtle-widget-root .right-2 {
1041
+ right: calc(var(--spacing)*2);
1042
+ }
1043
+ .turtle-widget-root .bottom-0 {
1044
+ bottom: calc(var(--spacing)*0);
1045
+ }
1046
+ .turtle-widget-root .z-10 {
1047
+ z-index: 10;
1048
+ }
1049
+ .turtle-widget-root .z-50 {
1050
+ z-index: 50;
1051
+ }
1052
+ .turtle-widget-root .z-\[1\] {
1053
+ z-index: 1;
1054
+ }
1055
+ .turtle-widget-root .container {
1056
+ width: 100%;
1057
+ }
1058
+ @media (min-width:40rem) {
1059
+ .turtle-widget-root .container {
1060
+ max-width: 40rem;
1061
+ }
1062
+ }
1063
+ @media (min-width:48rem) {
1064
+ .turtle-widget-root .container {
1065
+ max-width: 48rem;
1066
+ }
1067
+ }
1068
+ @media (min-width:64rem) {
1069
+ .turtle-widget-root .container {
1070
+ max-width: 64rem;
1071
+ }
1072
+ }
1073
+ @media (min-width:80rem) {
1074
+ .turtle-widget-root .container {
1075
+ max-width: 80rem;
1076
+ }
1077
+ }
1078
+ @media (min-width:96rem) {
1079
+ .turtle-widget-root .container {
1080
+ max-width: 96rem;
1081
+ }
1082
+ }
1083
+ .turtle-widget-root .-mx-1 {
1084
+ margin-inline: calc(var(--spacing)*-1);
1085
+ }
1086
+ .turtle-widget-root .my-1 {
1087
+ margin-block: calc(var(--spacing)*1);
1088
+ }
1089
+ .turtle-widget-root .mb-2 {
1090
+ margin-bottom: calc(var(--spacing)*2);
1091
+ }
1092
+ .turtle-widget-root .ml-2 {
1093
+ margin-left: calc(var(--spacing)*2);
1094
+ }
1095
+ .turtle-widget-root .block {
1096
+ display: block;
1097
+ }
1098
+ .turtle-widget-root .flex {
1099
+ display: flex;
1100
+ }
1101
+ .turtle-widget-root .grid {
1102
+ display: grid;
1103
+ }
1104
+ .turtle-widget-root .inline-flex {
1105
+ display: inline-flex;
1106
+ }
1107
+ .turtle-widget-root .size-2\.5 {
1108
+ width: calc(var(--spacing)*2.5);
1109
+ height: calc(var(--spacing)*2.5);
1110
+ }
1111
+ .turtle-widget-root .size-3\.5 {
1112
+ width: calc(var(--spacing)*3.5);
1113
+ height: calc(var(--spacing)*3.5);
1114
+ }
1115
+ .turtle-widget-root .size-4 {
1116
+ width: calc(var(--spacing)*4);
1117
+ height: calc(var(--spacing)*4);
1118
+ }
1119
+ .turtle-widget-root .size-9 {
1120
+ width: calc(var(--spacing)*9);
1121
+ height: calc(var(--spacing)*9);
1122
+ }
1123
+ .turtle-widget-root .size-full {
1124
+ width: 100%;
1125
+ height: 100%;
1126
+ }
1127
+ .turtle-widget-root .h-2 {
1128
+ height: calc(var(--spacing)*2);
1129
+ }
1130
+ .turtle-widget-root .h-2\.5 {
1131
+ height: calc(var(--spacing)*2.5);
1132
+ }
1133
+ .turtle-widget-root .h-3 {
1134
+ height: calc(var(--spacing)*3);
1135
+ }
1136
+ .turtle-widget-root .h-4 {
1137
+ height: calc(var(--spacing)*4);
1138
+ }
1139
+ .turtle-widget-root .h-5 {
1140
+ height: calc(var(--spacing)*5);
1141
+ }
1142
+ .turtle-widget-root .h-6 {
1143
+ height: calc(var(--spacing)*6);
1144
+ }
1145
+ .turtle-widget-root .h-7 {
1146
+ height: calc(var(--spacing)*7);
1147
+ }
1148
+ .turtle-widget-root .h-8 {
1149
+ height: calc(var(--spacing)*8);
1150
+ }
1151
+ .turtle-widget-root .h-9 {
1152
+ height: calc(var(--spacing)*9);
1153
+ }
1154
+ .turtle-widget-root .h-10 {
1155
+ height: calc(var(--spacing)*10);
1156
+ }
1157
+ .turtle-widget-root .h-12 {
1158
+ height: calc(var(--spacing)*12);
1159
+ }
1160
+ .turtle-widget-root .h-16 {
1161
+ height: calc(var(--spacing)*16);
1162
+ }
1163
+ .turtle-widget-root .h-20 {
1164
+ height: calc(var(--spacing)*20);
1165
+ }
1166
+ .turtle-widget-root .h-\[1\.15rem\] {
1167
+ height: 1.15rem;
1168
+ }
1169
+ .turtle-widget-root .h-\[var\(--radix-select-trigger-height\)\] {
1170
+ height: var(--radix-select-trigger-height);
1171
+ }
1172
+ .turtle-widget-root .h-auto {
1173
+ height: auto;
1174
+ }
1175
+ .turtle-widget-root .h-full {
1176
+ height: 100%;
1177
+ }
1178
+ .turtle-widget-root .h-px {
1179
+ height: 1px;
1180
+ }
1181
+ .turtle-widget-root .max-h-\(--radix-select-content-available-height\) {
1182
+ max-height: var(--radix-select-content-available-height);
1183
+ }
1184
+ .turtle-widget-root .w-2 {
1185
+ width: calc(var(--spacing)*2);
1186
+ }
1187
+ .turtle-widget-root .w-2\.5 {
1188
+ width: calc(var(--spacing)*2.5);
1189
+ }
1190
+ .turtle-widget-root .w-3 {
1191
+ width: calc(var(--spacing)*3);
1192
+ }
1193
+ .turtle-widget-root .w-4 {
1194
+ width: calc(var(--spacing)*4);
1195
+ }
1196
+ .turtle-widget-root .w-5 {
1197
+ width: calc(var(--spacing)*5);
1198
+ }
1199
+ .turtle-widget-root .w-6 {
1200
+ width: calc(var(--spacing)*6);
1201
+ }
1202
+ .turtle-widget-root .w-8 {
1203
+ width: calc(var(--spacing)*8);
1204
+ }
1205
+ .turtle-widget-root .w-10 {
1206
+ width: calc(var(--spacing)*10);
1207
+ }
1208
+ .turtle-widget-root .w-12 {
1209
+ width: calc(var(--spacing)*12);
1210
+ }
1211
+ .turtle-widget-root .w-16 {
1212
+ width: calc(var(--spacing)*16);
1213
+ }
1214
+ .turtle-widget-root .w-20 {
1215
+ width: calc(var(--spacing)*20);
1216
+ }
1217
+ .turtle-widget-root .w-auto {
1218
+ width: auto;
1219
+ }
1220
+ .turtle-widget-root .w-fit {
1221
+ width: fit-content;
1222
+ }
1223
+ .turtle-widget-root .w-full {
1224
+ width: 100%;
1225
+ }
1226
+ .turtle-widget-root .min-w-0 {
1227
+ min-width: calc(var(--spacing)*0);
1228
+ }
1229
+ .turtle-widget-root .min-w-8 {
1230
+ min-width: calc(var(--spacing)*8);
1231
+ }
1232
+ .turtle-widget-root .min-w-9 {
1233
+ min-width: calc(var(--spacing)*9);
1234
+ }
1235
+ .turtle-widget-root .min-w-10 {
1236
+ min-width: calc(var(--spacing)*10);
1237
+ }
1238
+ .turtle-widget-root .min-w-\[8rem\] {
1239
+ min-width: 8rem;
1240
+ }
1241
+ .turtle-widget-root .min-w-\[80px\] {
1242
+ min-width: 80px;
1243
+ }
1244
+ .turtle-widget-root .min-w-\[var\(--radix-select-trigger-width\)\] {
1245
+ min-width: var(--radix-select-trigger-width);
1246
+ }
1247
+ .turtle-widget-root .flex-1 {
1248
+ flex: 1;
1249
+ }
1250
+ .turtle-widget-root .flex-shrink-0, .turtle-widget-root .shrink-0 {
1251
+ flex-shrink: 0;
1252
+ }
1253
+ .turtle-widget-root .origin-\(--radix-select-content-transform-origin\) {
1254
+ transform-origin: var(--radix-select-content-transform-origin);
1255
+ }
1256
+ .turtle-widget-root .origin-\(--radix-tooltip-content-transform-origin\) {
1257
+ transform-origin: var(--radix-tooltip-content-transform-origin);
1258
+ }
1259
+ .turtle-widget-root .origin-left {
1260
+ transform-origin: 0;
1261
+ }
1262
+ .turtle-widget-root .translate-y-\[calc\(-50\%_-_2px\)\] {
1263
+ --tw-translate-y: calc(-50% - 2px);
1264
+ translate: var(--tw-translate-x)var(--tw-translate-y);
1265
+ }
1266
+ .turtle-widget-root .rotate-45 {
1267
+ rotate: 45deg;
1268
+ }
1269
+ .turtle-widget-root .animate-in {
1270
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
1271
+ }
1272
+ .turtle-widget-root .animate-none {
1273
+ animation: none;
1274
+ }
1275
+ .turtle-widget-root .animate-pulse {
1276
+ animation: var(--animate-pulse);
1277
+ }
1278
+ .turtle-widget-root .animate-spin {
1279
+ animation: var(--animate-spin);
1280
+ }
1281
+ .turtle-widget-root .cursor-default {
1282
+ cursor: default;
1283
+ }
1284
+ .turtle-widget-root .cursor-not-allowed {
1285
+ cursor: not-allowed;
1286
+ }
1287
+ .turtle-widget-root .cursor-pointer {
1288
+ cursor: pointer;
1289
+ }
1290
+ .turtle-widget-root .touch-none {
1291
+ touch-action: none;
1292
+ }
1293
+ .turtle-widget-root .scroll-my-1 {
1294
+ scroll-margin-block: calc(var(--spacing)*1);
1295
+ }
1296
+ .turtle-widget-root .grid-cols-3 {
1297
+ grid-template-columns: repeat(3,minmax(0,1fr));
1298
+ }
1299
+ .turtle-widget-root .flex-col {
1300
+ flex-direction: column;
1301
+ }
1302
+ .turtle-widget-root .flex-row {
1303
+ flex-direction: row;
1304
+ }
1305
+ .turtle-widget-root .flex-row-reverse {
1306
+ flex-direction: row-reverse;
1307
+ }
1308
+ .turtle-widget-root .flex-wrap {
1309
+ flex-wrap: wrap;
1310
+ }
1311
+ .turtle-widget-root .items-center {
1312
+ align-items: center;
1313
+ }
1314
+ .turtle-widget-root .items-start {
1315
+ align-items: flex-start;
1316
+ }
1317
+ .turtle-widget-root .justify-between {
1318
+ justify-content: space-between;
1319
+ }
1320
+ .turtle-widget-root .justify-center {
1321
+ justify-content: center;
1322
+ }
1323
+ .turtle-widget-root .justify-end {
1324
+ justify-content: flex-end;
1325
+ }
1326
+ .turtle-widget-root .justify-start {
1327
+ justify-content: flex-start;
1328
+ }
1329
+ .turtle-widget-root .gap-1 {
1330
+ gap: calc(var(--spacing)*1);
1331
+ }
1332
+ .turtle-widget-root .gap-1\.5 {
1333
+ gap: calc(var(--spacing)*1.5);
1334
+ }
1335
+ .turtle-widget-root .gap-2 {
1336
+ gap: calc(var(--spacing)*2);
1337
+ }
1338
+ .turtle-widget-root .gap-3 {
1339
+ gap: calc(var(--spacing)*3);
1340
+ }
1341
+ .turtle-widget-root .gap-12 {
1342
+ gap: calc(var(--spacing)*12);
1343
+ }
1344
+ .turtle-widget-root :where(.space-y-1>:not(:last-child)) {
1345
+ --tw-space-y-reverse: 0;
1346
+ margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
1347
+ margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)));
1348
+ }
1349
+ .turtle-widget-root :where(.space-y-1\.5>:not(:last-child)) {
1350
+ --tw-space-y-reverse: 0;
1351
+ margin-block-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));
1352
+ margin-block-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)));
1353
+ }
1354
+ .turtle-widget-root :where(.space-y-2>:not(:last-child)) {
1355
+ --tw-space-y-reverse: 0;
1356
+ margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
1357
+ margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)));
1358
+ }
1359
+ .turtle-widget-root :where(.space-y-3>:not(:last-child)) {
1360
+ --tw-space-y-reverse: 0;
1361
+ margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
1362
+ margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)));
1363
+ }
1364
+ .turtle-widget-root :where(.space-y-4>:not(:last-child)) {
1365
+ --tw-space-y-reverse: 0;
1366
+ margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
1367
+ margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)));
1368
+ }
1369
+ .turtle-widget-root .truncate {
1370
+ text-overflow: ellipsis;
1371
+ white-space: nowrap;
1372
+ overflow: hidden;
1373
+ }
1374
+ .turtle-widget-root .overflow-hidden {
1375
+ overflow: hidden;
1376
+ }
1377
+ .turtle-widget-root .overflow-x-auto {
1378
+ overflow-x: auto;
1379
+ }
1380
+ .turtle-widget-root .overflow-x-hidden {
1381
+ overflow-x: hidden;
1382
+ }
1383
+ .turtle-widget-root .overflow-y-auto {
1384
+ overflow-y: auto;
1385
+ }
1386
+ .turtle-widget-root .rounded {
1387
+ border-radius: .25rem;
1388
+ }
1389
+ .turtle-widget-root .rounded-\[2px\] {
1390
+ border-radius: 2px;
1391
+ }
1392
+ .turtle-widget-root .rounded-\[inherit\] {
1393
+ border-radius: inherit;
1394
+ }
1395
+ .turtle-widget-root .rounded-full {
1396
+ border-radius: 3.40282e38px;
1397
+ }
1398
+ .turtle-widget-root .rounded-lg {
1399
+ border-radius: var(--radius);
1400
+ }
1401
+ .turtle-widget-root .rounded-md {
1402
+ border-radius: calc(var(--radius) - 2px);
1403
+ }
1404
+ .turtle-widget-root .rounded-none {
1405
+ border-radius: 0;
1406
+ }
1407
+ .turtle-widget-root .rounded-sm {
1408
+ border-radius: calc(var(--radius) - 4px);
1409
+ }
1410
+ .turtle-widget-root .rounded-xl {
1411
+ border-radius: calc(var(--radius) + 4px);
1412
+ }
1413
+ .turtle-widget-root .border {
1414
+ border-style: var(--tw-border-style);
1415
+ border-width: 1px;
1416
+ }
1417
+ .turtle-widget-root .border-2 {
1418
+ border-style: var(--tw-border-style);
1419
+ border-width: 2px;
1420
+ }
1421
+ .turtle-widget-root .border-t {
1422
+ border-top-style: var(--tw-border-style);
1423
+ border-top-width: 1px;
1424
+ }
1425
+ .turtle-widget-root .border-l {
1426
+ border-left-style: var(--tw-border-style);
1427
+ border-left-width: 1px;
1428
+ }
1429
+ .turtle-widget-root .border-none {
1430
+ --tw-border-style: none;
1431
+ border-style: none;
1432
+ }
1433
+ .turtle-widget-root .border-border {
1434
+ border-color: var(--border);
1435
+ }
1436
+ .turtle-widget-root .border-input {
1437
+ border-color: var(--input);
1438
+ }
1439
+ .turtle-widget-root .border-muted-foreground\/30 {
1440
+ border-color: var(--muted-foreground);
1441
+ }
1442
+ @supports (color:color-mix(in lab,red,red)) {
1443
+ .turtle-widget-root .border-muted-foreground\/30 {
1444
+ border-color: var(--muted-foreground);
1445
+ @supports (color: color-mix(in lab, red, red)) {
1446
+ border-color: color-mix(in oklab,var(--muted-foreground)30%,transparent);
1447
+ }
1448
+ }
1449
+ }
1450
+ .turtle-widget-root .border-primary {
1451
+ border-color: var(--primary);
1452
+ }
1453
+ .turtle-widget-root .border-secondary {
1454
+ border-color: var(--secondary);
1455
+ }
1456
+ .turtle-widget-root .border-transparent {
1457
+ border-color: #0000;
1458
+ }
1459
+ .turtle-widget-root .border-t-transparent {
1460
+ border-top-color: #0000;
1461
+ }
1462
+ .turtle-widget-root .border-l-transparent {
1463
+ border-left-color: #0000;
1464
+ }
1465
+ .turtle-widget-root .bg-background {
1466
+ background-color: var(--background);
1467
+ }
1468
+ .turtle-widget-root .bg-border {
1469
+ background-color: var(--border);
1470
+ }
1471
+ .turtle-widget-root .bg-card {
1472
+ background-color: var(--card);
1473
+ }
1474
+ .turtle-widget-root .bg-muted {
1475
+ background-color: var(--muted);
1476
+ }
1477
+ .turtle-widget-root .bg-muted-foreground\/30 {
1478
+ background-color: var(--muted-foreground);
1479
+ }
1480
+ @supports (color:color-mix(in lab,red,red)) {
1481
+ .turtle-widget-root .bg-muted-foreground\/30 {
1482
+ background-color: var(--muted-foreground);
1483
+ @supports (color: color-mix(in lab, red, red)) {
1484
+ background-color: color-mix(in oklab,var(--muted-foreground)30%,transparent);
1485
+ }
1486
+ }
1487
+ }
1488
+ .turtle-widget-root .bg-muted\/50 {
1489
+ background-color: var(--muted);
1490
+ }
1491
+ @supports (color:color-mix(in lab,red,red)) {
1492
+ .turtle-widget-root .bg-muted\/50 {
1493
+ background-color: var(--muted);
1494
+ @supports (color: color-mix(in lab, red, red)) {
1495
+ background-color: color-mix(in oklab,var(--muted)50%,transparent);
1496
+ }
1497
+ }
1498
+ }
1499
+ .turtle-widget-root .bg-primary, .turtle-widget-root .bg-primary\/10 {
1500
+ background-color: var(--primary);
1501
+ }
1502
+ @supports (color:color-mix(in lab,red,red)) {
1503
+ .turtle-widget-root .bg-primary\/10 {
1504
+ background-color: var(--primary);
1505
+ @supports (color: color-mix(in lab, red, red)) {
1506
+ background-color: color-mix(in oklab,var(--primary)10%,transparent);
1507
+ }
1508
+ }
1509
+ }
1510
+ .turtle-widget-root .bg-primary\/20 {
1511
+ background-color: var(--primary);
1512
+ }
1513
+ @supports (color:color-mix(in lab,red,red)) {
1514
+ .turtle-widget-root .bg-primary\/20 {
1515
+ background-color: var(--primary);
1516
+ @supports (color: color-mix(in lab, red, red)) {
1517
+ background-color: color-mix(in oklab,var(--primary)20%,transparent);
1518
+ }
1519
+ }
1520
+ }
1521
+ .turtle-widget-root .bg-secondary {
1522
+ background-color: var(--secondary);
1523
+ }
1524
+ .turtle-widget-root .bg-transparent {
1525
+ background-color: #0000;
1526
+ }
1527
+ .turtle-widget-root .bg-gradient-to-r {
1528
+ --tw-gradient-position: to right in oklab;
1529
+ background-image: linear-gradient(var(--tw-gradient-stops));
1530
+ }
1531
+ .turtle-widget-root .from-transparent {
1532
+ --tw-gradient-from: transparent;
1533
+ --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));
1534
+ }
1535
+ .turtle-widget-root .via-primary {
1536
+ --tw-gradient-via: var(--primary);
1537
+ --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
1538
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1539
+ }
1540
+ .turtle-widget-root .to-transparent {
1541
+ --tw-gradient-to: transparent;
1542
+ --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));
1543
+ }
1544
+ .turtle-widget-root .fill-primary {
1545
+ fill: var(--primary);
1546
+ }
1547
+ .turtle-widget-root .object-contain {
1548
+ object-fit: contain;
1549
+ }
1550
+ .turtle-widget-root .p-0 {
1551
+ padding: calc(var(--spacing)*0);
1552
+ }
1553
+ .turtle-widget-root .p-1 {
1554
+ padding: calc(var(--spacing)*1);
1555
+ }
1556
+ .turtle-widget-root .p-2 {
1557
+ padding: calc(var(--spacing)*2);
1558
+ }
1559
+ .turtle-widget-root .p-3 {
1560
+ padding: calc(var(--spacing)*3);
1561
+ }
1562
+ .turtle-widget-root .p-4 {
1563
+ padding: calc(var(--spacing)*4);
1564
+ }
1565
+ .turtle-widget-root .p-6 {
1566
+ padding: calc(var(--spacing)*6);
1567
+ }
1568
+ .turtle-widget-root .p-8 {
1569
+ padding: calc(var(--spacing)*8);
1570
+ }
1571
+ .turtle-widget-root .p-px {
1572
+ padding: 1px;
1573
+ }
1574
+ .turtle-widget-root .px-1\.5 {
1575
+ padding-inline: calc(var(--spacing)*1.5);
1576
+ }
1577
+ .turtle-widget-root .px-2 {
1578
+ padding-inline: calc(var(--spacing)*2);
1579
+ }
1580
+ .turtle-widget-root .px-2\.5 {
1581
+ padding-inline: calc(var(--spacing)*2.5);
1582
+ }
1583
+ .turtle-widget-root .px-3 {
1584
+ padding-inline: calc(var(--spacing)*3);
1585
+ }
1586
+ .turtle-widget-root .px-4 {
1587
+ padding-inline: calc(var(--spacing)*4);
1588
+ }
1589
+ .turtle-widget-root .px-6 {
1590
+ padding-inline: calc(var(--spacing)*6);
1591
+ }
1592
+ .turtle-widget-root .py-1 {
1593
+ padding-block: calc(var(--spacing)*1);
1594
+ }
1595
+ .turtle-widget-root .py-1\.5 {
1596
+ padding-block: calc(var(--spacing)*1.5);
1597
+ }
1598
+ .turtle-widget-root .py-2 {
1599
+ padding-block: calc(var(--spacing)*2);
1600
+ }
1601
+ .turtle-widget-root .py-3 {
1602
+ padding-block: calc(var(--spacing)*3);
1603
+ }
1604
+ .turtle-widget-root .py-4 {
1605
+ padding-block: calc(var(--spacing)*4);
1606
+ }
1607
+ .turtle-widget-root .pt-0 {
1608
+ padding-top: calc(var(--spacing)*0);
1609
+ }
1610
+ .turtle-widget-root .pt-2 {
1611
+ padding-top: calc(var(--spacing)*2);
1612
+ }
1613
+ .turtle-widget-root .pr-8 {
1614
+ padding-right: calc(var(--spacing)*8);
1615
+ }
1616
+ .turtle-widget-root .pb-4 {
1617
+ padding-bottom: calc(var(--spacing)*4);
1618
+ }
1619
+ .turtle-widget-root .pl-2 {
1620
+ padding-left: calc(var(--spacing)*2);
1621
+ }
1622
+ .turtle-widget-root .text-center {
1623
+ text-align: center;
1624
+ }
1625
+ .turtle-widget-root .text-left {
1626
+ text-align: left;
1627
+ }
1628
+ .turtle-widget-root .text-right {
1629
+ text-align: right;
1630
+ }
1631
+ .turtle-widget-root .font-mono {
1632
+ font-family: var(--font-mono);
1633
+ }
1634
+ .turtle-widget-root .text-2xl {
1635
+ font-size: var(--text-2xl);
1636
+ line-height: var(--tw-leading,var(--text-2xl--line-height));
1637
+ }
1638
+ .turtle-widget-root .text-3xl {
1639
+ font-size: var(--text-3xl);
1640
+ line-height: var(--tw-leading,var(--text-3xl--line-height));
1641
+ }
1642
+ .turtle-widget-root .text-4xl {
1643
+ font-size: var(--text-4xl);
1644
+ line-height: var(--tw-leading,var(--text-4xl--line-height));
1645
+ }
1646
+ .turtle-widget-root .text-5xl {
1647
+ font-size: var(--text-5xl);
1648
+ line-height: var(--tw-leading,var(--text-5xl--line-height));
1649
+ }
1650
+ .turtle-widget-root .text-6xl {
1651
+ font-size: var(--text-6xl);
1652
+ line-height: var(--tw-leading,var(--text-6xl--line-height));
1653
+ }
1654
+ .turtle-widget-root .text-7xl {
1655
+ font-size: var(--text-7xl);
1656
+ line-height: var(--tw-leading,var(--text-7xl--line-height));
1657
+ }
1658
+ .turtle-widget-root .text-8xl {
1659
+ font-size: var(--text-8xl);
1660
+ line-height: var(--tw-leading,var(--text-8xl--line-height));
1661
+ }
1662
+ .turtle-widget-root .text-base {
1663
+ font-size: var(--text-base);
1664
+ line-height: var(--tw-leading,var(--text-base--line-height));
1665
+ }
1666
+ .turtle-widget-root .text-lg {
1667
+ font-size: var(--text-lg);
1668
+ line-height: var(--tw-leading,var(--text-lg--line-height));
1669
+ }
1670
+ .turtle-widget-root .text-sm {
1671
+ font-size: var(--text-sm);
1672
+ line-height: var(--tw-leading,var(--text-sm--line-height));
1673
+ }
1674
+ .turtle-widget-root .text-xl {
1675
+ font-size: var(--text-xl);
1676
+ line-height: var(--tw-leading,var(--text-xl--line-height));
1677
+ }
1678
+ .turtle-widget-root .text-xs {
1679
+ font-size: var(--text-xs);
1680
+ line-height: var(--tw-leading,var(--text-xs--line-height));
1681
+ }
1682
+ .turtle-widget-root .leading-none {
1683
+ --tw-leading: 1;
1684
+ line-height: 1;
1685
+ }
1686
+ .turtle-widget-root .font-bold {
1687
+ --tw-font-weight: var(--font-weight-bold);
1688
+ font-weight: var(--font-weight-bold);
1689
+ }
1690
+ .turtle-widget-root .font-medium {
1691
+ --tw-font-weight: var(--font-weight-medium);
1692
+ font-weight: var(--font-weight-medium);
1693
+ }
1694
+ .turtle-widget-root .font-semibold {
1695
+ --tw-font-weight: var(--font-weight-semibold);
1696
+ font-weight: var(--font-weight-semibold);
1697
+ }
1698
+ .turtle-widget-root .tracking-tight {
1699
+ --tw-tracking: var(--tracking-tight);
1700
+ letter-spacing: var(--tracking-tight);
1701
+ }
1702
+ .turtle-widget-root .text-balance {
1703
+ text-wrap: balance;
1704
+ }
1705
+ .turtle-widget-root .whitespace-nowrap {
1706
+ white-space: nowrap;
1707
+ }
1708
+ .turtle-widget-root .text-destructive {
1709
+ color: var(--destructive);
1710
+ }
1711
+ .turtle-widget-root .text-foreground {
1712
+ color: var(--foreground);
1713
+ }
1714
+ .turtle-widget-root .text-green-600 {
1715
+ color: var(--color-green-600);
1716
+ }
1717
+ .turtle-widget-root .text-muted-foreground, .turtle-widget-root .text-muted-foreground\/70 {
1718
+ color: var(--muted-foreground);
1719
+ }
1720
+ @supports (color:color-mix(in lab,red,red)) {
1721
+ .turtle-widget-root .text-muted-foreground\/70 {
1722
+ color: var(--muted-foreground);
1723
+ @supports (color: color-mix(in lab, red, red)) {
1724
+ color: color-mix(in oklab,var(--muted-foreground)70%,transparent);
1725
+ }
1726
+ }
1727
+ }
1728
+ .turtle-widget-root .text-primary {
1729
+ color: var(--primary);
1730
+ }
1731
+ .turtle-widget-root .text-primary-foreground {
1732
+ color: var(--primary-foreground);
1733
+ }
1734
+ .turtle-widget-root .text-red-600 {
1735
+ color: var(--color-red-600);
1736
+ }
1737
+ .turtle-widget-root .text-secondary-foreground {
1738
+ color: var(--secondary-foreground);
1739
+ }
1740
+ .turtle-widget-root .text-yellow-600 {
1741
+ color: var(--color-yellow-600);
1742
+ }
1743
+ .turtle-widget-root .caret-foreground {
1744
+ caret-color: var(--foreground);
1745
+ }
1746
+ .turtle-widget-root .caret-green-500 {
1747
+ caret-color: var(--color-green-500);
1748
+ }
1749
+ .turtle-widget-root .caret-primary {
1750
+ caret-color: var(--primary);
1751
+ }
1752
+ .turtle-widget-root .caret-white {
1753
+ caret-color: var(--color-white);
1754
+ }
1755
+ .turtle-widget-root .opacity-50 {
1756
+ opacity: .5;
1757
+ }
1758
+ .turtle-widget-root .shadow {
1759
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
1760
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1761
+ }
1762
+ .turtle-widget-root .shadow-\[0_0_4px_0_hsl\(var\(--primary\)\)\] {
1763
+ --tw-shadow: 0 0 4px 0 var(--tw-shadow-color,hsl(var(--primary)));
1764
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1765
+ }
1766
+ .turtle-widget-root .shadow-\[0_0_20px_0_rgba\(0\,0\,0\,0\.25\)\] {
1767
+ --tw-shadow: 0 0 20px 0 var(--tw-shadow-color,#00000040);
1768
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1769
+ }
1770
+ .turtle-widget-root .shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
1771
+ --tw-shadow: 0 4px 4px 0 var(--tw-shadow-color,#00000040);
1772
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1773
+ }
1774
+ .turtle-widget-root .shadow-md {
1775
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
1776
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1777
+ }
1778
+ .turtle-widget-root .shadow-none {
1779
+ --tw-shadow: 0 0 #0000;
1780
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1781
+ }
1782
+ .turtle-widget-root .shadow-sm {
1783
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
1784
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1785
+ }
1786
+ .turtle-widget-root .shadow-xs {
1787
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
1788
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1789
+ }
1790
+ .turtle-widget-root .ring {
1791
+ --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
1792
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1793
+ }
1794
+ .turtle-widget-root .ring-0 {
1795
+ --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
1796
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1797
+ }
1798
+ .turtle-widget-root .ring-2 {
1799
+ --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
1800
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1801
+ }
1802
+ .turtle-widget-root .ring-primary {
1803
+ --tw-ring-color: var(--primary);
1804
+ }
1805
+ .turtle-widget-root .ring-offset-2 {
1806
+ --tw-ring-offset-width: 2px;
1807
+ --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
1808
+ }
1809
+ .turtle-widget-root .outline-hidden {
1810
+ --tw-outline-style: none;
1811
+ outline-style: none;
1812
+ }
1813
+ @media (forced-colors:active) {
1814
+ .turtle-widget-root .outline-hidden {
1815
+ outline-offset: 2px;
1816
+ outline: 2px solid #0000;
1817
+ }
1818
+ }
1819
+ .turtle-widget-root .outline {
1820
+ outline-style: var(--tw-outline-style);
1821
+ outline-width: 1px;
1822
+ }
1823
+ .turtle-widget-root .transition-\[color\,box-shadow\] {
1824
+ transition-property: color,box-shadow;
1825
+ transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1826
+ transition-duration: var(--tw-duration,var(--default-transition-duration));
1827
+ }
1828
+ .turtle-widget-root .transition-all {
1829
+ transition-property: all;
1830
+ transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1831
+ transition-duration: var(--tw-duration,var(--default-transition-duration));
1832
+ }
1833
+ .turtle-widget-root .transition-colors {
1834
+ transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
1835
+ transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1836
+ transition-duration: var(--tw-duration,var(--default-transition-duration));
1837
+ }
1838
+ .turtle-widget-root .transition-transform {
1839
+ transition-property: transform,translate,scale,rotate;
1840
+ transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1841
+ transition-duration: var(--tw-duration,var(--default-transition-duration));
1842
+ }
1843
+ .turtle-widget-root .duration-200 {
1844
+ --tw-duration: .2s;
1845
+ transition-duration: .2s;
1846
+ }
1847
+ .turtle-widget-root .duration-300 {
1848
+ --tw-duration: .3s;
1849
+ transition-duration: .3s;
1850
+ }
1851
+ .turtle-widget-root .fade-in-0 {
1852
+ --tw-enter-opacity: 0;
1853
+ }
1854
+ .turtle-widget-root .outline-none {
1855
+ --tw-outline-style: none;
1856
+ outline-style: none;
1857
+ }
1858
+ .turtle-widget-root .select-none {
1859
+ -webkit-user-select: none;
1860
+ user-select: none;
1861
+ }
1862
+ .turtle-widget-root .zoom-in-95 {
1863
+ --tw-enter-scale: .95;
1864
+ }
1865
+ .turtle-widget-root .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
1866
+ pointer-events: none;
1867
+ }
1868
+ .turtle-widget-root .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
1869
+ opacity: .5;
1870
+ }
1871
+ .turtle-widget-root .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
1872
+ cursor: not-allowed;
1873
+ }
1874
+ .turtle-widget-root .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
1875
+ opacity: .5;
1876
+ }
1877
+ .turtle-widget-root .selection\:bg-primary ::selection {
1878
+ background-color: var(--primary);
1879
+ }
1880
+ .turtle-widget-root .selection\:bg-primary::selection {
1881
+ background-color: var(--primary);
1882
+ }
1883
+ .turtle-widget-root .selection\:text-primary-foreground ::selection {
1884
+ color: var(--primary-foreground);
1885
+ }
1886
+ .turtle-widget-root .selection\:text-primary-foreground::selection {
1887
+ color: var(--primary-foreground);
1888
+ }
1889
+ .turtle-widget-root .placeholder\:text-muted-foreground::placeholder {
1890
+ color: var(--muted-foreground);
1891
+ }
1892
+ .turtle-widget-root .before\:pointer-events-none:before {
1893
+ content: var(--tw-content);
1894
+ pointer-events: none;
1895
+ }
1896
+ .turtle-widget-root .before\:absolute:before {
1897
+ content: var(--tw-content);
1898
+ position: absolute;
1899
+ }
1900
+ .turtle-widget-root .before\:inset-0:before {
1901
+ content: var(--tw-content);
1902
+ inset: calc(var(--spacing)*0);
1903
+ }
1904
+ .turtle-widget-root .before\:-z-10:before {
1905
+ content: var(--tw-content);
1906
+ z-index: -10;
1907
+ }
1908
+ .turtle-widget-root .before\:rounded-\[inherit\]:before {
1909
+ content: var(--tw-content);
1910
+ border-radius: inherit;
1911
+ }
1912
+ .turtle-widget-root .before\:bg-gradient-to-b:before {
1913
+ content: var(--tw-content);
1914
+ --tw-gradient-position: to bottom in oklab;
1915
+ background-image: linear-gradient(var(--tw-gradient-stops));
1916
+ }
1917
+ .turtle-widget-root .before\:from-\[\#F9F9F9\]:before {
1918
+ content: var(--tw-content);
1919
+ --tw-gradient-from: #f9f9f9;
1920
+ --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));
1921
+ }
1922
+ .turtle-widget-root .before\:from-40\%:before {
1923
+ content: var(--tw-content);
1924
+ --tw-gradient-from-position: 40%;
1925
+ }
1926
+ .turtle-widget-root .before\:via-white:before {
1927
+ content: var(--tw-content);
1928
+ --tw-gradient-via: var(--color-white);
1929
+ --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
1930
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1931
+ }
1932
+ .turtle-widget-root .before\:to-white:before {
1933
+ content: var(--tw-content);
1934
+ --tw-gradient-to: var(--color-white);
1935
+ --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));
1936
+ }
1937
+ .turtle-widget-root .before\:to-50\%:before {
1938
+ content: var(--tw-content);
1939
+ --tw-gradient-to-position: 50%;
1940
+ }
1941
+ .turtle-widget-root .before\:p-px:before {
1942
+ content: var(--tw-content);
1943
+ padding: 1px;
1944
+ }
1945
+ .turtle-widget-root .before\:content-\[\'\'\]:before {
1946
+ --tw-content: "";
1947
+ content: var(--tw-content);
1948
+ }
1949
+ .turtle-widget-root .first\:rounded-l-md:first-child {
1950
+ border-top-left-radius: calc(var(--radius) - 2px);
1951
+ border-bottom-left-radius: calc(var(--radius) - 2px);
1952
+ }
1953
+ .turtle-widget-root .last\:rounded-r-md:last-child {
1954
+ border-top-right-radius: calc(var(--radius) - 2px);
1955
+ border-bottom-right-radius: calc(var(--radius) - 2px);
1956
+ }
1957
+ @media (hover:hover) {
1958
+ .turtle-widget-root .hover\:bg-accent:hover {
1959
+ background-color: var(--accent);
1960
+ }
1961
+ .turtle-widget-root .hover\:bg-background\/90:hover {
1962
+ background-color: var(--background);
1963
+ }
1964
+ @supports (color:color-mix(in lab,red,red)) {
1965
+ .turtle-widget-root .hover\:bg-background\/90:hover {
1966
+ background-color: var(--background);
1967
+ @supports (color: color-mix(in lab, red, red)) {
1968
+ background-color: color-mix(in oklab,var(--background)90%,transparent);
1969
+ }
1970
+ }
1971
+ }
1972
+ .turtle-widget-root .hover\:bg-muted:hover, .turtle-widget-root .hover\:bg-muted\/50:hover {
1973
+ background-color: var(--muted);
1974
+ }
1975
+ @supports (color:color-mix(in lab,red,red)) {
1976
+ .turtle-widget-root .hover\:bg-muted\/50:hover {
1977
+ background-color: var(--muted);
1978
+ @supports (color: color-mix(in lab, red, red)) {
1979
+ background-color: color-mix(in oklab,var(--muted)50%,transparent);
1980
+ }
1981
+ }
1982
+ }
1983
+ .turtle-widget-root .hover\:bg-muted\/80:hover {
1984
+ background-color: var(--muted);
1985
+ }
1986
+ @supports (color:color-mix(in lab,red,red)) {
1987
+ .turtle-widget-root .hover\:bg-muted\/80:hover {
1988
+ background-color: var(--muted);
1989
+ @supports (color: color-mix(in lab, red, red)) {
1990
+ background-color: color-mix(in oklab,var(--muted)80%,transparent);
1991
+ }
1992
+ }
1993
+ }
1994
+ .turtle-widget-root .hover\:bg-primary:hover, .turtle-widget-root .hover\:bg-primary\/90:hover {
1995
+ background-color: var(--primary);
1996
+ }
1997
+ @supports (color:color-mix(in lab,red,red)) {
1998
+ .turtle-widget-root .hover\:bg-primary\/90:hover {
1999
+ background-color: var(--primary);
2000
+ @supports (color: color-mix(in lab, red, red)) {
2001
+ background-color: color-mix(in oklab,var(--primary)90%,transparent);
2002
+ }
2003
+ }
2004
+ }
2005
+ .turtle-widget-root .hover\:bg-secondary\/80:hover {
2006
+ background-color: var(--secondary);
2007
+ }
2008
+ @supports (color:color-mix(in lab,red,red)) {
2009
+ .turtle-widget-root .hover\:bg-secondary\/80:hover {
2010
+ background-color: var(--secondary);
2011
+ @supports (color: color-mix(in lab, red, red)) {
2012
+ background-color: color-mix(in oklab,var(--secondary)80%,transparent);
2013
+ }
2014
+ }
2015
+ }
2016
+ .turtle-widget-root .hover\:text-accent-foreground:hover {
2017
+ color: var(--accent-foreground);
2018
+ }
2019
+ .turtle-widget-root .hover\:text-foreground:hover {
2020
+ color: var(--foreground);
2021
+ }
2022
+ .turtle-widget-root .hover\:text-muted-foreground:hover {
2023
+ color: var(--muted-foreground);
2024
+ }
2025
+ .turtle-widget-root .hover\:text-primary:hover {
2026
+ color: var(--primary);
2027
+ }
2028
+ .turtle-widget-root .hover\:text-primary-foreground:hover {
2029
+ color: var(--primary-foreground);
2030
+ }
2031
+ .turtle-widget-root .hover\:text-primary\/80:hover {
2032
+ color: var(--primary);
2033
+ }
2034
+ @supports (color:color-mix(in lab,red,red)) {
2035
+ .turtle-widget-root .hover\:text-primary\/80:hover {
2036
+ color: var(--primary);
2037
+ @supports (color: color-mix(in lab, red, red)) {
2038
+ color: color-mix(in oklab,var(--primary)80%,transparent);
2039
+ }
2040
+ }
2041
+ }
2042
+ .turtle-widget-root .hover\:shadow-\[0_0_6px_0_hsl\(var\(--primary\)\)\]:hover {
2043
+ --tw-shadow: 0 0 6px 0 var(--tw-shadow-color,hsl(var(--primary)));
2044
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2045
+ }
2046
+ .turtle-widget-root .hover\:shadow-md:hover {
2047
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
2048
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2049
+ }
2050
+ }
2051
+ .turtle-widget-root .focus\:z-10:focus {
2052
+ z-index: 10;
2053
+ }
2054
+ .turtle-widget-root .focus\:border-none:focus {
2055
+ --tw-border-style: none;
2056
+ border-style: none;
2057
+ }
2058
+ .turtle-widget-root .focus\:border-primary:focus {
2059
+ border-color: var(--primary);
2060
+ }
2061
+ .turtle-widget-root .focus\:bg-muted\/80:focus {
2062
+ background-color: var(--muted);
2063
+ }
2064
+ @supports (color:color-mix(in lab,red,red)) {
2065
+ .turtle-widget-root .focus\:bg-muted\/80:focus {
2066
+ background-color: var(--muted);
2067
+ @supports (color: color-mix(in lab, red, red)) {
2068
+ background-color: color-mix(in oklab,var(--muted)80%,transparent);
2069
+ }
2070
+ }
2071
+ }
2072
+ .turtle-widget-root .focus\:ring-0:focus {
2073
+ --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2074
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2075
+ }
2076
+ .turtle-widget-root .focus\:ring-2:focus {
2077
+ --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2078
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2079
+ }
2080
+ .turtle-widget-root .focus\:ring-primary\/20:focus {
2081
+ --tw-ring-color: var(--primary);
2082
+ }
2083
+ @supports (color:color-mix(in lab,red,red)) {
2084
+ .turtle-widget-root .focus\:ring-primary\/20:focus {
2085
+ --tw-ring-color: var(--primary);
2086
+ @supports (color: color-mix(in lab, red, red)) {
2087
+ --tw-ring-color: color-mix(in oklab,var(--primary)20%,transparent);
2088
+ }
2089
+ }
2090
+ }
2091
+ .turtle-widget-root .focus\:outline-none:focus {
2092
+ --tw-outline-style: none;
2093
+ outline-style: none;
2094
+ }
2095
+ .turtle-widget-root .focus-visible\:z-10:focus-visible {
2096
+ z-index: 10;
2097
+ }
2098
+ .turtle-widget-root .focus-visible\:border-ring:focus-visible {
2099
+ border-color: var(--ring);
2100
+ }
2101
+ .turtle-widget-root .focus-visible\:ring-\[3px\]:focus-visible {
2102
+ --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2103
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2104
+ }
2105
+ .turtle-widget-root .focus-visible\:ring-ring\/50:focus-visible {
2106
+ --tw-ring-color: var(--ring);
2107
+ }
2108
+ @supports (color:color-mix(in lab,red,red)) {
2109
+ .turtle-widget-root .focus-visible\:ring-ring\/50:focus-visible {
2110
+ --tw-ring-color: var(--ring);
2111
+ @supports (color: color-mix(in lab, red, red)) {
2112
+ --tw-ring-color: color-mix(in oklab,var(--ring)50%,transparent);
2113
+ }
2114
+ }
2115
+ }
2116
+ .turtle-widget-root .focus-visible\:outline-1:focus-visible {
2117
+ outline-style: var(--tw-outline-style);
2118
+ outline-width: 1px;
2119
+ }
2120
+ .turtle-widget-root .disabled\:pointer-events-none:disabled {
2121
+ pointer-events: none;
2122
+ }
2123
+ .turtle-widget-root .disabled\:cursor-not-allowed:disabled {
2124
+ cursor: not-allowed;
2125
+ }
2126
+ .turtle-widget-root .disabled\:opacity-50:disabled {
2127
+ opacity: .5;
2128
+ }
2129
+ .turtle-widget-root .has-\[\>svg\]\:px-2\.5:has(>svg) {
2130
+ padding-inline: calc(var(--spacing)*2.5);
2131
+ }
2132
+ .turtle-widget-root .has-\[\>svg\]\:px-3:has(>svg) {
2133
+ padding-inline: calc(var(--spacing)*3);
2134
+ }
2135
+ .turtle-widget-root .has-\[\>svg\]\:px-4:has(>svg) {
2136
+ padding-inline: calc(var(--spacing)*4);
2137
+ }
2138
+ .turtle-widget-root .aria-invalid\:border-destructive[aria-invalid=true] {
2139
+ border-color: var(--destructive);
2140
+ }
2141
+ .turtle-widget-root .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
2142
+ --tw-ring-color: var(--destructive);
2143
+ }
2144
+ @supports (color:color-mix(in lab,red,red)) {
2145
+ .turtle-widget-root .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
2146
+ --tw-ring-color: var(--destructive);
2147
+ @supports (color: color-mix(in lab, red, red)) {
2148
+ --tw-ring-color: color-mix(in oklab,var(--destructive)20%,transparent);
2149
+ }
2150
+ }
2151
+ }
2152
+ .turtle-widget-root .data-\[disabled\]\:pointer-events-none[data-disabled] {
2153
+ pointer-events: none;
2154
+ }
2155
+ .turtle-widget-root .data-\[disabled\]\:opacity-50[data-disabled] {
2156
+ opacity: .5;
2157
+ }
2158
+ .turtle-widget-root .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] {
2159
+ height: 1px;
2160
+ }
2161
+ .turtle-widget-root .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal] {
2162
+ width: 100%;
2163
+ }
2164
+ .turtle-widget-root .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical] {
2165
+ height: 100%;
2166
+ }
2167
+ .turtle-widget-root .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] {
2168
+ width: 1px;
2169
+ }
2170
+ .turtle-widget-root .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
2171
+ color: var(--muted-foreground);
2172
+ }
2173
+ .turtle-widget-root .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
2174
+ --tw-translate-y: calc(var(--spacing)*1);
2175
+ translate: var(--tw-translate-x)var(--tw-translate-y);
2176
+ }
2177
+ .turtle-widget-root .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
2178
+ --tw-enter-translate-y: calc(2*var(--spacing)*-1);
2179
+ }
2180
+ .turtle-widget-root .data-\[side\=left\]\:-translate-x-1[data-side=left] {
2181
+ --tw-translate-x: calc(var(--spacing)*-1);
2182
+ translate: var(--tw-translate-x)var(--tw-translate-y);
2183
+ }
2184
+ .turtle-widget-root .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
2185
+ --tw-enter-translate-x: calc(2*var(--spacing));
2186
+ }
2187
+ .turtle-widget-root .data-\[side\=right\]\:translate-x-1[data-side=right] {
2188
+ --tw-translate-x: calc(var(--spacing)*1);
2189
+ translate: var(--tw-translate-x)var(--tw-translate-y);
2190
+ }
2191
+ .turtle-widget-root .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
2192
+ --tw-enter-translate-x: calc(2*var(--spacing)*-1);
2193
+ }
2194
+ .turtle-widget-root .data-\[side\=top\]\:-translate-y-1[data-side=top] {
2195
+ --tw-translate-y: calc(var(--spacing)*-1);
2196
+ translate: var(--tw-translate-x)var(--tw-translate-y);
2197
+ }
2198
+ .turtle-widget-root .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
2199
+ --tw-enter-translate-y: calc(2*var(--spacing));
2200
+ }
2201
+ .turtle-widget-root .data-\[size\=default\]\:h-9[data-size=default] {
2202
+ height: calc(var(--spacing)*9);
2203
+ }
2204
+ .turtle-widget-root .data-\[size\=sm\]\:h-8[data-size=sm] {
2205
+ height: calc(var(--spacing)*8);
2206
+ }
2207
+ .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
2208
+ -webkit-line-clamp: 1;
2209
+ -webkit-box-orient: vertical;
2210
+ display: -webkit-box;
2211
+ overflow: hidden;
2212
+ }
2213
+ .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
2214
+ display: flex;
2215
+ }
2216
+ .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
2217
+ align-items: center;
2218
+ }
2219
+ .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value] {
2220
+ gap: calc(var(--spacing)*2);
2221
+ }
2222
+ .turtle-widget-root .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked] {
2223
+ --tw-translate-x: calc(100% - 2px);
2224
+ translate: var(--tw-translate-x)var(--tw-translate-y);
2225
+ }
2226
+ .turtle-widget-root .data-\[state\=checked\]\:bg-primary[data-state=checked] {
2227
+ background-color: var(--primary);
2228
+ }
2229
+ .turtle-widget-root .data-\[state\=closed\]\:animate-out[data-state=closed] {
2230
+ animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
2231
+ }
2232
+ .turtle-widget-root .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
2233
+ --tw-exit-opacity: 0;
2234
+ }
2235
+ .turtle-widget-root .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
2236
+ --tw-exit-scale: .95;
2237
+ }
2238
+ .turtle-widget-root .data-\[state\=on\]\:bg-accent[data-state=on] {
2239
+ background-color: var(--accent);
2240
+ }
2241
+ .turtle-widget-root .data-\[state\=on\]\:text-accent-foreground[data-state=on] {
2242
+ color: var(--accent-foreground);
2243
+ }
2244
+ .turtle-widget-root .data-\[state\=open\]\:animate-in[data-state=open] {
2245
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
2246
+ }
2247
+ .turtle-widget-root .data-\[state\=open\]\:fade-in-0[data-state=open] {
2248
+ --tw-enter-opacity: 0;
2249
+ }
2250
+ .turtle-widget-root .data-\[state\=open\]\:zoom-in-95[data-state=open] {
2251
+ --tw-enter-scale: .95;
2252
+ }
2253
+ .turtle-widget-root .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
2254
+ --tw-translate-x: calc(var(--spacing)*0);
2255
+ translate: var(--tw-translate-x)var(--tw-translate-y);
2256
+ }
2257
+ .turtle-widget-root .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
2258
+ background-color: var(--input);
2259
+ }
2260
+ .turtle-widget-root .data-\[variant\=outline\]\:border-l-0[data-variant=outline] {
2261
+ border-left-style: var(--tw-border-style);
2262
+ border-left-width: 0;
2263
+ }
2264
+ .turtle-widget-root .data-\[variant\=outline\]\:shadow-xs[data-variant=outline] {
2265
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
2266
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2267
+ }
2268
+ .turtle-widget-root .data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child {
2269
+ border-left-style: var(--tw-border-style);
2270
+ border-left-width: 1px;
2271
+ }
2272
+ .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
2273
+ --tw-ring-color: var(--destructive);
2274
+ }
2275
+ @supports (color:color-mix(in lab,red,red)) {
2276
+ .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
2277
+ --tw-ring-color: var(--destructive);
2278
+ @supports (color: color-mix(in lab, red, red)) {
2279
+ --tw-ring-color: color-mix(in oklab,var(--destructive)40%,transparent);
2280
+ }
2281
+ }
2282
+ }
2283
+ .turtle-widget-root .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked] {
2284
+ background-color: var(--primary-foreground);
2285
+ }
2286
+ .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked] {
2287
+ background-color: var(--foreground);
2288
+ }
2289
+ .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
2290
+ background-color: var(--input);
2291
+ }
2292
+ @supports (color:color-mix(in lab,red,red)) {
2293
+ .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
2294
+ background-color: var(--input);
2295
+ @supports (color: color-mix(in lab, red, red)) {
2296
+ background-color: color-mix(in oklab,var(--input)80%,transparent);
2297
+ }
2298
+ }
2299
+ }
2300
+ .turtle-widget-root .\[\&_svg\]\:pointer-events-none svg {
2301
+ pointer-events: none;
2302
+ }
2303
+ .turtle-widget-root .\[\&_svg\]\:shrink-0 svg {
2304
+ flex-shrink: 0;
2305
+ }
2306
+ .turtle-widget-root .\[\&_svg\]\:text-muted-foreground svg {
2307
+ color: var(--muted-foreground);
2308
+ }
2309
+ .turtle-widget-root .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
2310
+ width: calc(var(--spacing)*4);
2311
+ height: calc(var(--spacing)*4);
2312
+ }
2313
+ .turtle-widget-root :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
2314
+ display: flex;
2315
+ }
2316
+ .turtle-widget-root :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child {
2317
+ align-items: center;
2318
+ }
2319
+ .turtle-widget-root :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
2320
+ gap: calc(var(--spacing)*2);
2321
+ }
2322
+ }
2323
+ @property --tw-animation-delay {
2324
+ syntax: "*";
2325
+ inherits: false;
2326
+ initial-value: 0s;
2327
+ }
2328
+ @property --tw-animation-direction {
775
2329
  syntax: "*";
776
2330
  inherits: false;
777
2331
  initial-value: normal;
@@ -841,52 +2395,50 @@
841
2395
  initial-value: 0;
842
2396
  }
843
2397
  .turtle-widget-root {
844
- --color-brand-green: #73F36C;
2398
+ --color-brand-green: #73f36c;
845
2399
  --color-brand-black: #141514;
846
- --color-brand-white: #F9F9F9;
847
- --color-neutral-50: #F9F9F9;
848
- --color-neutral-100: #F1F1F1;
849
- --color-neutral-200: #E5E5E5;
850
- --color-neutral-300: #D1D1D1;
851
- --color-neutral-400: #A3A3A3;
2400
+ --color-brand-white: #f9f9f9;
2401
+ --color-neutral-50: #f9f9f9;
2402
+ --color-neutral-100: #f1f1f1;
2403
+ --color-neutral-200: #e5e5e5;
2404
+ --color-neutral-300: #d1d1d1;
2405
+ --color-neutral-400: #a3a3a3;
852
2406
  --color-neutral-500: #737373;
853
2407
  --color-neutral-600: #525252;
854
2408
  --color-neutral-700: #404040;
855
2409
  --color-neutral-800: #262626;
856
2410
  --color-neutral-900: #141514;
857
- --color-neutral-alpha-2: #F9F9F905;
858
- --color-neutral-alpha-5: #F9F9F90D;
859
- --color-neutral-alpha-10: #F9F9F91A;
860
- --color-neutral-alpha-20: #F9F9F933;
861
- --color-neutral-alpha-30: #F9F9F94D;
862
- --color-neutral-alpha-50: #FFFFFF80;
863
- --color-brand-green-alpha-10: #47A73B1A;
864
- --color-brand-green-alpha-20: #73F36C33;
865
- --color-brand-aqua: #AAF1D5;
2411
+ --color-neutral-alpha-2: #f9f9f905;
2412
+ --color-neutral-alpha-5: #f9f9f90d;
2413
+ --color-neutral-alpha-10: #f9f9f91a;
2414
+ --color-neutral-alpha-20: #f9f9f933;
2415
+ --color-neutral-alpha-30: #f9f9f94d;
2416
+ --color-neutral-alpha-50: #ffffff80;
2417
+ --color-brand-green-alpha-10: #47a73b1a;
2418
+ --color-brand-green-alpha-20: #73f36c33;
2419
+ --color-brand-aqua: #aaf1d5;
866
2420
  --color-neutral-alpha-dark-2: #14151405;
867
- --color-neutral-alpha-dark-5: #1415140D;
868
- --color-neutral-alpha-dark-10: #1415141A;
2421
+ --color-neutral-alpha-dark-5: #1415140d;
2422
+ --color-neutral-alpha-dark-10: #1415141a;
869
2423
  --color-neutral-alpha-dark-20: #14151433;
870
- --color-neutral-alpha-dark-30: #1415144D;
2424
+ --color-neutral-alpha-dark-30: #1415144d;
871
2425
  --color-neutral-alpha-dark-50: #14151480;
872
- --color-success: #22C55E;
873
- --color-success-light: #DCFCE7;
2426
+ --color-success: #22c55e;
2427
+ --color-success-light: #dcfce7;
874
2428
  --color-success-dark: #166534;
875
- --color-error: #EF4444;
876
- --color-error-light: #FEE2E2;
877
- --color-error-dark: #991B1B;
878
- --color-warning: #F59E0B;
879
- --color-warning-light: #FEF3C7;
880
- --color-warning-dark: #92400E;
881
- --color-info: #3B82F6;
882
- --color-info-light: #DBEAFE;
883
- --color-info-dark: #1E40AF;
884
- }
885
- .turtle-widget-root {
2429
+ --color-error: #ef4444;
2430
+ --color-error-light: #fee2e2;
2431
+ --color-error-dark: #991b1b;
2432
+ --color-warning: #f59e0b;
2433
+ --color-warning-light: #fef3c7;
2434
+ --color-warning-dark: #92400e;
2435
+ --color-info: #3b82f6;
2436
+ --color-info-light: #dbeafe;
2437
+ --color-info-dark: #1e40af;
886
2438
  --spacing-0: 0px;
887
- --spacing-1: 0.25rem;
888
- --spacing-2: 0.5rem;
889
- --spacing-3: 0.75rem;
2439
+ --spacing-1: .25rem;
2440
+ --spacing-2: .5rem;
2441
+ --spacing-3: .75rem;
890
2442
  --spacing-4: 1rem;
891
2443
  --spacing-5: 1.25rem;
892
2444
  --spacing-6: 1.5rem;
@@ -913,18 +2465,16 @@
913
2465
  --spacing-section-gap: var(--spacing-8);
914
2466
  --spacing-component-gap: var(--spacing-4);
915
2467
  --spacing-element-gap: var(--spacing-2);
916
- }
917
- .turtle-widget-root {
918
2468
  --radius-none: 0px;
919
- --radius-xs: 0.125rem;
920
- --radius-sm: 0.25rem;
921
- --radius-md: 0.375rem;
922
- --radius-lg: 0.5rem;
923
- --radius-xl: 0.75rem;
2469
+ --radius-xs: .125rem;
2470
+ --radius-sm: .25rem;
2471
+ --radius-md: .375rem;
2472
+ --radius-lg: .5rem;
2473
+ --radius-xl: .75rem;
924
2474
  --radius-2xl: 1rem;
925
2475
  --radius-3xl: 1.5rem;
926
2476
  --radius-full: 9999px;
927
- --radius-default: 0.625rem;
2477
+ --radius-default: .625rem;
928
2478
  --radius-button: var(--radius-full);
929
2479
  --radius-card: var(--radius-xl);
930
2480
  --radius-input: var(--radius-md);
@@ -939,17 +2489,11 @@
939
2489
  --radius-tab: var(--radius-lg);
940
2490
  --radius-dropdown: var(--radius-lg);
941
2491
  --radius-popover: var(--radius-lg);
942
- }
943
- .turtle-widget-root {
944
- --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
945
- "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
946
- sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
947
- "Segoe UI Symbol", "Noto Color Emoji";
948
- --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas,
949
- "Liberation Mono", Menlo, monospace;
2492
+ --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
2493
+ --font-mono: ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;
950
2494
  --font-display: var(--font-sans);
951
- --text-xs: 0.75rem;
952
- --text-sm: 0.875rem;
2495
+ --text-xs: .75rem;
2496
+ --text-sm: .875rem;
953
2497
  --text-base: 1rem;
954
2498
  --text-lg: 1.125rem;
955
2499
  --text-xl: 1.25rem;
@@ -988,14 +2532,12 @@
988
2532
  --font-weight-bold: 700;
989
2533
  --font-weight-extrabold: 800;
990
2534
  --font-weight-black: 900;
991
- --tracking-tighter: -0.05em;
992
- --tracking-tight: -0.025em;
2535
+ --tracking-tighter: -.05em;
2536
+ --tracking-tight: -.025em;
993
2537
  --tracking-normal: 0em;
994
- --tracking-wide: 0.025em;
995
- --tracking-wider: 0.05em;
996
- --tracking-widest: 0.1em;
997
- }
998
- .turtle-widget-root {
2538
+ --tracking-wide: .025em;
2539
+ --tracking-wider: .05em;
2540
+ --tracking-widest: .1em;
999
2541
  --background: var(--color-brand-black);
1000
2542
  --foreground: var(--color-brand-white);
1001
2543
  --card: var(--color-brand-black);
@@ -1043,26 +2585,112 @@
1043
2585
  --input: var(--color-neutral-alpha-2);
1044
2586
  --ring: var(--color-brand-green);
1045
2587
  }
1046
- @layer base {
1047
- .turtle-widget-root * {
1048
- border-color: var(--border);
1049
- outline-color: var(--ring);
1050
- @supports (color: color-mix(in lab, red, red)) {
1051
- outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
1052
- }
2588
+ @property --tw-gradient-position {
2589
+ syntax: "*";
2590
+ inherits: false;
2591
+ }
2592
+ @property --tw-gradient-from {
2593
+ syntax: "<color>";
2594
+ inherits: false;
2595
+ initial-value: #0000;
2596
+ }
2597
+ @property --tw-gradient-via {
2598
+ syntax: "<color>";
2599
+ inherits: false;
2600
+ initial-value: #0000;
2601
+ }
2602
+ @property --tw-gradient-to {
2603
+ syntax: "<color>";
2604
+ inherits: false;
2605
+ initial-value: #0000;
2606
+ }
2607
+ @property --tw-gradient-stops {
2608
+ syntax: "*";
2609
+ inherits: false;
2610
+ }
2611
+ @property --tw-gradient-via-stops {
2612
+ syntax: "*";
2613
+ inherits: false;
2614
+ }
2615
+ @property --tw-gradient-from-position {
2616
+ syntax: "<length-percentage>";
2617
+ inherits: false;
2618
+ initial-value: 0%;
2619
+ }
2620
+ @property --tw-gradient-via-position {
2621
+ syntax: "<length-percentage>";
2622
+ inherits: false;
2623
+ initial-value: 50%;
2624
+ }
2625
+ @property --tw-gradient-to-position {
2626
+ syntax: "<length-percentage>";
2627
+ inherits: false;
2628
+ initial-value: 100%;
2629
+ }
2630
+ @property --tw-leading {
2631
+ syntax: "*";
2632
+ inherits: false;
2633
+ }
2634
+ @property --tw-tracking {
2635
+ syntax: "*";
2636
+ inherits: false;
2637
+ }
2638
+ @property --tw-outline-style {
2639
+ syntax: "*";
2640
+ inherits: false;
2641
+ initial-value: solid;
2642
+ }
2643
+ @property --tw-content {
2644
+ syntax: "*";
2645
+ inherits: false;
2646
+ initial-value: "";
2647
+ }
2648
+ @keyframes spin {
2649
+ to {
2650
+ transform: rotate(360deg);
1053
2651
  }
1054
- .turtle-widget-root, .turtle-widget-root {
1055
- width: 100%;
1056
- height: 100%;
1057
- font-family: var(--font-sans);
1058
- -webkit-font-smoothing: antialiased;
1059
- -moz-osx-font-smoothing: grayscale;
2652
+ }
2653
+ @keyframes pulse {
2654
+ 50% {
2655
+ opacity: .5;
1060
2656
  }
1061
- .turtle-widget-root {
1062
- background-color: var(--background);
1063
- color: var(--foreground);
2657
+ }
2658
+ @keyframes enter {
2659
+ 0% {
2660
+ opacity: var(--tw-enter-opacity,1);
2661
+ 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));
2662
+ }
2663
+ }
2664
+ @keyframes exit {
2665
+ to {
2666
+ opacity: var(--tw-exit-opacity,1);
2667
+ 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));
1064
2668
  }
1065
2669
  }
2670
+ .turtle-widget-root {
2671
+ --color-brand-green: #73F36C;
2672
+ --color-brand-black: #141514;
2673
+ --color-brand-white: #F9F9F9;
2674
+ --background: var(--color-brand-black);
2675
+ --foreground: var(--color-brand-white);
2676
+ --primary: var(--color-brand-green);
2677
+ --primary-foreground: var(--color-brand-black);
2678
+ --card: var(--color-brand-black);
2679
+ --card-foreground: var(--color-brand-white);
2680
+ --border: var(--color-neutral-alpha-10, #F9F9F91A);
2681
+ --input: var(--color-neutral-alpha-2, #F9F9F905);
2682
+ --ring: var(--color-brand-green);
2683
+ --muted: var(--color-neutral-alpha-2, #F9F9F905);
2684
+ --muted-foreground: var(--color-neutral-alpha-50, #FFFFFF80);
2685
+ --radius: var(--radius-default, 0.625rem);
2686
+ }
2687
+ .turtle-widget-root .no-scrollbar {
2688
+ scrollbar-width: none;
2689
+ -ms-overflow-style: none;
2690
+ }
2691
+ .turtle-widget-root .no-scrollbar::-webkit-scrollbar {
2692
+ display: none;
2693
+ }
1066
2694
  @property --tw-translate-x {
1067
2695
  syntax: "*";
1068
2696
  inherits: false;
@@ -1078,11 +2706,36 @@
1078
2706
  inherits: false;
1079
2707
  initial-value: 0;
1080
2708
  }
2709
+ @property --tw-rotate-x {
2710
+ syntax: "*";
2711
+ inherits: false;
2712
+ }
2713
+ @property --tw-rotate-y {
2714
+ syntax: "*";
2715
+ inherits: false;
2716
+ }
2717
+ @property --tw-rotate-z {
2718
+ syntax: "*";
2719
+ inherits: false;
2720
+ }
2721
+ @property --tw-skew-x {
2722
+ syntax: "*";
2723
+ inherits: false;
2724
+ }
2725
+ @property --tw-skew-y {
2726
+ syntax: "*";
2727
+ inherits: false;
2728
+ }
1081
2729
  @property --tw-space-y-reverse {
1082
2730
  syntax: "*";
1083
2731
  inherits: false;
1084
2732
  initial-value: 0;
1085
2733
  }
2734
+ @property --tw-space-x-reverse {
2735
+ syntax: "*";
2736
+ inherits: false;
2737
+ initial-value: 0;
2738
+ }
1086
2739
  @property --tw-border-style {
1087
2740
  syntax: "*";
1088
2741
  inherits: false;
@@ -1157,6 +2810,59 @@
1157
2810
  inherits: false;
1158
2811
  initial-value: 0 0 #0000;
1159
2812
  }
2813
+ @property --tw-blur {
2814
+ syntax: "*";
2815
+ inherits: false;
2816
+ }
2817
+ @property --tw-brightness {
2818
+ syntax: "*";
2819
+ inherits: false;
2820
+ }
2821
+ @property --tw-contrast {
2822
+ syntax: "*";
2823
+ inherits: false;
2824
+ }
2825
+ @property --tw-grayscale {
2826
+ syntax: "*";
2827
+ inherits: false;
2828
+ }
2829
+ @property --tw-hue-rotate {
2830
+ syntax: "*";
2831
+ inherits: false;
2832
+ }
2833
+ @property --tw-invert {
2834
+ syntax: "*";
2835
+ inherits: false;
2836
+ }
2837
+ @property --tw-opacity {
2838
+ syntax: "*";
2839
+ inherits: false;
2840
+ }
2841
+ @property --tw-saturate {
2842
+ syntax: "*";
2843
+ inherits: false;
2844
+ }
2845
+ @property --tw-sepia {
2846
+ syntax: "*";
2847
+ inherits: false;
2848
+ }
2849
+ @property --tw-drop-shadow {
2850
+ syntax: "*";
2851
+ inherits: false;
2852
+ }
2853
+ @property --tw-drop-shadow-color {
2854
+ syntax: "*";
2855
+ inherits: false;
2856
+ }
2857
+ @property --tw-drop-shadow-alpha {
2858
+ syntax: "<percentage>";
2859
+ inherits: false;
2860
+ initial-value: 100%;
2861
+ }
2862
+ @property --tw-drop-shadow-size {
2863
+ syntax: "*";
2864
+ inherits: false;
2865
+ }
1160
2866
  @property --tw-duration {
1161
2867
  syntax: "*";
1162
2868
  inherits: false;
@@ -1165,9 +2871,9 @@
1165
2871
  syntax: "*";
1166
2872
  inherits: false;
1167
2873
  }
1168
- @keyframes pulse {
1169
- 50% {
1170
- opacity: 0.5;
2874
+ @keyframes spin {
2875
+ to {
2876
+ transform: rotate(360deg);
1171
2877
  }
1172
2878
  }
1173
2879
  @keyframes pulse {
@@ -1181,7 +2887,13 @@
1181
2887
  --tw-translate-x: 0;
1182
2888
  --tw-translate-y: 0;
1183
2889
  --tw-translate-z: 0;
2890
+ --tw-rotate-x: initial;
2891
+ --tw-rotate-y: initial;
2892
+ --tw-rotate-z: initial;
2893
+ --tw-skew-x: initial;
2894
+ --tw-skew-y: initial;
1184
2895
  --tw-space-y-reverse: 0;
2896
+ --tw-space-x-reverse: 0;
1185
2897
  --tw-border-style: solid;
1186
2898
  --tw-font-weight: initial;
1187
2899
  --tw-shadow: 0 0 #0000;
@@ -1198,6 +2910,19 @@
1198
2910
  --tw-ring-offset-width: 0px;
1199
2911
  --tw-ring-offset-color: #fff;
1200
2912
  --tw-ring-offset-shadow: 0 0 #0000;
2913
+ --tw-blur: initial;
2914
+ --tw-brightness: initial;
2915
+ --tw-contrast: initial;
2916
+ --tw-grayscale: initial;
2917
+ --tw-hue-rotate: initial;
2918
+ --tw-invert: initial;
2919
+ --tw-opacity: initial;
2920
+ --tw-saturate: initial;
2921
+ --tw-sepia: initial;
2922
+ --tw-drop-shadow: initial;
2923
+ --tw-drop-shadow-color: initial;
2924
+ --tw-drop-shadow-alpha: 100%;
2925
+ --tw-drop-shadow-size: initial;
1201
2926
  --tw-duration: initial;
1202
2927
  --tw-ease: initial;
1203
2928
  --tw-animation-delay: 0s;
@@ -1215,6 +2940,19 @@
1215
2940
  --tw-exit-scale: 1;
1216
2941
  --tw-exit-translate-x: 0;
1217
2942
  --tw-exit-translate-y: 0;
2943
+ --tw-gradient-position: initial;
2944
+ --tw-gradient-from: #0000;
2945
+ --tw-gradient-via: #0000;
2946
+ --tw-gradient-to: #0000;
2947
+ --tw-gradient-stops: initial;
2948
+ --tw-gradient-via-stops: initial;
2949
+ --tw-gradient-from-position: 0%;
2950
+ --tw-gradient-via-position: 50%;
2951
+ --tw-gradient-to-position: 100%;
2952
+ --tw-leading: initial;
2953
+ --tw-tracking: initial;
2954
+ --tw-outline-style: solid;
2955
+ --tw-content: "";
1218
2956
  }
1219
2957
  }
1220
2958
  }