@turtleclub/earn-widget 0.3.0-beta.4 → 0.3.0-beta.41

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
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
@@ -8,11 +8,16 @@
8
8
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
9
  "Courier New", monospace;
10
10
  --color-red-600: oklch(57.7% 0.245 27.325);
11
+ --color-amber-600: oklch(66.6% 0.179 58.318);
11
12
  --color-yellow-600: oklch(68.1% 0.162 75.834);
12
13
  --color-green-500: oklch(72.3% 0.219 149.579);
13
14
  --color-green-600: oklch(62.7% 0.194 149.214);
15
+ --color-black: #000;
14
16
  --color-white: #fff;
15
17
  --spacing: 0.25rem;
18
+ --container-md: 28rem;
19
+ --container-lg: 32rem;
20
+ --container-6xl: 72rem;
16
21
  --text-xs: 0.75rem;
17
22
  --text-xs--line-height: calc(1 / 0.75);
18
23
  --text-sm: 0.875rem;
@@ -42,12 +47,17 @@
42
47
  --font-weight-semibold: 600;
43
48
  --font-weight-bold: 700;
44
49
  --tracking-tight: -0.025em;
45
- --tracking-wider: 0.05em;
50
+ --tracking-widest: 0.1em;
51
+ --radius-xs: 0.125rem;
52
+ --radius-sm: 0.25rem;
46
53
  --radius-md: 0.375rem;
47
54
  --radius-lg: 0.5rem;
48
55
  --radius-xl: 0.75rem;
56
+ --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
49
57
  --animate-spin: spin 1s linear infinite;
50
58
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
59
+ --blur-lg: 16px;
60
+ --aspect-video: 16 / 9;
51
61
  --default-transition-duration: 150ms;
52
62
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
53
63
  --default-font-family: var(--font-sans);
@@ -186,6 +196,9 @@
186
196
  .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 {
187
197
  padding-block: 0;
188
198
  }
199
+ .turtle-widget-root ::-webkit-calendar-picker-indicator {
200
+ line-height: 1;
201
+ }
189
202
  .turtle-widget-root :-moz-ui-invalid {
190
203
  box-shadow: none;
191
204
  }
@@ -200,36 +213,24 @@
200
213
  }
201
214
  }
202
215
  @layer utilities {
203
- .turtle-widget-root .pointer-events-none {
204
- pointer-events: none;
216
+ .turtle-widget-root .visible {
217
+ visibility: visible;
205
218
  }
206
219
  .turtle-widget-root .absolute {
207
220
  position: absolute;
208
221
  }
209
- .turtle-widget-root .fixed {
210
- position: fixed;
211
- }
212
222
  .turtle-widget-root .relative {
213
223
  position: relative;
214
224
  }
215
225
  .turtle-widget-root .sticky {
216
226
  position: sticky;
217
227
  }
218
- .turtle-widget-root .top-1\/2 {
219
- top: calc(1/2 * 100%);
220
- }
221
- .turtle-widget-root .right-1 {
222
- right: calc(var(--spacing) * 1);
223
- }
224
- .turtle-widget-root .right-2 {
225
- right: calc(var(--spacing) * 2);
228
+ .turtle-widget-root .inset-0 {
229
+ inset: calc(var(--spacing) * 0);
226
230
  }
227
231
  .turtle-widget-root .bottom-0 {
228
232
  bottom: calc(var(--spacing) * 0);
229
233
  }
230
- .turtle-widget-root .bottom-2 {
231
- bottom: calc(var(--spacing) * 2);
232
- }
233
234
  .turtle-widget-root .bottom-3 {
234
235
  bottom: calc(var(--spacing) * 3);
235
236
  }
@@ -272,9 +273,6 @@
272
273
  .turtle-widget-root .mb-2 {
273
274
  margin-bottom: calc(var(--spacing) * 2);
274
275
  }
275
- .turtle-widget-root .mb-3 {
276
- margin-bottom: calc(var(--spacing) * 3);
277
- }
278
276
  .turtle-widget-root .flex {
279
277
  display: flex;
280
278
  }
@@ -285,6 +283,10 @@
285
283
  width: calc(var(--spacing) * 5);
286
284
  height: calc(var(--spacing) * 5);
287
285
  }
286
+ .turtle-widget-root .size-6 {
287
+ width: calc(var(--spacing) * 6);
288
+ height: calc(var(--spacing) * 6);
289
+ }
288
290
  .turtle-widget-root .h-4 {
289
291
  height: calc(var(--spacing) * 4);
290
292
  }
@@ -360,6 +362,12 @@
360
362
  .turtle-widget-root .max-w-\[120px\] {
361
363
  max-width: 120px;
362
364
  }
365
+ .turtle-widget-root .max-w-md {
366
+ max-width: var(--container-md);
367
+ }
368
+ .turtle-widget-root .min-w-\[140px\] {
369
+ min-width: 140px;
370
+ }
363
371
  .turtle-widget-root .flex-1 {
364
372
  flex: 1;
365
373
  }
@@ -373,13 +381,6 @@
373
381
  --tw-translate-x: calc(var(--spacing) * -2.5);
374
382
  translate: var(--tw-translate-x) var(--tw-translate-y);
375
383
  }
376
- .turtle-widget-root .-translate-y-1\/2 {
377
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
378
- translate: var(--tw-translate-x) var(--tw-translate-y);
379
- }
380
- .turtle-widget-root .transform {
381
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
382
- }
383
384
  .turtle-widget-root .animate-pulse {
384
385
  animation: var(--animate-pulse);
385
386
  }
@@ -413,9 +414,6 @@
413
414
  .turtle-widget-root .gap-0\.5 {
414
415
  gap: calc(var(--spacing) * 0.5);
415
416
  }
416
- .turtle-widget-root .gap-1\.5 {
417
- gap: calc(var(--spacing) * 1.5);
418
- }
419
417
  .turtle-widget-root .gap-2 {
420
418
  gap: calc(var(--spacing) * 2);
421
419
  }
@@ -442,11 +440,11 @@
442
440
  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
443
441
  }
444
442
  }
445
- .turtle-widget-root .-space-x-1\.5 {
443
+ .turtle-widget-root .space-y-4 {
446
444
  :where(& > :not(:last-child)) {
447
- --tw-space-x-reverse: 0;
448
- margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
449
- margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
445
+ --tw-space-y-reverse: 0;
446
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
447
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
450
448
  }
451
449
  }
452
450
  .turtle-widget-root .truncate {
@@ -469,9 +467,6 @@
469
467
  .turtle-widget-root .rounded-lg {
470
468
  border-radius: var(--radius-lg);
471
469
  }
472
- .turtle-widget-root .rounded-md {
473
- border-radius: var(--radius-md);
474
- }
475
470
  .turtle-widget-root .rounded-l-none {
476
471
  border-top-left-radius: 0;
477
472
  border-bottom-left-radius: 0;
@@ -486,8 +481,8 @@
486
481
  .turtle-widget-root .object-contain {
487
482
  object-fit: contain;
488
483
  }
489
- .turtle-widget-root .object-cover {
490
- object-fit: cover;
484
+ .turtle-widget-root .p-0 {
485
+ padding: calc(var(--spacing) * 0);
491
486
  }
492
487
  .turtle-widget-root .p-1 {
493
488
  padding: calc(var(--spacing) * 1);
@@ -501,6 +496,9 @@
501
496
  .turtle-widget-root .p-6 {
502
497
  padding: calc(var(--spacing) * 6);
503
498
  }
499
+ .turtle-widget-root .p-8 {
500
+ padding: calc(var(--spacing) * 8);
501
+ }
504
502
  .turtle-widget-root .px-3 {
505
503
  padding-inline: calc(var(--spacing) * 3);
506
504
  }
@@ -510,33 +508,18 @@
510
508
  .turtle-widget-root .py-2 {
511
509
  padding-block: calc(var(--spacing) * 2);
512
510
  }
513
- .turtle-widget-root .py-3 {
514
- padding-block: calc(var(--spacing) * 3);
515
- }
516
511
  .turtle-widget-root .py-8 {
517
512
  padding-block: calc(var(--spacing) * 8);
518
513
  }
519
- .turtle-widget-root .pt-0 {
520
- padding-top: calc(var(--spacing) * 0);
521
- }
522
- .turtle-widget-root .pt-6 {
523
- padding-top: calc(var(--spacing) * 6);
514
+ .turtle-widget-root .pt-2 {
515
+ padding-top: calc(var(--spacing) * 2);
524
516
  }
525
517
  .turtle-widget-root .pr-4 {
526
518
  padding-right: calc(var(--spacing) * 4);
527
519
  }
528
- .turtle-widget-root .pr-12 {
529
- padding-right: calc(var(--spacing) * 12);
530
- }
531
- .turtle-widget-root .pb-0 {
532
- padding-bottom: calc(var(--spacing) * 0);
533
- }
534
520
  .turtle-widget-root .pb-2 {
535
521
  padding-bottom: calc(var(--spacing) * 2);
536
522
  }
537
- .turtle-widget-root .pl-3 {
538
- padding-left: calc(var(--spacing) * 3);
539
- }
540
523
  .turtle-widget-root .text-center {
541
524
  text-align: center;
542
525
  }
@@ -567,9 +550,6 @@
567
550
  font-size: var(--text-xs);
568
551
  line-height: var(--tw-leading, var(--text-xs--line-height));
569
552
  }
570
- .turtle-widget-root .text-\[10px\] {
571
- font-size: 10px;
572
- }
573
553
  .turtle-widget-root .font-bold {
574
554
  --tw-font-weight: var(--font-weight-bold);
575
555
  font-weight: var(--font-weight-bold);
@@ -582,19 +562,6 @@
582
562
  --tw-font-weight: var(--font-weight-semibold);
583
563
  font-weight: var(--font-weight-semibold);
584
564
  }
585
- .turtle-widget-root .tracking-wider {
586
- --tw-tracking: var(--tracking-wider);
587
- letter-spacing: var(--tracking-wider);
588
- }
589
- .turtle-widget-root .whitespace-nowrap {
590
- white-space: nowrap;
591
- }
592
- .turtle-widget-root .capitalize {
593
- text-transform: capitalize;
594
- }
595
- .turtle-widget-root .uppercase {
596
- text-transform: uppercase;
597
- }
598
565
  .turtle-widget-root .underline {
599
566
  text-decoration-line: underline;
600
567
  }
@@ -605,7 +572,7 @@
605
572
  .turtle-widget-root .opacity-30 {
606
573
  opacity: 30%;
607
574
  }
608
- .turtle-widget-root .shadow-sm {
575
+ .turtle-widget-root .shadow {
609
576
  --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));
610
577
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
611
578
  }
@@ -622,6 +589,15 @@
622
589
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
623
590
  transition-duration: var(--tw-duration, var(--default-transition-duration));
624
591
  }
592
+ .turtle-widget-root .transition-opacity {
593
+ transition-property: opacity;
594
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
595
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
596
+ }
597
+ .turtle-widget-root .duration-150 {
598
+ --tw-duration: 150ms;
599
+ transition-duration: 150ms;
600
+ }
625
601
  .turtle-widget-root .duration-700 {
626
602
  --tw-duration: 700ms;
627
603
  transition-duration: 700ms;
@@ -630,23 +606,6 @@
630
606
  --tw-ease: linear;
631
607
  transition-timing-function: linear;
632
608
  }
633
- .turtle-widget-root .focus\:border-transparent {
634
- &:focus {
635
- border-color: transparent;
636
- }
637
- }
638
- .turtle-widget-root .focus\:ring-2 {
639
- &:focus {
640
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
641
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
642
- }
643
- }
644
- .turtle-widget-root .focus\:outline-none {
645
- &:focus {
646
- --tw-outline-style: none;
647
- outline-style: none;
648
- }
649
- }
650
609
  .turtle-widget-root .sm\:min-h-\[690px\] {
651
610
  @media (width >= 40rem) {
652
611
  min-height: 690px;
@@ -668,15 +627,23 @@
668
627
  }
669
628
  }
670
629
  }
671
- /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
630
+ /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
672
631
  @layer properties {
673
632
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
674
633
  .turtle-widget-root *, .turtle-widget-root :before, .turtle-widget-root :after, .turtle-widget-root ::backdrop {
634
+ --tw-border-style: solid;
635
+ --tw-border-spacing-x: 0;
636
+ --tw-border-spacing-y: 0;
675
637
  --tw-translate-x: 0;
676
638
  --tw-translate-y: 0;
677
639
  --tw-translate-z: 0;
640
+ --tw-rotate-x: initial;
641
+ --tw-rotate-y: initial;
642
+ --tw-rotate-z: initial;
643
+ --tw-skew-x: initial;
644
+ --tw-skew-y: initial;
678
645
  --tw-space-y-reverse: 0;
679
- --tw-border-style: solid;
646
+ --tw-space-x-reverse: 0;
680
647
  --tw-gradient-position: initial;
681
648
  --tw-gradient-from: #0000;
682
649
  --tw-gradient-via: #0000;
@@ -689,6 +656,11 @@
689
656
  --tw-leading: initial;
690
657
  --tw-font-weight: initial;
691
658
  --tw-tracking: initial;
659
+ --tw-ordinal: initial;
660
+ --tw-slashed-zero: initial;
661
+ --tw-numeric-figure: initial;
662
+ --tw-numeric-spacing: initial;
663
+ --tw-numeric-fraction: initial;
692
664
  --tw-shadow: 0 0 #0000;
693
665
  --tw-shadow-color: initial;
694
666
  --tw-shadow-alpha: 100%;
@@ -704,18 +676,45 @@
704
676
  --tw-ring-offset-color: #fff;
705
677
  --tw-ring-offset-shadow: 0 0 #0000;
706
678
  --tw-outline-style: solid;
679
+ --tw-blur: initial;
680
+ --tw-brightness: initial;
681
+ --tw-contrast: initial;
682
+ --tw-grayscale: initial;
683
+ --tw-hue-rotate: initial;
684
+ --tw-invert: initial;
685
+ --tw-opacity: initial;
686
+ --tw-saturate: initial;
687
+ --tw-sepia: initial;
688
+ --tw-drop-shadow: initial;
689
+ --tw-drop-shadow-color: initial;
690
+ --tw-drop-shadow-alpha: 100%;
691
+ --tw-drop-shadow-size: initial;
692
+ --tw-backdrop-blur: initial;
693
+ --tw-backdrop-brightness: initial;
694
+ --tw-backdrop-contrast: initial;
695
+ --tw-backdrop-grayscale: initial;
696
+ --tw-backdrop-hue-rotate: initial;
697
+ --tw-backdrop-invert: initial;
698
+ --tw-backdrop-opacity: initial;
699
+ --tw-backdrop-saturate: initial;
700
+ --tw-backdrop-sepia: initial;
707
701
  --tw-duration: initial;
708
702
  --tw-content: "";
703
+ --tw-scale-x: 1;
704
+ --tw-scale-y: 1;
705
+ --tw-scale-z: 1;
709
706
  --tw-animation-delay: 0s;
710
707
  --tw-animation-direction: normal;
711
708
  --tw-animation-duration: initial;
712
709
  --tw-animation-fill-mode: none;
713
710
  --tw-animation-iteration-count: 1;
711
+ --tw-enter-blur: 0;
714
712
  --tw-enter-opacity: 1;
715
713
  --tw-enter-rotate: 0;
716
714
  --tw-enter-scale: 1;
717
715
  --tw-enter-translate-x: 0;
718
716
  --tw-enter-translate-y: 0;
717
+ --tw-exit-blur: 0;
719
718
  --tw-exit-opacity: 1;
720
719
  --tw-exit-rotate: 0;
721
720
  --tw-exit-scale: 1;
@@ -729,11 +728,15 @@
729
728
  --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
730
729
  --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
731
730
  --color-red-600: oklch(57.7% .245 27.325);
731
+ --color-amber-600: oklch(66.6% .179 58.318);
732
732
  --color-yellow-600: oklch(68.1% .162 75.834);
733
733
  --color-green-500: oklch(72.3% .219 149.579);
734
734
  --color-green-600: oklch(62.7% .194 149.214);
735
+ --color-black: #000;
735
736
  --color-white: #fff;
736
737
  --spacing: .25rem;
738
+ --container-lg: 32rem;
739
+ --container-6xl: 72rem;
737
740
  --text-xs: .75rem;
738
741
  --text-xs--line-height: calc(1/.75);
739
742
  --text-sm: .875rem;
@@ -763,15 +766,54 @@
763
766
  --font-weight-semibold: 600;
764
767
  --font-weight-bold: 700;
765
768
  --tracking-tight: -.025em;
769
+ --tracking-widest: .1em;
770
+ --radius-xs: .125rem;
771
+ --radius-sm: calc(var(--radius) - 4px);
766
772
  --radius-md: calc(var(--radius) - 2px);
767
773
  --radius-lg: var(--radius);
768
774
  --radius-xl: calc(var(--radius) + 4px);
775
+ --drop-shadow-lg: 0 4px 4px #00000026;
769
776
  --animate-spin: spin 1s linear infinite;
770
777
  --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
778
+ --blur-lg: 16px;
779
+ --aspect-video: 16/9;
771
780
  --default-transition-duration: .15s;
772
781
  --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
773
782
  --default-font-family: var(--font-sans);
774
783
  --default-mono-font-family: var(--font-mono);
784
+ --radius-full: calc(infinity*1px);
785
+ --radius-turtle: var(--radius-turtle);
786
+ --radius-info-card: var(--radius-info-card);
787
+ --color-background: var(--background);
788
+ --color-foreground: var(--foreground);
789
+ --color-card: var(--card);
790
+ --color-popover: var(--popover);
791
+ --color-popover-foreground: var(--popover-foreground);
792
+ --color-primary: var(--primary);
793
+ --color-primary-foreground: var(--primary-foreground);
794
+ --color-secondary: var(--secondary);
795
+ --color-secondary-foreground: var(--secondary-foreground);
796
+ --color-muted: var(--muted);
797
+ --color-muted-foreground: var(--muted-foreground);
798
+ --color-accent: var(--accent);
799
+ --color-accent-foreground: var(--accent-foreground);
800
+ --color-destructive: var(--destructive);
801
+ --color-border: var(--border);
802
+ --color-input: var(--input);
803
+ --color-ring: var(--ring);
804
+ --color-neutral-alpha-2: var(--color-neutral-alpha-2);
805
+ --color-neutral-alpha-5: var(--color-neutral-alpha-5);
806
+ --color-neutral-alpha-10: var(--color-neutral-alpha-10);
807
+ --color-neutral-alpha-20: var(--color-neutral-alpha-20);
808
+ --color-neutral-alpha-30: var(--color-neutral-alpha-30);
809
+ --color-neutral-alpha-50: var(--color-neutral-alpha-50);
810
+ --color-primary-alpha-10: var(--color-brand-green-alpha-10);
811
+ --color-primary-alpha-20: var(--color-brand-green-alpha-20);
812
+ --color-primary-alpha-30: var(--color-brand-green-alpha-30);
813
+ --color-primary-alpha-50: var(--color-brand-green-alpha-50);
814
+ --border-gradient-white: linear-gradient(175deg,var(--color-neutral-alpha-50)0%,var(--color-neutral-alpha-5)40%,var(--color-neutral-alpha-2)62%,var(--color-neutral-alpha-20)100%)border-box;
815
+ --border-gradient-primary: linear-gradient(175deg,var(--color-primary-alpha-50)0%,var(--color-primary-alpha-20)40%,var(--color-primary-alpha-10)62%,var(--color-primary-alpha-30)100%)border-box;
816
+ --border-gradient-accent: linear-gradient(to bottom,var(--color-primary)0%,var(--color-primary-alpha-50)30%,var(--color-primary-alpha-20)70%,var(--color-primary-alpha-10)100%)border-box;
775
817
  }
776
818
  }
777
819
  @layer base {
@@ -789,7 +831,6 @@
789
831
  }
790
832
  .turtle-widget-root, .turtle-widget-root :host {
791
833
  -webkit-text-size-adjust: 100%;
792
- -moz-tab-size: 4;
793
834
  tab-size: 4;
794
835
  line-height: 1.5;
795
836
  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");
@@ -952,17 +993,16 @@
952
993
  .turtle-widget-root ::-webkit-datetime-edit-meridiem-field {
953
994
  padding-block: 0;
954
995
  }
996
+ .turtle-widget-root ::-webkit-calendar-picker-indicator {
997
+ line-height: 1;
998
+ }
955
999
  .turtle-widget-root :-moz-ui-invalid {
956
1000
  box-shadow: none;
957
1001
  }
958
1002
  .turtle-widget-root button, .turtle-widget-root input:where([type=button],[type=reset],[type=submit]) {
959
- -webkit-appearance: button;
960
- -moz-appearance: button;
961
1003
  appearance: button;
962
1004
  }
963
1005
  .turtle-widget-root ::file-selector-button {
964
- -webkit-appearance: button;
965
- -moz-appearance: button;
966
1006
  appearance: button;
967
1007
  }
968
1008
  .turtle-widget-root ::-webkit-inner-spin-button {
@@ -974,29 +1014,6 @@
974
1014
  .turtle-widget-root [hidden]:where(:not([hidden=until-found])) {
975
1015
  display: none !important;
976
1016
  }
977
- .turtle-widget-root * {
978
- border-color: var(--border);
979
- outline-color: var(--ring);
980
- }
981
- @supports (color:color-mix(in lab,red,red)) {
982
- .turtle-widget-root * {
983
- outline-color: var(--ring);
984
- @supports (color: color-mix(in lab, red, red)) {
985
- outline-color: color-mix(in oklab,var(--ring)50%,transparent);
986
- }
987
- }
988
- }
989
- .turtle-widget-root, .turtle-widget-root {
990
- width: 100%;
991
- height: 100%;
992
- font-family: var(--font-sans);
993
- -webkit-font-smoothing: antialiased;
994
- -moz-osx-font-smoothing: grayscale;
995
- }
996
- .turtle-widget-root {
997
- background-color: var(--background);
998
- color: var(--foreground);
999
- }
1000
1017
  }
1001
1018
  @layer components {
1002
1019
  .turtle-widget-root .managed-table {
@@ -1020,17 +1037,17 @@
1020
1037
  line-height: var(--tw-leading,var(--text-xs--line-height));
1021
1038
  --tw-font-weight: var(--font-weight-normal);
1022
1039
  font-weight: var(--font-weight-normal);
1023
- color: var(--muted-foreground);
1040
+ color: var(--color-muted-foreground);
1024
1041
  }
1025
1042
  .turtle-widget-root .managed-table tbody tr>td {
1026
- background-color: var(--muted);
1043
+ background-color: var(--color-muted);
1027
1044
  height: 38px;
1028
1045
  }
1029
1046
  @supports (color:color-mix(in lab,red,red)) {
1030
1047
  .turtle-widget-root .managed-table tbody tr>td {
1031
- background-color: var(--muted);
1048
+ background-color: var(--color-muted);
1032
1049
  @supports (color: color-mix(in lab, red, red)) {
1033
- background-color: color-mix(in oklab,var(--muted)5%,transparent);
1050
+ background-color: color-mix(in oklab,var(--color-muted)5%,transparent);
1034
1051
  }
1035
1052
  }
1036
1053
  }
@@ -1044,31 +1061,145 @@
1044
1061
  }
1045
1062
  }
1046
1063
  .turtle-widget-root .managed-table tbody tr>td:first-child {
1047
- padding-left: calc(var(--spacing)*4);
1048
1064
  border-top-left-radius: 3.40282e38px;
1049
1065
  border-bottom-left-radius: 3.40282e38px;
1066
+ border-top-left-radius: var(--radius-full);
1067
+ border-bottom-left-radius: var(--radius-full);
1068
+ padding-left: calc(var(--spacing)*4);
1050
1069
  }
1051
1070
  .turtle-widget-root .managed-table tbody tr>td:last-child {
1052
- padding-right: calc(var(--spacing)*4);
1053
1071
  border-top-right-radius: 3.40282e38px;
1054
1072
  border-bottom-right-radius: 3.40282e38px;
1073
+ border-top-right-radius: var(--radius-full);
1074
+ border-bottom-right-radius: var(--radius-full);
1075
+ padding-right: calc(var(--spacing)*4);
1055
1076
  }
1056
1077
  .turtle-widget-root .managed-table tbody tr:hover>td {
1057
- background-color: var(--muted);
1078
+ background-color: var(--color-muted);
1058
1079
  }
1059
1080
  @supports (color:color-mix(in lab,red,red)) {
1060
1081
  .turtle-widget-root .managed-table tbody tr:hover>td {
1061
- background-color: var(--muted);
1082
+ background-color: var(--color-muted);
1062
1083
  @supports (color: color-mix(in lab, red, red)) {
1063
- background-color: color-mix(in oklab,var(--muted)40%,transparent);
1084
+ background-color: color-mix(in oklab,var(--color-muted)40%,transparent);
1064
1085
  }
1065
1086
  }
1066
1087
  }
1067
1088
  }
1068
1089
  @layer utilities {
1090
+ .turtle-widget-root .border-gradient-accent {
1091
+ border-style: var(--tw-border-style);
1092
+ border-width: 1px;
1093
+ border-color: #0000;
1094
+ position: relative;
1095
+ }
1096
+ .turtle-widget-root .border-gradient-accent:before {
1097
+ content: "";
1098
+ pointer-events: none;
1099
+ border-style: var(--tw-border-style);
1100
+ border-radius: inherit;
1101
+ background: var(--border-gradient-accent);
1102
+ border-width: 1px;
1103
+ border-color: #0000;
1104
+ position: absolute;
1105
+ inset: -1px;
1106
+ -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
1107
+ mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
1108
+ -webkit-mask-position: 0 0,0 0;
1109
+ mask-position: 0 0,0 0;
1110
+ -webkit-mask-size: auto,auto;
1111
+ mask-size: auto,auto;
1112
+ -webkit-mask-repeat: repeat,repeat;
1113
+ mask-repeat: repeat,repeat;
1114
+ -webkit-mask-clip: padding-box,border-box;
1115
+ mask-clip: padding-box,border-box;
1116
+ -webkit-mask-origin: padding-box,border-box;
1117
+ mask-origin: padding-box,border-box;
1118
+ -webkit-mask-composite: xor;
1119
+ mask-composite: exclude;
1120
+ -webkit-mask-source-type: auto,auto;
1121
+ mask-mode: match-source,match-source;
1122
+ }
1123
+ .turtle-widget-root .border-gradient-primary {
1124
+ border-style: var(--tw-border-style);
1125
+ border-width: 1px;
1126
+ border-color: #0000;
1127
+ position: relative;
1128
+ }
1129
+ .turtle-widget-root .border-gradient-primary:before {
1130
+ content: "";
1131
+ pointer-events: none;
1132
+ border-style: var(--tw-border-style);
1133
+ border-radius: inherit;
1134
+ background: var(--border-gradient-primary);
1135
+ border-width: 1px;
1136
+ border-color: #0000;
1137
+ position: absolute;
1138
+ inset: -1px;
1139
+ -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
1140
+ mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
1141
+ -webkit-mask-position: 0 0,0 0;
1142
+ mask-position: 0 0,0 0;
1143
+ -webkit-mask-size: auto,auto;
1144
+ mask-size: auto,auto;
1145
+ -webkit-mask-repeat: repeat,repeat;
1146
+ mask-repeat: repeat,repeat;
1147
+ -webkit-mask-clip: padding-box,border-box;
1148
+ mask-clip: padding-box,border-box;
1149
+ -webkit-mask-origin: padding-box,border-box;
1150
+ mask-origin: padding-box,border-box;
1151
+ -webkit-mask-composite: xor;
1152
+ mask-composite: exclude;
1153
+ -webkit-mask-source-type: auto,auto;
1154
+ mask-mode: match-source,match-source;
1155
+ }
1156
+ .turtle-widget-root .border-gradient-white {
1157
+ border-style: var(--tw-border-style);
1158
+ border-width: 1px;
1159
+ border-color: #0000;
1160
+ position: relative;
1161
+ }
1162
+ .turtle-widget-root .border-gradient-white:before {
1163
+ content: "";
1164
+ pointer-events: none;
1165
+ border-style: var(--tw-border-style);
1166
+ border-radius: inherit;
1167
+ background: var(--border-gradient-white);
1168
+ border-width: 1px;
1169
+ border-color: #0000;
1170
+ position: absolute;
1171
+ inset: -1px;
1172
+ -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
1173
+ mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
1174
+ -webkit-mask-position: 0 0,0 0;
1175
+ mask-position: 0 0,0 0;
1176
+ -webkit-mask-size: auto,auto;
1177
+ mask-size: auto,auto;
1178
+ -webkit-mask-repeat: repeat,repeat;
1179
+ mask-repeat: repeat,repeat;
1180
+ -webkit-mask-clip: padding-box,border-box;
1181
+ mask-clip: padding-box,border-box;
1182
+ -webkit-mask-origin: padding-box,border-box;
1183
+ mask-origin: padding-box,border-box;
1184
+ -webkit-mask-composite: xor;
1185
+ mask-composite: exclude;
1186
+ -webkit-mask-source-type: auto,auto;
1187
+ mask-mode: match-source,match-source;
1188
+ }
1069
1189
  .turtle-widget-root .pointer-events-none {
1070
1190
  pointer-events: none;
1071
1191
  }
1192
+ .turtle-widget-root .sr-only {
1193
+ clip-path: inset(50%);
1194
+ white-space: nowrap;
1195
+ border-width: 0;
1196
+ width: 1px;
1197
+ height: 1px;
1198
+ margin: -1px;
1199
+ padding: 0;
1200
+ position: absolute;
1201
+ overflow: hidden;
1202
+ }
1072
1203
  .turtle-widget-root .absolute {
1073
1204
  position: absolute;
1074
1205
  }
@@ -1081,18 +1212,108 @@
1081
1212
  .turtle-widget-root .inset-0 {
1082
1213
  inset: calc(var(--spacing)*0);
1083
1214
  }
1215
+ .turtle-widget-root .inset-0\.5 {
1216
+ inset: calc(var(--spacing)*.5);
1217
+ }
1218
+ .turtle-widget-root .inset-y-0 {
1219
+ inset-block: calc(var(--spacing)*0);
1220
+ }
1221
+ .turtle-widget-root .top-0 {
1222
+ top: calc(var(--spacing)*0);
1223
+ }
1224
+ .turtle-widget-root .top-1\/2 {
1225
+ top: 50%;
1226
+ }
1227
+ .turtle-widget-root .top-4 {
1228
+ top: calc(var(--spacing)*4);
1229
+ }
1230
+ .turtle-widget-root .top-\[-15px\] {
1231
+ top: -15px;
1232
+ }
1233
+ .turtle-widget-root .top-\[-50px\] {
1234
+ top: -50px;
1235
+ }
1236
+ .turtle-widget-root .top-\[-300px\] {
1237
+ top: -300px;
1238
+ }
1239
+ .turtle-widget-root .top-\[1px\] {
1240
+ top: 1px;
1241
+ }
1242
+ .turtle-widget-root .top-\[50\%\] {
1243
+ top: 50%;
1244
+ }
1245
+ .turtle-widget-root .top-\[60\%\] {
1246
+ top: 60%;
1247
+ }
1248
+ .turtle-widget-root .top-full {
1249
+ top: 100%;
1250
+ }
1251
+ .turtle-widget-root .-right-1 {
1252
+ right: calc(var(--spacing)*-1);
1253
+ }
1254
+ .turtle-widget-root .right-1 {
1255
+ right: calc(var(--spacing)*1);
1256
+ }
1084
1257
  .turtle-widget-root .right-2 {
1085
1258
  right: calc(var(--spacing)*2);
1086
1259
  }
1260
+ .turtle-widget-root .right-4 {
1261
+ right: calc(var(--spacing)*4);
1262
+ }
1263
+ .turtle-widget-root .right-\[-150px\] {
1264
+ right: -150px;
1265
+ }
1266
+ .turtle-widget-root .right-\[-220px\] {
1267
+ right: -220px;
1268
+ }
1269
+ .turtle-widget-root .right-\[70px\] {
1270
+ right: 70px;
1271
+ }
1272
+ .turtle-widget-root .-bottom-1 {
1273
+ bottom: calc(var(--spacing)*-1);
1274
+ }
1087
1275
  .turtle-widget-root .bottom-0 {
1088
1276
  bottom: calc(var(--spacing)*0);
1089
1277
  }
1278
+ .turtle-widget-root .bottom-\[-200px\] {
1279
+ bottom: -200px;
1280
+ }
1281
+ .turtle-widget-root .bottom-\[-280px\] {
1282
+ bottom: -280px;
1283
+ }
1284
+ .turtle-widget-root .bottom-\[-300px\] {
1285
+ bottom: -300px;
1286
+ }
1287
+ .turtle-widget-root .left-0 {
1288
+ left: calc(var(--spacing)*0);
1289
+ }
1290
+ .turtle-widget-root .left-2 {
1291
+ left: calc(var(--spacing)*2);
1292
+ }
1293
+ .turtle-widget-root .left-\[-15px\] {
1294
+ left: -15px;
1295
+ }
1296
+ .turtle-widget-root .left-\[-240px\] {
1297
+ left: -240px;
1298
+ }
1299
+ .turtle-widget-root .left-\[50\%\] {
1300
+ left: 50%;
1301
+ }
1302
+ .turtle-widget-root .left-full {
1303
+ left: 100%;
1304
+ }
1305
+ .turtle-widget-root .isolate {
1306
+ isolation: isolate;
1307
+ }
1090
1308
  .turtle-widget-root .z-10 {
1091
1309
  z-index: 10;
1092
1310
  }
1093
1311
  .turtle-widget-root .z-50 {
1094
1312
  z-index: 50;
1095
1313
  }
1314
+ .turtle-widget-root .z-\[-1\] {
1315
+ z-index: -1;
1316
+ }
1096
1317
  .turtle-widget-root .z-\[1\] {
1097
1318
  z-index: 1;
1098
1319
  }
@@ -1127,9 +1348,39 @@
1127
1348
  .turtle-widget-root .-mx-1 {
1128
1349
  margin-inline: calc(var(--spacing)*-1);
1129
1350
  }
1351
+ .turtle-widget-root .mx-auto {
1352
+ margin-inline: auto;
1353
+ }
1354
+ .turtle-widget-root .my-0\.5 {
1355
+ margin-block: calc(var(--spacing)*.5);
1356
+ }
1130
1357
  .turtle-widget-root .my-1 {
1131
1358
  margin-block: calc(var(--spacing)*1);
1132
1359
  }
1360
+ .turtle-widget-root .mt-1\.5 {
1361
+ margin-top: calc(var(--spacing)*1.5);
1362
+ }
1363
+ .turtle-widget-root .mt-2 {
1364
+ margin-top: calc(var(--spacing)*2);
1365
+ }
1366
+ .turtle-widget-root .mt-4 {
1367
+ margin-top: calc(var(--spacing)*4);
1368
+ }
1369
+ .turtle-widget-root .mr-1 {
1370
+ margin-right: calc(var(--spacing)*1);
1371
+ }
1372
+ .turtle-widget-root .mb-1 {
1373
+ margin-bottom: calc(var(--spacing)*1);
1374
+ }
1375
+ .turtle-widget-root .mb-2 {
1376
+ margin-bottom: calc(var(--spacing)*2);
1377
+ }
1378
+ .turtle-widget-root .mb-4 {
1379
+ margin-bottom: calc(var(--spacing)*4);
1380
+ }
1381
+ .turtle-widget-root .ml-1 {
1382
+ margin-left: calc(var(--spacing)*1);
1383
+ }
1133
1384
  .turtle-widget-root .ml-2 {
1134
1385
  margin-left: calc(var(--spacing)*2);
1135
1386
  }
@@ -1145,12 +1396,37 @@
1145
1396
  .turtle-widget-root .grid {
1146
1397
  display: grid;
1147
1398
  }
1399
+ .turtle-widget-root .hidden {
1400
+ display: none;
1401
+ }
1148
1402
  .turtle-widget-root .inline-flex {
1149
1403
  display: inline-flex;
1150
1404
  }
1151
- .turtle-widget-root .size-2\.5 {
1152
- width: calc(var(--spacing)*2.5);
1153
- height: calc(var(--spacing)*2.5);
1405
+ .turtle-widget-root .table {
1406
+ display: table;
1407
+ }
1408
+ .turtle-widget-root .table-caption {
1409
+ display: table-caption;
1410
+ }
1411
+ .turtle-widget-root .table-cell {
1412
+ display: table-cell;
1413
+ }
1414
+ .turtle-widget-root .table-row {
1415
+ display: table-row;
1416
+ }
1417
+ .turtle-widget-root .aspect-square {
1418
+ aspect-ratio: 1;
1419
+ }
1420
+ .turtle-widget-root .aspect-video {
1421
+ aspect-ratio: var(--aspect-video);
1422
+ }
1423
+ .turtle-widget-root .size-2 {
1424
+ width: calc(var(--spacing)*2);
1425
+ height: calc(var(--spacing)*2);
1426
+ }
1427
+ .turtle-widget-root .size-3 {
1428
+ width: calc(var(--spacing)*3);
1429
+ height: calc(var(--spacing)*3);
1154
1430
  }
1155
1431
  .turtle-widget-root .size-3\.5 {
1156
1432
  width: calc(var(--spacing)*3.5);
@@ -1160,10 +1436,41 @@
1160
1436
  width: calc(var(--spacing)*4);
1161
1437
  height: calc(var(--spacing)*4);
1162
1438
  }
1439
+ .turtle-widget-root .size-6 {
1440
+ width: calc(var(--spacing)*6);
1441
+ height: calc(var(--spacing)*6);
1442
+ }
1443
+ .turtle-widget-root .size-8 {
1444
+ width: calc(var(--spacing)*8);
1445
+ height: calc(var(--spacing)*8);
1446
+ }
1163
1447
  .turtle-widget-root .size-9 {
1164
1448
  width: calc(var(--spacing)*9);
1165
1449
  height: calc(var(--spacing)*9);
1166
1450
  }
1451
+ .turtle-widget-root .size-10 {
1452
+ width: calc(var(--spacing)*10);
1453
+ height: calc(var(--spacing)*10);
1454
+ }
1455
+ .turtle-widget-root .size-12 {
1456
+ width: calc(var(--spacing)*12);
1457
+ height: calc(var(--spacing)*12);
1458
+ }
1459
+ .turtle-widget-root .size-\[18px\] {
1460
+ width: 18px;
1461
+ height: 18px;
1462
+ }
1463
+ .turtle-widget-root .size-\[400px\] {
1464
+ width: 400px;
1465
+ height: 400px;
1466
+ }
1467
+ .turtle-widget-root .size-full {
1468
+ width: 100%;
1469
+ height: 100%;
1470
+ }
1471
+ .turtle-widget-root .h-1\.5 {
1472
+ height: calc(var(--spacing)*1.5);
1473
+ }
1167
1474
  .turtle-widget-root .h-2 {
1168
1475
  height: calc(var(--spacing)*2);
1169
1476
  }
@@ -1206,11 +1513,23 @@
1206
1513
  .turtle-widget-root .h-20 {
1207
1514
  height: calc(var(--spacing)*20);
1208
1515
  }
1516
+ .turtle-widget-root .h-24 {
1517
+ height: calc(var(--spacing)*24);
1518
+ }
1209
1519
  .turtle-widget-root .h-\[1\.15rem\] {
1210
1520
  height: 1.15rem;
1211
1521
  }
1212
- .turtle-widget-root .h-\[var\(--radix-select-trigger-height\)\] {
1213
- height: var(--radix-select-trigger-height);
1522
+ .turtle-widget-root .h-\[70px\] {
1523
+ height: 70px;
1524
+ }
1525
+ .turtle-widget-root .h-\[200px\] {
1526
+ height: 200px;
1527
+ }
1528
+ .turtle-widget-root .h-\[400px\] {
1529
+ height: 400px;
1530
+ }
1531
+ .turtle-widget-root .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
1532
+ height: var(--radix-navigation-menu-viewport-height);
1214
1533
  }
1215
1534
  .turtle-widget-root .h-auto {
1216
1535
  height: auto;
@@ -1221,12 +1540,36 @@
1221
1540
  .turtle-widget-root .h-px {
1222
1541
  height: 1px;
1223
1542
  }
1543
+ .turtle-widget-root .h-screen {
1544
+ height: 100vh;
1545
+ }
1546
+ .turtle-widget-root .max-h-\(--radix-dropdown-menu-content-available-height\) {
1547
+ max-height: var(--radix-dropdown-menu-content-available-height);
1548
+ }
1224
1549
  .turtle-widget-root .max-h-\(--radix-select-content-available-height\) {
1225
1550
  max-height: var(--radix-select-content-available-height);
1226
1551
  }
1227
1552
  .turtle-widget-root .max-h-\[600px\] {
1228
1553
  max-height: 600px;
1229
1554
  }
1555
+ .turtle-widget-root .min-h-0 {
1556
+ min-height: calc(var(--spacing)*0);
1557
+ }
1558
+ .turtle-widget-root .min-h-\[calc\(100svh-20px\)\] {
1559
+ min-height: calc(100svh - 20px);
1560
+ }
1561
+ .turtle-widget-root .min-h-\[calc\(var\(--radix-select-trigger-height\)\*2\)\] {
1562
+ min-height: calc(var(--radix-select-trigger-height)*2);
1563
+ }
1564
+ .turtle-widget-root .min-h-svh {
1565
+ min-height: 100svh;
1566
+ }
1567
+ .turtle-widget-root .w-0 {
1568
+ width: calc(var(--spacing)*0);
1569
+ }
1570
+ .turtle-widget-root .w-1 {
1571
+ width: calc(var(--spacing)*1);
1572
+ }
1230
1573
  .turtle-widget-root .w-2 {
1231
1574
  width: calc(var(--spacing)*2);
1232
1575
  }
@@ -1263,6 +1606,27 @@
1263
1606
  .turtle-widget-root .w-20 {
1264
1607
  width: calc(var(--spacing)*20);
1265
1608
  }
1609
+ .turtle-widget-root .w-64 {
1610
+ width: calc(var(--spacing)*64);
1611
+ }
1612
+ .turtle-widget-root .w-72 {
1613
+ width: calc(var(--spacing)*72);
1614
+ }
1615
+ .turtle-widget-root .w-\[400px\] {
1616
+ width: 400px;
1617
+ }
1618
+ .turtle-widget-root .w-\[450px\] {
1619
+ width: 450px;
1620
+ }
1621
+ .turtle-widget-root .w-\[600px\] {
1622
+ width: 600px;
1623
+ }
1624
+ .turtle-widget-root .w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
1625
+ width: var(--radix-dropdown-menu-trigger-width);
1626
+ }
1627
+ .turtle-widget-root .w-\[var\(--radix-select-trigger-width\)\] {
1628
+ width: var(--radix-select-trigger-width);
1629
+ }
1266
1630
  .turtle-widget-root .w-auto {
1267
1631
  width: auto;
1268
1632
  }
@@ -1272,8 +1636,20 @@
1272
1636
  .turtle-widget-root .w-full {
1273
1637
  width: 100%;
1274
1638
  }
1275
- .turtle-widget-root .min-w-0 {
1276
- min-width: calc(var(--spacing)*0);
1639
+ .turtle-widget-root .w-max {
1640
+ width: max-content;
1641
+ }
1642
+ .turtle-widget-root .w-px {
1643
+ width: 1px;
1644
+ }
1645
+ .turtle-widget-root .max-w-6xl {
1646
+ max-width: var(--container-6xl);
1647
+ }
1648
+ .turtle-widget-root .max-w-\[calc\(100\%-2rem\)\] {
1649
+ max-width: calc(100% - 2rem);
1650
+ }
1651
+ .turtle-widget-root .min-w-0 {
1652
+ min-width: calc(var(--spacing)*0);
1277
1653
  }
1278
1654
  .turtle-widget-root .min-w-8 {
1279
1655
  min-width: calc(var(--spacing)*8);
@@ -1293,31 +1669,68 @@
1293
1669
  .turtle-widget-root .min-w-\[80px\] {
1294
1670
  min-width: 80px;
1295
1671
  }
1296
- .turtle-widget-root .min-w-\[var\(--radix-select-trigger-width\)\] {
1297
- min-width: var(--radix-select-trigger-width);
1298
- }
1299
1672
  .turtle-widget-root .flex-1 {
1300
1673
  flex: 1;
1301
1674
  }
1302
1675
  .turtle-widget-root .flex-shrink-0, .turtle-widget-root .shrink-0 {
1303
1676
  flex-shrink: 0;
1304
1677
  }
1678
+ .turtle-widget-root .grow {
1679
+ flex-grow: 1;
1680
+ }
1681
+ .turtle-widget-root .caption-bottom {
1682
+ caption-side: bottom;
1683
+ }
1684
+ .turtle-widget-root .border-separate {
1685
+ border-collapse: separate;
1686
+ }
1687
+ .turtle-widget-root .border-spacing-y-2 {
1688
+ --tw-border-spacing-y: calc(var(--spacing)*2);
1689
+ border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y);
1690
+ }
1691
+ .turtle-widget-root .origin-\(--radix-dropdown-menu-content-transform-origin\) {
1692
+ transform-origin: var(--radix-dropdown-menu-content-transform-origin);
1693
+ }
1694
+ .turtle-widget-root .origin-\(--radix-hover-card-content-transform-origin\) {
1695
+ transform-origin: var(--radix-hover-card-content-transform-origin);
1696
+ }
1305
1697
  .turtle-widget-root .origin-\(--radix-select-content-transform-origin\) {
1306
1698
  transform-origin: var(--radix-select-content-transform-origin);
1307
1699
  }
1308
1700
  .turtle-widget-root .origin-\(--radix-tooltip-content-transform-origin\) {
1309
1701
  transform-origin: var(--radix-tooltip-content-transform-origin);
1310
1702
  }
1703
+ .turtle-widget-root .origin-center {
1704
+ transform-origin: 50%;
1705
+ }
1311
1706
  .turtle-widget-root .origin-left {
1312
1707
  transform-origin: 0;
1313
1708
  }
1314
- .turtle-widget-root .translate-y-\[calc\(-50\%_-_2px\)\] {
1315
- --tw-translate-y: calc(-50% - 2px);
1709
+ .turtle-widget-root .translate-x-\[-50\%\] {
1710
+ --tw-translate-x: -50%;
1711
+ translate: var(--tw-translate-x)var(--tw-translate-y);
1712
+ }
1713
+ .turtle-widget-root .translate-x-\[-75\%\] {
1714
+ --tw-translate-x: -75%;
1715
+ translate: var(--tw-translate-x)var(--tw-translate-y);
1716
+ }
1717
+ .turtle-widget-root .-translate-y-1\/2 {
1718
+ --tw-translate-y: -50%;
1719
+ translate: var(--tw-translate-x)var(--tw-translate-y);
1720
+ }
1721
+ .turtle-widget-root .translate-y-\[-50\%\] {
1722
+ --tw-translate-y: -50%;
1316
1723
  translate: var(--tw-translate-x)var(--tw-translate-y);
1317
1724
  }
1318
1725
  .turtle-widget-root .rotate-45 {
1319
1726
  rotate: 45deg;
1320
1727
  }
1728
+ .turtle-widget-root .rotate-180 {
1729
+ rotate: 180deg;
1730
+ }
1731
+ .turtle-widget-root .transform {
1732
+ transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);
1733
+ }
1321
1734
  .turtle-widget-root .animate-in {
1322
1735
  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);
1323
1736
  }
@@ -1345,12 +1758,24 @@
1345
1758
  .turtle-widget-root .scroll-my-1 {
1346
1759
  scroll-margin-block: calc(var(--spacing)*1);
1347
1760
  }
1761
+ .turtle-widget-root .list-none {
1762
+ list-style-type: none;
1763
+ }
1764
+ .turtle-widget-root .auto-cols-fr {
1765
+ grid-auto-columns: minmax(0,1fr);
1766
+ }
1767
+ .turtle-widget-root .grid-flow-col {
1768
+ grid-auto-flow: column;
1769
+ }
1348
1770
  .turtle-widget-root .grid-cols-3 {
1349
1771
  grid-template-columns: repeat(3,minmax(0,1fr));
1350
1772
  }
1351
1773
  .turtle-widget-root .flex-col {
1352
1774
  flex-direction: column;
1353
1775
  }
1776
+ .turtle-widget-root .flex-col-reverse {
1777
+ flex-direction: column-reverse;
1778
+ }
1354
1779
  .turtle-widget-root .flex-row {
1355
1780
  flex-direction: row;
1356
1781
  }
@@ -1363,9 +1788,15 @@
1363
1788
  .turtle-widget-root .items-center {
1364
1789
  align-items: center;
1365
1790
  }
1791
+ .turtle-widget-root .items-end {
1792
+ align-items: flex-end;
1793
+ }
1366
1794
  .turtle-widget-root .items-start {
1367
1795
  align-items: flex-start;
1368
1796
  }
1797
+ .turtle-widget-root .items-stretch {
1798
+ align-items: stretch;
1799
+ }
1369
1800
  .turtle-widget-root .justify-between {
1370
1801
  justify-content: space-between;
1371
1802
  }
@@ -1384,22 +1815,23 @@
1384
1815
  .turtle-widget-root .gap-2 {
1385
1816
  gap: calc(var(--spacing)*2);
1386
1817
  }
1818
+ .turtle-widget-root .gap-2\.5 {
1819
+ gap: calc(var(--spacing)*2.5);
1820
+ }
1387
1821
  .turtle-widget-root .gap-3 {
1388
1822
  gap: calc(var(--spacing)*3);
1389
1823
  }
1390
1824
  .turtle-widget-root .gap-4 {
1391
1825
  gap: calc(var(--spacing)*4);
1392
1826
  }
1827
+ .turtle-widget-root .gap-6 {
1828
+ gap: calc(var(--spacing)*6);
1829
+ }
1393
1830
  .turtle-widget-root :where(.space-y-1>:not(:last-child)) {
1394
1831
  --tw-space-y-reverse: 0;
1395
1832
  margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
1396
1833
  margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)));
1397
1834
  }
1398
- .turtle-widget-root :where(.space-y-1\.5>:not(:last-child)) {
1399
- --tw-space-y-reverse: 0;
1400
- margin-block-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));
1401
- margin-block-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)));
1402
- }
1403
1835
  .turtle-widget-root :where(.space-y-2>:not(:last-child)) {
1404
1836
  --tw-space-y-reverse: 0;
1405
1837
  margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
@@ -1415,10 +1847,10 @@
1415
1847
  margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
1416
1848
  margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)));
1417
1849
  }
1418
- .turtle-widget-root .truncate {
1419
- text-overflow: ellipsis;
1420
- white-space: nowrap;
1421
- overflow: hidden;
1850
+ .turtle-widget-root :where(.-space-x-1>:not(:last-child)) {
1851
+ --tw-space-x-reverse: 0;
1852
+ margin-inline-start: calc(calc(var(--spacing)*-1)*var(--tw-space-x-reverse));
1853
+ margin-inline-end: calc(calc(var(--spacing)*-1)*calc(1 - var(--tw-space-x-reverse)));
1422
1854
  }
1423
1855
  .turtle-widget-root .overflow-auto {
1424
1856
  overflow: auto;
@@ -1446,23 +1878,44 @@
1446
1878
  }
1447
1879
  .turtle-widget-root .rounded-full {
1448
1880
  border-radius: 3.40282e38px;
1881
+ border-radius: var(--radius-full);
1882
+ }
1883
+ .turtle-widget-root .rounded-info-card {
1884
+ border-radius: var(--radius-info-card);
1449
1885
  }
1450
1886
  .turtle-widget-root .rounded-lg {
1451
- border-radius: var(--radius);
1887
+ border-radius: var(--radius-lg);
1452
1888
  }
1453
1889
  .turtle-widget-root .rounded-md {
1454
- border-radius: calc(var(--radius) - 2px);
1890
+ border-radius: var(--radius-md);
1455
1891
  }
1456
1892
  .turtle-widget-root .rounded-none {
1457
1893
  border-radius: 0;
1458
1894
  }
1459
1895
  .turtle-widget-root .rounded-sm {
1460
- border-radius: calc(var(--radius) - 4px);
1896
+ border-radius: var(--radius-sm);
1897
+ }
1898
+ .turtle-widget-root .rounded-turtle {
1899
+ border-radius: var(--radius-turtle);
1461
1900
  }
1462
1901
  .turtle-widget-root .rounded-xl {
1463
- border-radius: calc(var(--radius) + 4px);
1902
+ border-radius: var(--radius-xl);
1903
+ }
1904
+ .turtle-widget-root .rounded-xs {
1905
+ border-radius: var(--radius-xs);
1906
+ }
1907
+ .turtle-widget-root .rounded-t-none {
1908
+ border-top-left-radius: 0;
1909
+ border-top-right-radius: 0;
1910
+ }
1911
+ .turtle-widget-root .rounded-tl-sm {
1912
+ border-top-left-radius: var(--radius-sm);
1464
1913
  }
1465
- .turtle-widget-root .border, .turtle-widget-root .border-1 {
1914
+ .turtle-widget-root .rounded-b-turtle {
1915
+ border-bottom-right-radius: var(--radius-turtle);
1916
+ border-bottom-left-radius: var(--radius-turtle);
1917
+ }
1918
+ .turtle-widget-root .border {
1466
1919
  border-style: var(--tw-border-style);
1467
1920
  border-width: 1px;
1468
1921
  }
@@ -1470,6 +1923,10 @@
1470
1923
  border-style: var(--tw-border-style);
1471
1924
  border-width: 2px;
1472
1925
  }
1926
+ .turtle-widget-root .border-\[1\.5px\] {
1927
+ border-style: var(--tw-border-style);
1928
+ border-width: 1.5px;
1929
+ }
1473
1930
  .turtle-widget-root .border-t {
1474
1931
  border-top-style: var(--tw-border-style);
1475
1932
  border-top-width: 1px;
@@ -1478,46 +1935,50 @@
1478
1935
  border-left-style: var(--tw-border-style);
1479
1936
  border-left-width: 1px;
1480
1937
  }
1938
+ .turtle-widget-root .border-dashed {
1939
+ --tw-border-style: dashed;
1940
+ border-style: dashed;
1941
+ }
1481
1942
  .turtle-widget-root .border-none {
1482
1943
  --tw-border-style: none;
1483
1944
  border-style: none;
1484
1945
  }
1485
- .turtle-widget-root .border-border {
1486
- border-color: var(--border);
1946
+ .turtle-widget-root .border-\(--color-border\) {
1947
+ border-color: var(--color-border);
1948
+ }
1949
+ .turtle-widget-root .border-background {
1950
+ border-color: var(--color-background);
1487
1951
  }
1488
- .turtle-widget-root .border-foreground\/30 {
1489
- border-color: var(--foreground);
1952
+ .turtle-widget-root .border-border, .turtle-widget-root .border-border\/50 {
1953
+ border-color: var(--color-border);
1490
1954
  }
1491
1955
  @supports (color:color-mix(in lab,red,red)) {
1492
- .turtle-widget-root .border-foreground\/30 {
1493
- border-color: var(--foreground);
1956
+ .turtle-widget-root .border-border\/50 {
1957
+ border-color: var(--color-border);
1494
1958
  @supports (color: color-mix(in lab, red, red)) {
1495
- border-color: color-mix(in oklab,var(--foreground)30%,transparent);
1959
+ border-color: color-mix(in oklab,var(--color-border)50%,transparent);
1496
1960
  }
1497
1961
  }
1498
1962
  }
1499
1963
  .turtle-widget-root .border-input {
1500
- border-color: var(--input);
1964
+ border-color: var(--color-input);
1501
1965
  }
1502
1966
  .turtle-widget-root .border-muted {
1503
- border-color: var(--muted);
1967
+ border-color: var(--color-muted);
1504
1968
  }
1505
1969
  .turtle-widget-root .border-muted-foreground\/30 {
1506
- border-color: var(--muted-foreground);
1970
+ border-color: var(--color-muted-foreground);
1507
1971
  }
1508
1972
  @supports (color:color-mix(in lab,red,red)) {
1509
1973
  .turtle-widget-root .border-muted-foreground\/30 {
1510
- border-color: var(--muted-foreground);
1974
+ border-color: var(--color-muted-foreground);
1511
1975
  @supports (color: color-mix(in lab, red, red)) {
1512
- border-color: color-mix(in oklab,var(--muted-foreground)30%,transparent);
1976
+ border-color: color-mix(in oklab,var(--color-muted-foreground)30%,transparent);
1513
1977
  }
1514
1978
  }
1515
1979
  }
1516
1980
  .turtle-widget-root .border-primary {
1517
- border-color: var(--primary);
1518
- }
1519
- .turtle-widget-root .border-secondary {
1520
- border-color: var(--secondary);
1981
+ border-color: var(--color-primary);
1521
1982
  }
1522
1983
  .turtle-widget-root .border-transparent {
1523
1984
  border-color: #0000;
@@ -1528,61 +1989,82 @@
1528
1989
  .turtle-widget-root .border-l-transparent {
1529
1990
  border-left-color: #0000;
1530
1991
  }
1992
+ .turtle-widget-root .bg-\(--color-bg\) {
1993
+ background-color: var(--color-bg);
1994
+ }
1531
1995
  .turtle-widget-root .bg-background {
1532
- background-color: var(--background);
1996
+ background-color: var(--color-background);
1997
+ }
1998
+ .turtle-widget-root .bg-black\/50 {
1999
+ background-color: #00000080;
2000
+ }
2001
+ @supports (color:color-mix(in lab,red,red)) {
2002
+ .turtle-widget-root .bg-black\/50 {
2003
+ background-color: color-mix(in srgb,#00050%,transparent);
2004
+ @supports (color: color-mix(in lab, red, red)) {
2005
+ background-color: color-mix(in oklab,var(--color-black)50%,transparent);
2006
+ }
2007
+ }
1533
2008
  }
1534
2009
  .turtle-widget-root .bg-border {
1535
- background-color: var(--border);
2010
+ background-color: var(--color-border);
2011
+ }
2012
+ .turtle-widget-root .bg-card {
2013
+ background-color: var(--color-card);
2014
+ }
2015
+ .turtle-widget-root .bg-foreground {
2016
+ background-color: var(--color-foreground);
1536
2017
  }
1537
2018
  .turtle-widget-root .bg-muted {
1538
- background-color: var(--muted);
2019
+ background-color: var(--color-muted);
1539
2020
  }
1540
- .turtle-widget-root .bg-muted-foreground\/30 {
1541
- background-color: var(--muted-foreground);
2021
+ .turtle-widget-root .bg-muted-foreground, .turtle-widget-root .bg-muted-foreground\/30 {
2022
+ background-color: var(--color-muted-foreground);
1542
2023
  }
1543
2024
  @supports (color:color-mix(in lab,red,red)) {
1544
2025
  .turtle-widget-root .bg-muted-foreground\/30 {
1545
- background-color: var(--muted-foreground);
2026
+ background-color: var(--color-muted-foreground);
1546
2027
  @supports (color: color-mix(in lab, red, red)) {
1547
- background-color: color-mix(in oklab,var(--muted-foreground)30%,transparent);
2028
+ background-color: color-mix(in oklab,var(--color-muted-foreground)30%,transparent);
1548
2029
  }
1549
2030
  }
1550
2031
  }
1551
2032
  .turtle-widget-root .bg-muted\/50 {
1552
- background-color: var(--muted);
2033
+ background-color: var(--color-muted);
1553
2034
  }
1554
2035
  @supports (color:color-mix(in lab,red,red)) {
1555
2036
  .turtle-widget-root .bg-muted\/50 {
1556
- background-color: var(--muted);
2037
+ background-color: var(--color-muted);
1557
2038
  @supports (color: color-mix(in lab, red, red)) {
1558
- background-color: color-mix(in oklab,var(--muted)50%,transparent);
2039
+ background-color: color-mix(in oklab,var(--color-muted)50%,transparent);
1559
2040
  }
1560
2041
  }
1561
2042
  }
1562
- .turtle-widget-root .bg-primary, .turtle-widget-root .bg-primary\/10 {
1563
- background-color: var(--primary);
2043
+ .turtle-widget-root .bg-neutral-alpha-2 {
2044
+ background-color: var(--color-neutral-alpha-2);
1564
2045
  }
1565
- @supports (color:color-mix(in lab,red,red)) {
1566
- .turtle-widget-root .bg-primary\/10 {
1567
- background-color: var(--primary);
1568
- @supports (color: color-mix(in lab, red, red)) {
1569
- background-color: color-mix(in oklab,var(--primary)10%,transparent);
1570
- }
1571
- }
2046
+ .turtle-widget-root .bg-neutral-alpha-5 {
2047
+ background-color: var(--color-neutral-alpha-5);
2048
+ }
2049
+ .turtle-widget-root .bg-neutral-alpha-10 {
2050
+ background-color: var(--color-neutral-alpha-10);
2051
+ }
2052
+ .turtle-widget-root .bg-popover {
2053
+ background-color: var(--color-popover);
1572
2054
  }
1573
- .turtle-widget-root .bg-primary\/20 {
1574
- background-color: var(--primary);
2055
+ .turtle-widget-root .bg-primary, .turtle-widget-root .bg-primary\/20 {
2056
+ background-color: var(--color-primary);
1575
2057
  }
1576
2058
  @supports (color:color-mix(in lab,red,red)) {
1577
2059
  .turtle-widget-root .bg-primary\/20 {
1578
- background-color: var(--primary);
2060
+ background-color: var(--color-primary);
1579
2061
  @supports (color: color-mix(in lab, red, red)) {
1580
- background-color: color-mix(in oklab,var(--primary)20%,transparent);
2062
+ background-color: color-mix(in oklab,var(--color-primary)20%,transparent);
1581
2063
  }
1582
2064
  }
1583
2065
  }
1584
2066
  .turtle-widget-root .bg-secondary {
1585
- background-color: var(--secondary);
2067
+ background-color: var(--color-secondary);
1586
2068
  }
1587
2069
  .turtle-widget-root .bg-transparent {
1588
2070
  background-color: #0000;
@@ -1596,7 +2078,7 @@
1596
2078
  --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));
1597
2079
  }
1598
2080
  .turtle-widget-root .via-primary {
1599
- --tw-gradient-via: var(--primary);
2081
+ --tw-gradient-via: var(--color-primary);
1600
2082
  --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);
1601
2083
  --tw-gradient-stops: var(--tw-gradient-via-stops);
1602
2084
  }
@@ -1604,8 +2086,8 @@
1604
2086
  --tw-gradient-to: transparent;
1605
2087
  --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));
1606
2088
  }
1607
- .turtle-widget-root .fill-primary {
1608
- fill: var(--primary);
2089
+ .turtle-widget-root .fill-current {
2090
+ fill: currentColor;
1609
2091
  }
1610
2092
  .turtle-widget-root .object-contain {
1611
2093
  object-fit: contain;
@@ -1613,6 +2095,9 @@
1613
2095
  .turtle-widget-root .p-0 {
1614
2096
  padding: calc(var(--spacing)*0);
1615
2097
  }
2098
+ .turtle-widget-root .p-0\.5 {
2099
+ padding: calc(var(--spacing)*.5);
2100
+ }
1616
2101
  .turtle-widget-root .p-1 {
1617
2102
  padding: calc(var(--spacing)*1);
1618
2103
  }
@@ -1625,11 +2110,14 @@
1625
2110
  .turtle-widget-root .p-4 {
1626
2111
  padding: calc(var(--spacing)*4);
1627
2112
  }
2113
+ .turtle-widget-root .p-5 {
2114
+ padding: calc(var(--spacing)*5);
2115
+ }
1628
2116
  .turtle-widget-root .p-6 {
1629
2117
  padding: calc(var(--spacing)*6);
1630
2118
  }
1631
- .turtle-widget-root .p-8 {
1632
- padding: calc(var(--spacing)*8);
2119
+ .turtle-widget-root .p-10 {
2120
+ padding: calc(var(--spacing)*10);
1633
2121
  }
1634
2122
  .turtle-widget-root .p-\[1px\], .turtle-widget-root .p-px {
1635
2123
  padding: 1px;
@@ -1646,12 +2134,27 @@
1646
2134
  .turtle-widget-root .px-3 {
1647
2135
  padding-inline: calc(var(--spacing)*3);
1648
2136
  }
2137
+ .turtle-widget-root .px-3\.5 {
2138
+ padding-inline: calc(var(--spacing)*3.5);
2139
+ }
1649
2140
  .turtle-widget-root .px-4 {
1650
2141
  padding-inline: calc(var(--spacing)*4);
1651
2142
  }
2143
+ .turtle-widget-root .px-4\.5 {
2144
+ padding-inline: calc(var(--spacing)*4.5);
2145
+ }
2146
+ .turtle-widget-root .px-5 {
2147
+ padding-inline: calc(var(--spacing)*5);
2148
+ }
1652
2149
  .turtle-widget-root .px-6 {
1653
2150
  padding-inline: calc(var(--spacing)*6);
1654
2151
  }
2152
+ .turtle-widget-root .px-8 {
2153
+ padding-inline: calc(var(--spacing)*8);
2154
+ }
2155
+ .turtle-widget-root .py-0 {
2156
+ padding-block: calc(var(--spacing)*0);
2157
+ }
1655
2158
  .turtle-widget-root .py-0\.5 {
1656
2159
  padding-block: calc(var(--spacing)*.5);
1657
2160
  }
@@ -1664,30 +2167,84 @@
1664
2167
  .turtle-widget-root .py-2 {
1665
2168
  padding-block: calc(var(--spacing)*2);
1666
2169
  }
2170
+ .turtle-widget-root .py-2\.5 {
2171
+ padding-block: calc(var(--spacing)*2.5);
2172
+ }
1667
2173
  .turtle-widget-root .py-3 {
1668
2174
  padding-block: calc(var(--spacing)*3);
1669
2175
  }
2176
+ .turtle-widget-root .py-3\.5 {
2177
+ padding-block: calc(var(--spacing)*3.5);
2178
+ }
1670
2179
  .turtle-widget-root .py-4 {
1671
2180
  padding-block: calc(var(--spacing)*4);
1672
2181
  }
2182
+ .turtle-widget-root .py-4\.5 {
2183
+ padding-block: calc(var(--spacing)*4.5);
2184
+ }
2185
+ .turtle-widget-root .py-6\.5 {
2186
+ padding-block: calc(var(--spacing)*6.5);
2187
+ }
1673
2188
  .turtle-widget-root .py-8 {
1674
2189
  padding-block: calc(var(--spacing)*8);
1675
2190
  }
2191
+ .turtle-widget-root .py-8\.5 {
2192
+ padding-block: calc(var(--spacing)*8.5);
2193
+ }
2194
+ .turtle-widget-root .py-10 {
2195
+ padding-block: calc(var(--spacing)*10);
2196
+ }
2197
+ .turtle-widget-root .\!pt-6 {
2198
+ padding-top: calc(var(--spacing)*6) !important;
2199
+ }
1676
2200
  .turtle-widget-root .pt-0 {
1677
2201
  padding-top: calc(var(--spacing)*0);
1678
2202
  }
1679
2203
  .turtle-widget-root .pt-2 {
1680
2204
  padding-top: calc(var(--spacing)*2);
1681
2205
  }
2206
+ .turtle-widget-root .pt-3 {
2207
+ padding-top: calc(var(--spacing)*3);
2208
+ }
2209
+ .turtle-widget-root .pt-6\! {
2210
+ padding-top: calc(var(--spacing)*6) !important;
2211
+ }
2212
+ .turtle-widget-root .pr-2 {
2213
+ padding-right: calc(var(--spacing)*2);
2214
+ }
2215
+ .turtle-widget-root .pr-2\.5 {
2216
+ padding-right: calc(var(--spacing)*2.5);
2217
+ }
2218
+ .turtle-widget-root .pr-3 {
2219
+ padding-right: calc(var(--spacing)*3);
2220
+ }
1682
2221
  .turtle-widget-root .pr-8 {
1683
2222
  padding-right: calc(var(--spacing)*8);
1684
2223
  }
2224
+ .turtle-widget-root .pr-12 {
2225
+ padding-right: calc(var(--spacing)*12);
2226
+ }
2227
+ .turtle-widget-root .pb-2 {
2228
+ padding-bottom: calc(var(--spacing)*2);
2229
+ }
1685
2230
  .turtle-widget-root .pb-3 {
1686
2231
  padding-bottom: calc(var(--spacing)*3);
1687
2232
  }
2233
+ .turtle-widget-root .pl-0 {
2234
+ padding-left: calc(var(--spacing)*0);
2235
+ }
1688
2236
  .turtle-widget-root .pl-2 {
1689
2237
  padding-left: calc(var(--spacing)*2);
1690
2238
  }
2239
+ .turtle-widget-root .pl-3 {
2240
+ padding-left: calc(var(--spacing)*3);
2241
+ }
2242
+ .turtle-widget-root .pl-4 {
2243
+ padding-left: calc(var(--spacing)*4);
2244
+ }
2245
+ .turtle-widget-root .pl-8 {
2246
+ padding-left: calc(var(--spacing)*8);
2247
+ }
1691
2248
  .turtle-widget-root .text-center {
1692
2249
  text-align: center;
1693
2250
  }
@@ -1751,10 +2308,20 @@
1751
2308
  font-size: var(--text-xs);
1752
2309
  line-height: var(--tw-leading,var(--text-xs--line-height));
1753
2310
  }
2311
+ .turtle-widget-root .text-\[8px\] {
2312
+ font-size: 8px;
2313
+ }
2314
+ .turtle-widget-root .text-\[10px\] {
2315
+ font-size: 10px;
2316
+ }
1754
2317
  .turtle-widget-root .leading-none {
1755
2318
  --tw-leading: 1;
1756
2319
  line-height: 1;
1757
2320
  }
2321
+ .turtle-widget-root .font-\[400\] {
2322
+ --tw-font-weight: 400;
2323
+ font-weight: 400;
2324
+ }
1758
2325
  .turtle-widget-root .font-bold {
1759
2326
  --tw-font-weight: var(--font-weight-bold);
1760
2327
  font-weight: var(--font-weight-bold);
@@ -1775,43 +2342,56 @@
1775
2342
  --tw-tracking: var(--tracking-tight);
1776
2343
  letter-spacing: var(--tracking-tight);
1777
2344
  }
1778
- .turtle-widget-root .text-balance {
1779
- text-wrap: balance;
2345
+ .turtle-widget-root .tracking-widest {
2346
+ --tw-tracking: var(--tracking-widest);
2347
+ letter-spacing: var(--tracking-widest);
1780
2348
  }
1781
2349
  .turtle-widget-root .whitespace-nowrap {
1782
2350
  white-space: nowrap;
1783
2351
  }
2352
+ .turtle-widget-root .text-accent {
2353
+ color: var(--color-accent);
2354
+ }
2355
+ .turtle-widget-root .text-amber-600 {
2356
+ color: var(--color-amber-600);
2357
+ }
2358
+ .turtle-widget-root .text-current {
2359
+ color: currentColor;
2360
+ }
1784
2361
  .turtle-widget-root .text-destructive {
1785
- color: var(--destructive);
2362
+ color: var(--color-destructive);
1786
2363
  }
1787
2364
  .turtle-widget-root .text-foreground {
1788
- color: var(--foreground);
2365
+ color: var(--color-foreground);
1789
2366
  }
1790
2367
  .turtle-widget-root .text-green-600 {
1791
2368
  color: var(--color-green-600);
1792
2369
  }
1793
2370
  .turtle-widget-root .text-muted-foreground, .turtle-widget-root .text-muted-foreground\/70 {
1794
- color: var(--muted-foreground);
2371
+ color: var(--color-muted-foreground);
1795
2372
  }
1796
2373
  @supports (color:color-mix(in lab,red,red)) {
1797
2374
  .turtle-widget-root .text-muted-foreground\/70 {
1798
- color: var(--muted-foreground);
2375
+ color: var(--color-muted-foreground);
1799
2376
  @supports (color: color-mix(in lab, red, red)) {
1800
- color: color-mix(in oklab,var(--muted-foreground)70%,transparent);
2377
+ color: color-mix(in oklab,var(--color-muted-foreground)70%,transparent);
1801
2378
  }
1802
2379
  }
1803
2380
  }
2381
+ .turtle-widget-root .text-popover-foreground {
2382
+ color: var(--color-popover-foreground);
2383
+ }
1804
2384
  .turtle-widget-root .text-primary {
1805
- color: var(--primary);
2385
+ color: var(--color-primary);
1806
2386
  }
1807
2387
  .turtle-widget-root .text-primary-foreground {
1808
- color: var(--primary-foreground);
2388
+ color: var(--color-primary-foreground);
1809
2389
  }
1810
2390
  .turtle-widget-root .text-red-600 {
1811
2391
  color: var(--color-red-600);
1812
2392
  }
1813
2393
  .turtle-widget-root .text-secondary-foreground {
1814
- color: var(--secondary-foreground);
2394
+ color: var(--color-secondary-foreground);
1815
2395
  }
1816
2396
  .turtle-widget-root .text-white\/80 {
1817
2397
  color: #fffc;
@@ -1827,35 +2407,44 @@
1827
2407
  .turtle-widget-root .text-yellow-600 {
1828
2408
  color: var(--color-yellow-600);
1829
2409
  }
2410
+ .turtle-widget-root .capitalize {
2411
+ text-transform: capitalize;
2412
+ }
2413
+ .turtle-widget-root .tabular-nums {
2414
+ --tw-numeric-spacing: tabular-nums;
2415
+ font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,);
2416
+ }
1830
2417
  .turtle-widget-root .caret-foreground {
1831
- caret-color: var(--foreground);
2418
+ caret-color: var(--color-foreground);
1832
2419
  }
1833
2420
  .turtle-widget-root .caret-green-500 {
1834
2421
  caret-color: var(--color-green-500);
1835
2422
  }
1836
2423
  .turtle-widget-root .caret-primary {
1837
- caret-color: var(--primary);
2424
+ caret-color: var(--color-primary);
1838
2425
  }
1839
2426
  .turtle-widget-root .caret-white {
1840
2427
  caret-color: var(--color-white);
1841
2428
  }
2429
+ .turtle-widget-root .opacity-20 {
2430
+ opacity: .2;
2431
+ }
1842
2432
  .turtle-widget-root .opacity-50 {
1843
2433
  opacity: .5;
1844
2434
  }
2435
+ .turtle-widget-root .opacity-70 {
2436
+ opacity: .7;
2437
+ }
1845
2438
  .turtle-widget-root .shadow {
1846
2439
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
1847
2440
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1848
2441
  }
1849
- .turtle-widget-root .shadow-\[0_0_4px_0_hsl\(var\(--primary\)\)\] {
1850
- --tw-shadow: 0 0 4px 0 var(--tw-shadow-color,hsl(var(--primary)));
1851
- box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1852
- }
1853
- .turtle-widget-root .shadow-\[0_0_20px_0_rgba\(0\,0\,0\,0\.25\)\] {
1854
- --tw-shadow: 0 0 20px 0 var(--tw-shadow-color,#00000040);
2442
+ .turtle-widget-root .shadow-\[0px_4px_4px_0px\] {
2443
+ --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color,currentcolor);
1855
2444
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1856
2445
  }
1857
- .turtle-widget-root .shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
1858
- --tw-shadow: 0 4px 4px 0 var(--tw-shadow-color,#00000040);
2446
+ .turtle-widget-root .shadow-lg {
2447
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
1859
2448
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1860
2449
  }
1861
2450
  .turtle-widget-root .shadow-md {
@@ -1870,6 +2459,10 @@
1870
2459
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
1871
2460
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1872
2461
  }
2462
+ .turtle-widget-root .shadow-xl {
2463
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
2464
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2465
+ }
1873
2466
  .turtle-widget-root .shadow-xs {
1874
2467
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
1875
2468
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
@@ -1886,13 +2479,38 @@
1886
2479
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
1887
2480
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1888
2481
  }
2482
+ .turtle-widget-root .shadow-black\/40 {
2483
+ --tw-shadow-color: #0006;
2484
+ }
2485
+ @supports (color:color-mix(in lab,red,red)) {
2486
+ .turtle-widget-root .shadow-black\/40 {
2487
+ --tw-shadow-color: color-mix(in srgb,#00040%,transparent);
2488
+ @supports (color: color-mix(in lab, red, red)) {
2489
+ --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-black)40%,transparent)var(--tw-shadow-alpha),transparent);
2490
+ }
2491
+ }
2492
+ }
1889
2493
  .turtle-widget-root .ring-primary {
1890
- --tw-ring-color: var(--primary);
2494
+ --tw-ring-color: var(--color-primary);
2495
+ }
2496
+ .turtle-widget-root .ring-ring\/50 {
2497
+ --tw-ring-color: var(--color-ring);
2498
+ }
2499
+ @supports (color:color-mix(in lab,red,red)) {
2500
+ .turtle-widget-root .ring-ring\/50 {
2501
+ --tw-ring-color: var(--color-ring);
2502
+ @supports (color: color-mix(in lab, red, red)) {
2503
+ --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
2504
+ }
2505
+ }
1891
2506
  }
1892
2507
  .turtle-widget-root .ring-offset-2 {
1893
2508
  --tw-ring-offset-width: 2px;
1894
2509
  --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
1895
2510
  }
2511
+ .turtle-widget-root .ring-offset-background {
2512
+ --tw-ring-offset-color: var(--color-background);
2513
+ }
1896
2514
  .turtle-widget-root .outline-hidden {
1897
2515
  --tw-outline-style: none;
1898
2516
  outline-style: none;
@@ -1907,6 +2525,24 @@
1907
2525
  outline-style: var(--tw-outline-style);
1908
2526
  outline-width: 1px;
1909
2527
  }
2528
+ .turtle-widget-root .drop-shadow-lg {
2529
+ --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));
2530
+ --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
2531
+ 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,);
2532
+ }
2533
+ .turtle-widget-root .filter {
2534
+ 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,);
2535
+ }
2536
+ .turtle-widget-root .backdrop-blur-lg {
2537
+ --tw-backdrop-blur: blur(var(--blur-lg));
2538
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
2539
+ backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
2540
+ }
2541
+ .turtle-widget-root .transition {
2542
+ transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
2543
+ transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
2544
+ transition-duration: var(--tw-duration,var(--default-transition-duration));
2545
+ }
1910
2546
  .turtle-widget-root .transition-\[color\,box-shadow\] {
1911
2547
  transition-property: color,box-shadow;
1912
2548
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
@@ -1922,11 +2558,24 @@
1922
2558
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1923
2559
  transition-duration: var(--tw-duration,var(--default-transition-duration));
1924
2560
  }
2561
+ .turtle-widget-root .transition-opacity {
2562
+ transition-property: opacity;
2563
+ transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
2564
+ transition-duration: var(--tw-duration,var(--default-transition-duration));
2565
+ }
2566
+ .turtle-widget-root .transition-shadow {
2567
+ transition-property: box-shadow;
2568
+ transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
2569
+ transition-duration: var(--tw-duration,var(--default-transition-duration));
2570
+ }
1925
2571
  .turtle-widget-root .transition-transform {
1926
2572
  transition-property: transform,translate,scale,rotate;
1927
2573
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1928
2574
  transition-duration: var(--tw-duration,var(--default-transition-duration));
1929
2575
  }
2576
+ .turtle-widget-root .transition-none {
2577
+ transition-property: none;
2578
+ }
1930
2579
  .turtle-widget-root .duration-200 {
1931
2580
  --tw-duration: .2s;
1932
2581
  transition-duration: .2s;
@@ -1949,12 +2598,51 @@
1949
2598
  .turtle-widget-root .zoom-in-95 {
1950
2599
  --tw-enter-scale: .95;
1951
2600
  }
2601
+ .turtle-widget-root .group-disabled\:opacity-80:is(:where(.group):disabled *) {
2602
+ opacity: .8;
2603
+ }
2604
+ .turtle-widget-root .group-data-\[active\=true\]\:block:is(:where(.group)[data-active=true] *) {
2605
+ display: block;
2606
+ }
1952
2607
  .turtle-widget-root .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
1953
2608
  pointer-events: none;
1954
2609
  }
1955
2610
  .turtle-widget-root .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
1956
2611
  opacity: .5;
1957
2612
  }
2613
+ .turtle-widget-root .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
2614
+ rotate: 180deg;
2615
+ }
2616
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
2617
+ top: 100%;
2618
+ }
2619
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
2620
+ margin-top: calc(var(--spacing)*1.5);
2621
+ }
2622
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
2623
+ overflow: hidden;
2624
+ }
2625
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
2626
+ border-radius: var(--radius-md);
2627
+ }
2628
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
2629
+ border-style: var(--tw-border-style);
2630
+ border-width: 1px;
2631
+ }
2632
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
2633
+ background-color: var(--color-popover);
2634
+ }
2635
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
2636
+ color: var(--color-popover-foreground);
2637
+ }
2638
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
2639
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
2640
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2641
+ }
2642
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
2643
+ --tw-duration: .2s;
2644
+ transition-duration: .2s;
2645
+ }
1958
2646
  .turtle-widget-root .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
1959
2647
  cursor: not-allowed;
1960
2648
  }
@@ -1962,19 +2650,19 @@
1962
2650
  opacity: .5;
1963
2651
  }
1964
2652
  .turtle-widget-root .selection\:bg-primary ::selection {
1965
- background-color: var(--primary);
2653
+ background-color: var(--color-primary);
1966
2654
  }
1967
2655
  .turtle-widget-root .selection\:bg-primary::selection {
1968
- background-color: var(--primary);
2656
+ background-color: var(--color-primary);
1969
2657
  }
1970
2658
  .turtle-widget-root .selection\:text-primary-foreground ::selection {
1971
- color: var(--primary-foreground);
2659
+ color: var(--color-primary-foreground);
1972
2660
  }
1973
2661
  .turtle-widget-root .selection\:text-primary-foreground::selection {
1974
- color: var(--primary-foreground);
2662
+ color: var(--color-primary-foreground);
1975
2663
  }
1976
2664
  .turtle-widget-root .placeholder\:text-muted-foreground::placeholder {
1977
- color: var(--muted-foreground);
2665
+ color: var(--color-muted-foreground);
1978
2666
  }
1979
2667
  .turtle-widget-root .before\:pointer-events-none:before {
1980
2668
  content: var(--tw-content);
@@ -2061,107 +2749,151 @@
2061
2749
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
2062
2750
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
2063
2751
  }
2752
+ .turtle-widget-root .first\:rounded-l-full:first-child {
2753
+ border-top-left-radius: 3.40282e38px;
2754
+ border-bottom-left-radius: 3.40282e38px;
2755
+ border-top-left-radius: var(--radius-full);
2756
+ border-bottom-left-radius: var(--radius-full);
2757
+ }
2064
2758
  .turtle-widget-root .first\:rounded-l-md:first-child {
2065
- border-top-left-radius: calc(var(--radius) - 2px);
2066
- border-bottom-left-radius: calc(var(--radius) - 2px);
2759
+ border-top-left-radius: var(--radius-md);
2760
+ border-bottom-left-radius: var(--radius-md);
2761
+ }
2762
+ .turtle-widget-root .first\:pl-4:first-child {
2763
+ padding-left: calc(var(--spacing)*4);
2764
+ }
2765
+ .turtle-widget-root .last\:rounded-r-full:last-child {
2766
+ border-top-right-radius: 3.40282e38px;
2767
+ border-bottom-right-radius: 3.40282e38px;
2768
+ border-top-right-radius: var(--radius-full);
2769
+ border-bottom-right-radius: var(--radius-full);
2067
2770
  }
2068
2771
  .turtle-widget-root .last\:rounded-r-md:last-child {
2069
- border-top-right-radius: calc(var(--radius) - 2px);
2070
- border-bottom-right-radius: calc(var(--radius) - 2px);
2772
+ border-top-right-radius: var(--radius-md);
2773
+ border-bottom-right-radius: var(--radius-md);
2774
+ }
2775
+ .turtle-widget-root .last\:pr-4:last-child {
2776
+ padding-right: calc(var(--spacing)*4);
2071
2777
  }
2072
2778
  @media (hover:hover) {
2073
- .turtle-widget-root .hover\:bg-accent:hover {
2074
- background-color: var(--accent);
2779
+ .turtle-widget-root .hover\:border-gradient-white:hover {
2780
+ border-style: var(--tw-border-style);
2781
+ border-width: 1px;
2782
+ border-color: #0000;
2783
+ position: relative;
2075
2784
  }
2076
- .turtle-widget-root .hover\:bg-background\/90:hover {
2077
- background-color: var(--background);
2785
+ .turtle-widget-root .hover\:border-gradient-white:hover:before {
2786
+ content: "";
2787
+ pointer-events: none;
2788
+ border-style: var(--tw-border-style);
2789
+ border-radius: inherit;
2790
+ background: var(--border-gradient-white);
2791
+ border-width: 1px;
2792
+ border-color: #0000;
2793
+ position: absolute;
2794
+ inset: -1px;
2795
+ -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
2796
+ mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
2797
+ -webkit-mask-position: 0 0,0 0;
2798
+ mask-position: 0 0,0 0;
2799
+ -webkit-mask-size: auto,auto;
2800
+ mask-size: auto,auto;
2801
+ -webkit-mask-repeat: repeat,repeat;
2802
+ mask-repeat: repeat,repeat;
2803
+ -webkit-mask-clip: padding-box,border-box;
2804
+ mask-clip: padding-box,border-box;
2805
+ -webkit-mask-origin: padding-box,border-box;
2806
+ mask-origin: padding-box,border-box;
2807
+ -webkit-mask-composite: xor;
2808
+ mask-composite: exclude;
2809
+ -webkit-mask-source-type: auto,auto;
2810
+ mask-mode: match-source,match-source;
2078
2811
  }
2079
- @supports (color:color-mix(in lab,red,red)) {
2080
- .turtle-widget-root .hover\:bg-background\/90:hover {
2081
- background-color: var(--background);
2082
- @supports (color: color-mix(in lab, red, red)) {
2083
- background-color: color-mix(in oklab,var(--background)90%,transparent);
2084
- }
2085
- }
2812
+ .turtle-widget-root .hover\:z-10:hover {
2813
+ z-index: 10;
2086
2814
  }
2087
- .turtle-widget-root .hover\:bg-muted:hover, .turtle-widget-root .hover\:bg-muted\/50:hover {
2088
- background-color: var(--muted);
2815
+ .turtle-widget-root .hover\:scale-110:hover {
2816
+ --tw-scale-x: 110%;
2817
+ --tw-scale-y: 110%;
2818
+ --tw-scale-z: 110%;
2819
+ scale: var(--tw-scale-x)var(--tw-scale-y);
2089
2820
  }
2090
- @supports (color:color-mix(in lab,red,red)) {
2091
- .turtle-widget-root .hover\:bg-muted\/50:hover {
2092
- background-color: var(--muted);
2093
- @supports (color: color-mix(in lab, red, red)) {
2094
- background-color: color-mix(in oklab,var(--muted)50%,transparent);
2095
- }
2096
- }
2821
+ .turtle-widget-root .hover\:bg-accent:hover {
2822
+ background-color: var(--color-accent);
2823
+ }
2824
+ .turtle-widget-root .hover\:bg-background:hover {
2825
+ background-color: var(--color-background);
2097
2826
  }
2098
- .turtle-widget-root .hover\:bg-muted\/80:hover {
2099
- background-color: var(--muted);
2827
+ .turtle-widget-root .hover\:bg-muted:hover, .turtle-widget-root .hover\:bg-muted\/80:hover {
2828
+ background-color: var(--color-muted);
2100
2829
  }
2101
2830
  @supports (color:color-mix(in lab,red,red)) {
2102
2831
  .turtle-widget-root .hover\:bg-muted\/80:hover {
2103
- background-color: var(--muted);
2832
+ background-color: var(--color-muted);
2104
2833
  @supports (color: color-mix(in lab, red, red)) {
2105
- background-color: color-mix(in oklab,var(--muted)80%,transparent);
2834
+ background-color: color-mix(in oklab,var(--color-muted)80%,transparent);
2106
2835
  }
2107
2836
  }
2108
2837
  }
2109
2838
  .turtle-widget-root .hover\:bg-primary:hover, .turtle-widget-root .hover\:bg-primary\/90:hover {
2110
- background-color: var(--primary);
2839
+ background-color: var(--color-primary);
2111
2840
  }
2112
2841
  @supports (color:color-mix(in lab,red,red)) {
2113
2842
  .turtle-widget-root .hover\:bg-primary\/90:hover {
2114
- background-color: var(--primary);
2843
+ background-color: var(--color-primary);
2115
2844
  @supports (color: color-mix(in lab, red, red)) {
2116
- background-color: color-mix(in oklab,var(--primary)90%,transparent);
2845
+ background-color: color-mix(in oklab,var(--color-primary)90%,transparent);
2117
2846
  }
2118
2847
  }
2119
2848
  }
2120
- .turtle-widget-root .hover\:bg-secondary\/80:hover {
2121
- background-color: var(--secondary);
2849
+ .turtle-widget-root .hover\:bg-secondary:hover, .turtle-widget-root .hover\:bg-secondary\/80:hover {
2850
+ background-color: var(--color-secondary);
2122
2851
  }
2123
2852
  @supports (color:color-mix(in lab,red,red)) {
2124
2853
  .turtle-widget-root .hover\:bg-secondary\/80:hover {
2125
- background-color: var(--secondary);
2854
+ background-color: var(--color-secondary);
2126
2855
  @supports (color: color-mix(in lab, red, red)) {
2127
- background-color: color-mix(in oklab,var(--secondary)80%,transparent);
2856
+ background-color: color-mix(in oklab,var(--color-secondary)80%,transparent);
2128
2857
  }
2129
2858
  }
2130
2859
  }
2131
2860
  .turtle-widget-root .hover\:text-accent-foreground:hover {
2132
- color: var(--accent-foreground);
2861
+ color: var(--color-accent-foreground);
2133
2862
  }
2134
2863
  .turtle-widget-root .hover\:text-foreground:hover {
2135
- color: var(--foreground);
2864
+ color: var(--color-foreground);
2136
2865
  }
2137
2866
  .turtle-widget-root .hover\:text-muted-foreground:hover {
2138
- color: var(--muted-foreground);
2867
+ color: var(--color-muted-foreground);
2139
2868
  }
2140
2869
  .turtle-widget-root .hover\:text-primary:hover {
2141
- color: var(--primary);
2870
+ color: var(--color-primary);
2142
2871
  }
2143
2872
  .turtle-widget-root .hover\:text-primary-foreground:hover {
2144
- color: var(--primary-foreground);
2873
+ color: var(--color-primary-foreground);
2145
2874
  }
2146
2875
  .turtle-widget-root .hover\:text-primary\/80:hover {
2147
- color: var(--primary);
2876
+ color: var(--color-primary);
2148
2877
  }
2149
2878
  @supports (color:color-mix(in lab,red,red)) {
2150
2879
  .turtle-widget-root .hover\:text-primary\/80:hover {
2151
- color: var(--primary);
2880
+ color: var(--color-primary);
2152
2881
  @supports (color: color-mix(in lab, red, red)) {
2153
- color: color-mix(in oklab,var(--primary)80%,transparent);
2882
+ color: color-mix(in oklab,var(--color-primary)80%,transparent);
2154
2883
  }
2155
2884
  }
2156
2885
  }
2157
- .turtle-widget-root .hover\:shadow-\[0_0_6px_0_hsl\(var\(--primary\)\)\]:hover {
2158
- --tw-shadow: 0 0 6px 0 var(--tw-shadow-color,hsl(var(--primary)));
2159
- box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2886
+ .turtle-widget-root .hover\:opacity-100:hover {
2887
+ opacity: 1;
2160
2888
  }
2161
2889
  .turtle-widget-root .hover\:shadow-md:hover {
2162
2890
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
2163
2891
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2164
2892
  }
2893
+ .turtle-widget-root .hover\:ring-4:hover {
2894
+ --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2895
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2896
+ }
2165
2897
  }
2166
2898
  .turtle-widget-root .focus\:z-10:focus {
2167
2899
  z-index: 10;
@@ -2171,18 +2903,28 @@
2171
2903
  border-style: none;
2172
2904
  }
2173
2905
  .turtle-widget-root .focus\:border-primary:focus {
2174
- border-color: var(--primary);
2906
+ border-color: var(--color-primary);
2175
2907
  }
2176
- .turtle-widget-root .focus\:bg-muted\/80:focus {
2177
- background-color: var(--muted);
2908
+ .turtle-widget-root .focus\:border-transparent:focus {
2909
+ border-color: #0000;
2178
2910
  }
2179
- @supports (color:color-mix(in lab,red,red)) {
2180
- .turtle-widget-root .focus\:bg-muted\/80:focus {
2181
- background-color: var(--muted);
2182
- @supports (color: color-mix(in lab, red, red)) {
2183
- background-color: color-mix(in oklab,var(--muted)80%,transparent);
2184
- }
2185
- }
2911
+ .turtle-widget-root .focus\:bg-accent:focus {
2912
+ background-color: var(--color-accent);
2913
+ }
2914
+ .turtle-widget-root .focus\:bg-neutral-alpha-2:focus {
2915
+ background-color: var(--color-neutral-alpha-2);
2916
+ }
2917
+ .turtle-widget-root .focus\:bg-secondary:focus {
2918
+ background-color: var(--color-secondary);
2919
+ }
2920
+ .turtle-widget-root .focus\:text-accent-foreground:focus {
2921
+ color: var(--color-accent-foreground);
2922
+ }
2923
+ .turtle-widget-root .focus\:text-foreground:focus {
2924
+ color: var(--color-foreground);
2925
+ }
2926
+ .turtle-widget-root .focus\:text-secondary-foreground:focus {
2927
+ color: var(--color-secondary-foreground);
2186
2928
  }
2187
2929
  .turtle-widget-root .focus\:ring-0:focus {
2188
2930
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
@@ -2192,17 +2934,34 @@
2192
2934
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2193
2935
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2194
2936
  }
2195
- .turtle-widget-root .focus\:ring-primary\/20:focus {
2196
- --tw-ring-color: var(--primary);
2937
+ .turtle-widget-root .focus\:ring-primary:focus, .turtle-widget-root .focus\:ring-primary\/20:focus {
2938
+ --tw-ring-color: var(--color-primary);
2197
2939
  }
2198
2940
  @supports (color:color-mix(in lab,red,red)) {
2199
2941
  .turtle-widget-root .focus\:ring-primary\/20:focus {
2200
- --tw-ring-color: var(--primary);
2942
+ --tw-ring-color: var(--color-primary);
2201
2943
  @supports (color: color-mix(in lab, red, red)) {
2202
- --tw-ring-color: color-mix(in oklab,var(--primary)20%,transparent);
2944
+ --tw-ring-color: color-mix(in oklab,var(--color-primary)20%,transparent);
2203
2945
  }
2204
2946
  }
2205
2947
  }
2948
+ .turtle-widget-root .focus\:ring-ring:focus {
2949
+ --tw-ring-color: var(--color-ring);
2950
+ }
2951
+ .turtle-widget-root .focus\:ring-offset-2:focus {
2952
+ --tw-ring-offset-width: 2px;
2953
+ --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
2954
+ }
2955
+ .turtle-widget-root .focus\:outline-hidden:focus {
2956
+ --tw-outline-style: none;
2957
+ outline-style: none;
2958
+ }
2959
+ @media (forced-colors:active) {
2960
+ .turtle-widget-root .focus\:outline-hidden:focus {
2961
+ outline-offset: 2px;
2962
+ outline: 2px solid #0000;
2963
+ }
2964
+ }
2206
2965
  .turtle-widget-root .focus\:outline-none:focus {
2207
2966
  --tw-outline-style: none;
2208
2967
  outline-style: none;
@@ -2211,36 +2970,112 @@
2211
2970
  z-index: 10;
2212
2971
  }
2213
2972
  .turtle-widget-root .focus-visible\:border-ring:focus-visible {
2214
- border-color: var(--ring);
2973
+ border-color: var(--color-ring);
2974
+ }
2975
+ .turtle-widget-root .focus-visible\:ring-4:focus-visible {
2976
+ --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2977
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2215
2978
  }
2216
2979
  .turtle-widget-root .focus-visible\:ring-\[3px\]:focus-visible {
2217
2980
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2218
2981
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2219
2982
  }
2983
+ .turtle-widget-root .focus-visible\:ring-destructive\/20:focus-visible {
2984
+ --tw-ring-color: var(--color-destructive);
2985
+ }
2986
+ @supports (color:color-mix(in lab,red,red)) {
2987
+ .turtle-widget-root .focus-visible\:ring-destructive\/20:focus-visible {
2988
+ --tw-ring-color: var(--color-destructive);
2989
+ @supports (color: color-mix(in lab, red, red)) {
2990
+ --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
2991
+ }
2992
+ }
2993
+ }
2220
2994
  .turtle-widget-root .focus-visible\:ring-ring\/50:focus-visible {
2221
- --tw-ring-color: var(--ring);
2995
+ --tw-ring-color: var(--color-ring);
2222
2996
  }
2223
2997
  @supports (color:color-mix(in lab,red,red)) {
2224
2998
  .turtle-widget-root .focus-visible\:ring-ring\/50:focus-visible {
2225
- --tw-ring-color: var(--ring);
2999
+ --tw-ring-color: var(--color-ring);
2226
3000
  @supports (color: color-mix(in lab, red, red)) {
2227
- --tw-ring-color: color-mix(in oklab,var(--ring)50%,transparent);
3001
+ --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
2228
3002
  }
2229
3003
  }
2230
3004
  }
3005
+ .turtle-widget-root .focus-visible\:outline-hidden:focus-visible {
3006
+ --tw-outline-style: none;
3007
+ outline-style: none;
3008
+ }
3009
+ @media (forced-colors:active) {
3010
+ .turtle-widget-root .focus-visible\:outline-hidden:focus-visible {
3011
+ outline-offset: 2px;
3012
+ outline: 2px solid #0000;
3013
+ }
3014
+ }
2231
3015
  .turtle-widget-root .focus-visible\:outline-1:focus-visible {
2232
3016
  outline-style: var(--tw-outline-style);
2233
3017
  outline-width: 1px;
2234
3018
  }
3019
+ .turtle-widget-root .active\:border-gradient-accent:active {
3020
+ border-style: var(--tw-border-style);
3021
+ border-width: 1px;
3022
+ border-color: #0000;
3023
+ position: relative;
3024
+ }
3025
+ .turtle-widget-root .active\:border-gradient-accent:active:before {
3026
+ content: "";
3027
+ pointer-events: none;
3028
+ border-style: var(--tw-border-style);
3029
+ border-radius: inherit;
3030
+ background: var(--border-gradient-accent);
3031
+ border-width: 1px;
3032
+ border-color: #0000;
3033
+ position: absolute;
3034
+ inset: -1px;
3035
+ -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
3036
+ mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
3037
+ -webkit-mask-position: 0 0,0 0;
3038
+ mask-position: 0 0,0 0;
3039
+ -webkit-mask-size: auto,auto;
3040
+ mask-size: auto,auto;
3041
+ -webkit-mask-repeat: repeat,repeat;
3042
+ mask-repeat: repeat,repeat;
3043
+ -webkit-mask-clip: padding-box,border-box;
3044
+ mask-clip: padding-box,border-box;
3045
+ -webkit-mask-origin: padding-box,border-box;
3046
+ mask-origin: padding-box,border-box;
3047
+ -webkit-mask-composite: xor;
3048
+ mask-composite: exclude;
3049
+ -webkit-mask-source-type: auto,auto;
3050
+ mask-mode: match-source,match-source;
3051
+ }
3052
+ .turtle-widget-root .active\:bg-background\/90:active {
3053
+ background-color: var(--color-background);
3054
+ }
3055
+ @supports (color:color-mix(in lab,red,red)) {
3056
+ .turtle-widget-root .active\:bg-background\/90:active {
3057
+ background-color: var(--color-background);
3058
+ @supports (color: color-mix(in lab, red, red)) {
3059
+ background-color: color-mix(in oklab,var(--color-background)90%,transparent);
3060
+ }
3061
+ }
3062
+ }
2235
3063
  .turtle-widget-root .disabled\:pointer-events-none:disabled {
2236
3064
  pointer-events: none;
2237
3065
  }
2238
3066
  .turtle-widget-root .disabled\:cursor-not-allowed:disabled {
2239
3067
  cursor: not-allowed;
2240
3068
  }
3069
+ .turtle-widget-root .disabled\:text-muted-foreground:disabled {
3070
+ color: var(--color-muted-foreground);
3071
+ }
2241
3072
  .turtle-widget-root .disabled\:opacity-50:disabled {
2242
3073
  opacity: .5;
2243
3074
  }
3075
+ .turtle-widget-root .disabled\:grayscale-100:disabled {
3076
+ --tw-grayscale: grayscale(100%);
3077
+ 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,);
3078
+ }
2244
3079
  .turtle-widget-root .has-\[\>svg\]\:px-2\.5:has(>svg) {
2245
3080
  padding-inline: calc(var(--spacing)*2.5);
2246
3081
  }
@@ -2251,25 +3086,104 @@
2251
3086
  padding-inline: calc(var(--spacing)*4);
2252
3087
  }
2253
3088
  .turtle-widget-root .aria-invalid\:border-destructive[aria-invalid=true] {
2254
- border-color: var(--destructive);
3089
+ border-color: var(--color-destructive);
2255
3090
  }
2256
3091
  .turtle-widget-root .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
2257
- --tw-ring-color: var(--destructive);
3092
+ --tw-ring-color: var(--color-destructive);
2258
3093
  }
2259
3094
  @supports (color:color-mix(in lab,red,red)) {
2260
3095
  .turtle-widget-root .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
2261
- --tw-ring-color: var(--destructive);
3096
+ --tw-ring-color: var(--color-destructive);
2262
3097
  @supports (color: color-mix(in lab, red, red)) {
2263
- --tw-ring-color: color-mix(in oklab,var(--destructive)20%,transparent);
3098
+ --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
2264
3099
  }
2265
3100
  }
2266
3101
  }
2267
- .turtle-widget-root .data-\[disabled\]\:pointer-events-none[data-disabled] {
2268
- pointer-events: none;
3102
+ .turtle-widget-root .data-\[active\=true\]\:bg-neutral-alpha-10[data-active=true] {
3103
+ background-color: var(--color-neutral-alpha-10);
2269
3104
  }
2270
- .turtle-widget-root .data-\[disabled\]\:opacity-50[data-disabled] {
3105
+ .turtle-widget-root .data-\[active\=true\]\:bg-gradient-to-b[data-active=true] {
3106
+ --tw-gradient-position: to bottom in oklab;
3107
+ background-image: linear-gradient(var(--tw-gradient-stops));
3108
+ }
3109
+ .turtle-widget-root .data-\[active\=true\]\:from-primary[data-active=true] {
3110
+ --tw-gradient-from: var(--color-primary);
3111
+ --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));
3112
+ }
3113
+ .turtle-widget-root .data-\[active\=true\]\:via-primary\/20[data-active=true] {
3114
+ --tw-gradient-via: var(--color-primary);
3115
+ }
3116
+ @supports (color:color-mix(in lab,red,red)) {
3117
+ .turtle-widget-root .data-\[active\=true\]\:via-primary\/20[data-active=true] {
3118
+ --tw-gradient-via: var(--color-primary);
3119
+ @supports (color: color-mix(in lab, red, red)) {
3120
+ --tw-gradient-via: color-mix(in oklab,var(--color-primary)20%,transparent);
3121
+ }
3122
+ }
3123
+ }
3124
+ .turtle-widget-root .data-\[active\=true\]\:via-primary\/20[data-active=true] {
3125
+ --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);
3126
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3127
+ }
3128
+ .turtle-widget-root .data-\[active\=true\]\:to-primary\/30[data-active=true] {
3129
+ --tw-gradient-to: var(--color-primary);
3130
+ }
3131
+ @supports (color:color-mix(in lab,red,red)) {
3132
+ .turtle-widget-root .data-\[active\=true\]\:to-primary\/30[data-active=true] {
3133
+ --tw-gradient-to: var(--color-primary);
3134
+ @supports (color: color-mix(in lab, red, red)) {
3135
+ --tw-gradient-to: color-mix(in oklab,var(--color-primary)30%,transparent);
3136
+ }
3137
+ }
3138
+ }
3139
+ .turtle-widget-root .data-\[active\=true\]\:to-primary\/30[data-active=true] {
3140
+ --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));
3141
+ }
3142
+ .turtle-widget-root .data-\[active\=true\]\:text-foreground[data-active=true] {
3143
+ color: var(--color-foreground);
3144
+ }
3145
+ .turtle-widget-root .data-\[active\=true\]\:text-primary[data-active=true] {
3146
+ color: var(--color-primary);
3147
+ }
3148
+ .turtle-widget-root .data-\[disabled\]\:pointer-events-none[data-disabled] {
3149
+ pointer-events: none;
3150
+ }
3151
+ .turtle-widget-root .data-\[disabled\]\:opacity-50[data-disabled] {
2271
3152
  opacity: .5;
2272
3153
  }
3154
+ .turtle-widget-root .data-\[inset\]\:pl-8[data-inset] {
3155
+ padding-left: calc(var(--spacing)*8);
3156
+ }
3157
+ .turtle-widget-root .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] {
3158
+ --tw-enter-translate-x: calc(var(--spacing)*52);
3159
+ }
3160
+ .turtle-widget-root .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] {
3161
+ --tw-enter-translate-x: calc(var(--spacing)*52*-1);
3162
+ }
3163
+ .turtle-widget-root .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] {
3164
+ --tw-exit-translate-x: calc(var(--spacing)*52);
3165
+ }
3166
+ .turtle-widget-root .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] {
3167
+ --tw-exit-translate-x: calc(var(--spacing)*52*-1);
3168
+ }
3169
+ .turtle-widget-root .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-] {
3170
+ 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);
3171
+ }
3172
+ .turtle-widget-root .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] {
3173
+ --tw-enter-opacity: 0;
3174
+ }
3175
+ .turtle-widget-root .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-] {
3176
+ 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);
3177
+ }
3178
+ .turtle-widget-root .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-] {
3179
+ --tw-exit-opacity: 0;
3180
+ }
3181
+ .turtle-widget-root .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal] {
3182
+ height: calc(var(--spacing)*1.5);
3183
+ }
3184
+ .turtle-widget-root .data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal] {
3185
+ height: 100%;
3186
+ }
2273
3187
  .turtle-widget-root .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] {
2274
3188
  height: 1px;
2275
3189
  }
@@ -2279,55 +3193,68 @@
2279
3193
  .turtle-widget-root .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical] {
2280
3194
  height: 100%;
2281
3195
  }
3196
+ .turtle-widget-root .data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical] {
3197
+ min-height: calc(var(--spacing)*44);
3198
+ }
3199
+ .turtle-widget-root .data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical] {
3200
+ width: calc(var(--spacing)*1.5);
3201
+ }
3202
+ .turtle-widget-root .data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical] {
3203
+ width: auto;
3204
+ }
3205
+ .turtle-widget-root .data-\[orientation\=vertical\]\:w-full[data-orientation=vertical] {
3206
+ width: 100%;
3207
+ }
2282
3208
  .turtle-widget-root .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] {
2283
3209
  width: 1px;
2284
3210
  }
3211
+ .turtle-widget-root .data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical] {
3212
+ flex-direction: column;
3213
+ }
2285
3214
  .turtle-widget-root .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
2286
- color: var(--muted-foreground);
3215
+ color: var(--color-muted-foreground);
2287
3216
  }
2288
3217
  .turtle-widget-root .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
2289
3218
  --tw-translate-y: calc(var(--spacing)*1);
2290
3219
  translate: var(--tw-translate-x)var(--tw-translate-y);
2291
3220
  }
2292
3221
  .turtle-widget-root .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
2293
- --tw-enter-translate-y: calc(2*var(--spacing)*-1);
3222
+ --tw-enter-translate-y: calc(var(--spacing)*2*-1);
2294
3223
  }
2295
3224
  .turtle-widget-root .data-\[side\=left\]\:-translate-x-1[data-side=left] {
2296
3225
  --tw-translate-x: calc(var(--spacing)*-1);
2297
3226
  translate: var(--tw-translate-x)var(--tw-translate-y);
2298
3227
  }
2299
3228
  .turtle-widget-root .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
2300
- --tw-enter-translate-x: calc(2*var(--spacing));
3229
+ --tw-enter-translate-x: calc(var(--spacing)*2);
2301
3230
  }
2302
3231
  .turtle-widget-root .data-\[side\=right\]\:translate-x-1[data-side=right] {
2303
3232
  --tw-translate-x: calc(var(--spacing)*1);
2304
3233
  translate: var(--tw-translate-x)var(--tw-translate-y);
2305
3234
  }
2306
3235
  .turtle-widget-root .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
2307
- --tw-enter-translate-x: calc(2*var(--spacing)*-1);
3236
+ --tw-enter-translate-x: calc(var(--spacing)*2*-1);
2308
3237
  }
2309
3238
  .turtle-widget-root .data-\[side\=top\]\:-translate-y-1[data-side=top] {
2310
3239
  --tw-translate-y: calc(var(--spacing)*-1);
2311
3240
  translate: var(--tw-translate-x)var(--tw-translate-y);
2312
3241
  }
2313
3242
  .turtle-widget-root .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
2314
- --tw-enter-translate-y: calc(2*var(--spacing));
3243
+ --tw-enter-translate-y: calc(var(--spacing)*2);
2315
3244
  }
2316
- .turtle-widget-root .data-\[size\=default\]\:h-9[data-size=default] {
2317
- height: calc(var(--spacing)*9);
3245
+ .turtle-widget-root .data-\[size\=default\]\:h-10[data-size=default] {
3246
+ height: calc(var(--spacing)*10);
2318
3247
  }
2319
- .turtle-widget-root .data-\[size\=sm\]\:h-8[data-size=sm], .turtle-widget-root .data-\[size\=xs\]\:h-8[data-size=xs] {
3248
+ .turtle-widget-root .data-\[size\=sm\]\:h-8[data-size=sm] {
2320
3249
  height: calc(var(--spacing)*8);
2321
3250
  }
2322
- .turtle-widget-root .data-\[size\=xs\]\:px-4[data-size=xs] {
2323
- padding-inline: calc(var(--spacing)*4);
2324
- }
2325
- .turtle-widget-root .data-\[size\=xs\]\:py-2[data-size=xs] {
2326
- padding-block: calc(var(--spacing)*2);
3251
+ .turtle-widget-root :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus {
3252
+ --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
3253
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2327
3254
  }
2328
- .turtle-widget-root .data-\[size\=xs\]\:text-xs[data-size=xs] {
2329
- font-size: var(--text-xs);
2330
- line-height: var(--tw-leading,var(--text-xs--line-height));
3255
+ .turtle-widget-root :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus {
3256
+ --tw-outline-style: none;
3257
+ outline-style: none;
2331
3258
  }
2332
3259
  .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
2333
3260
  -webkit-line-clamp: 1;
@@ -2348,8 +3275,24 @@
2348
3275
  --tw-translate-x: calc(100% - 2px);
2349
3276
  translate: var(--tw-translate-x)var(--tw-translate-y);
2350
3277
  }
3278
+ .turtle-widget-root .data-\[state\=checked\]\:border[data-state=checked] {
3279
+ border-style: var(--tw-border-style);
3280
+ border-width: 1px;
3281
+ }
3282
+ .turtle-widget-root .data-\[state\=checked\]\:border-border[data-state=checked] {
3283
+ border-color: var(--color-border);
3284
+ }
3285
+ .turtle-widget-root .data-\[state\=checked\]\:border-primary[data-state=checked] {
3286
+ border-color: var(--color-primary);
3287
+ }
3288
+ .turtle-widget-root .data-\[state\=checked\]\:bg-neutral-alpha-2[data-state=checked] {
3289
+ background-color: var(--color-neutral-alpha-2);
3290
+ }
2351
3291
  .turtle-widget-root .data-\[state\=checked\]\:bg-primary[data-state=checked] {
2352
- background-color: var(--primary);
3292
+ background-color: var(--color-primary);
3293
+ }
3294
+ .turtle-widget-root .data-\[state\=checked\]\:text-primary-foreground[data-state=checked] {
3295
+ color: var(--color-primary-foreground);
2353
3296
  }
2354
3297
  .turtle-widget-root .data-\[state\=closed\]\:animate-out[data-state=closed] {
2355
3298
  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);
@@ -2360,27 +3303,105 @@
2360
3303
  .turtle-widget-root .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
2361
3304
  --tw-exit-scale: .95;
2362
3305
  }
3306
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
3307
+ 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);
3308
+ }
3309
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
3310
+ --tw-exit-opacity: 0;
3311
+ }
3312
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
3313
+ --tw-exit-scale: .95;
3314
+ }
3315
+ .turtle-widget-root .data-\[state\=hidden\]\:animate-out[data-state=hidden] {
3316
+ 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);
3317
+ }
3318
+ .turtle-widget-root .data-\[state\=hidden\]\:fade-out[data-state=hidden] {
3319
+ --tw-exit-opacity: 0;
3320
+ }
2363
3321
  .turtle-widget-root .data-\[state\=on\]\:bg-accent[data-state=on] {
2364
- background-color: var(--accent);
3322
+ background-color: var(--color-accent);
2365
3323
  }
2366
3324
  .turtle-widget-root .data-\[state\=on\]\:text-accent-foreground[data-state=on] {
2367
- color: var(--accent-foreground);
3325
+ color: var(--color-accent-foreground);
2368
3326
  }
2369
3327
  .turtle-widget-root .data-\[state\=open\]\:animate-in[data-state=open] {
2370
3328
  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);
2371
3329
  }
3330
+ .turtle-widget-root .data-\[state\=open\]\:bg-accent[data-state=open], .turtle-widget-root .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
3331
+ background-color: var(--color-accent);
3332
+ }
3333
+ @supports (color:color-mix(in lab,red,red)) {
3334
+ .turtle-widget-root .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
3335
+ background-color: var(--color-accent);
3336
+ @supports (color: color-mix(in lab, red, red)) {
3337
+ background-color: color-mix(in oklab,var(--color-accent)50%,transparent);
3338
+ }
3339
+ }
3340
+ }
3341
+ .turtle-widget-root .data-\[state\=open\]\:text-accent-foreground[data-state=open] {
3342
+ color: var(--color-accent-foreground);
3343
+ }
3344
+ .turtle-widget-root .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
3345
+ color: var(--color-muted-foreground);
3346
+ }
2372
3347
  .turtle-widget-root .data-\[state\=open\]\:fade-in-0[data-state=open] {
2373
3348
  --tw-enter-opacity: 0;
2374
3349
  }
3350
+ .turtle-widget-root .data-\[state\=open\]\:zoom-in-90[data-state=open] {
3351
+ --tw-enter-scale: .9;
3352
+ }
2375
3353
  .turtle-widget-root .data-\[state\=open\]\:zoom-in-95[data-state=open] {
2376
3354
  --tw-enter-scale: .95;
2377
3355
  }
3356
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
3357
+ 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);
3358
+ }
3359
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
3360
+ --tw-enter-opacity: 0;
3361
+ }
3362
+ .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
3363
+ --tw-enter-scale: .95;
3364
+ }
3365
+ @media (hover:hover) {
3366
+ .turtle-widget-root .data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover {
3367
+ background-color: var(--color-accent);
3368
+ }
3369
+ }
3370
+ .turtle-widget-root .data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus {
3371
+ background-color: var(--color-accent);
3372
+ }
3373
+ .turtle-widget-root .data-\[state\=selected\]\:bg-neutral-alpha-10[data-state=selected] {
3374
+ background-color: var(--color-neutral-alpha-10);
3375
+ }
2378
3376
  .turtle-widget-root .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
2379
3377
  --tw-translate-x: calc(var(--spacing)*0);
2380
3378
  translate: var(--tw-translate-x)var(--tw-translate-y);
2381
3379
  }
2382
3380
  .turtle-widget-root .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
2383
- background-color: var(--input);
3381
+ background-color: var(--color-input);
3382
+ }
3383
+ .turtle-widget-root .data-\[state\=visible\]\:animate-in[data-state=visible] {
3384
+ 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);
3385
+ }
3386
+ .turtle-widget-root .data-\[state\=visible\]\:fade-in[data-state=visible] {
3387
+ --tw-enter-opacity: 0;
3388
+ }
3389
+ .turtle-widget-root .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive] {
3390
+ color: var(--color-destructive);
3391
+ }
3392
+ .turtle-widget-root .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
3393
+ background-color: var(--color-destructive);
3394
+ }
3395
+ @supports (color:color-mix(in lab,red,red)) {
3396
+ .turtle-widget-root .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
3397
+ background-color: var(--color-destructive);
3398
+ @supports (color: color-mix(in lab, red, red)) {
3399
+ background-color: color-mix(in oklab,var(--color-destructive)10%,transparent);
3400
+ }
3401
+ }
3402
+ }
3403
+ .turtle-widget-root .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus {
3404
+ color: var(--color-destructive);
2384
3405
  }
2385
3406
  .turtle-widget-root .data-\[variant\=outline\]\:border-l-0[data-variant=outline] {
2386
3407
  border-left-style: var(--tw-border-style);
@@ -2394,6 +3415,174 @@
2394
3415
  border-left-style: var(--tw-border-style);
2395
3416
  border-left-width: 1px;
2396
3417
  }
3418
+ @media not all and (min-width:64rem) {
3419
+ .turtle-widget-root .max-lg\:hidden {
3420
+ display: none;
3421
+ }
3422
+ .turtle-widget-root .max-lg\:flex-col {
3423
+ flex-direction: column;
3424
+ }
3425
+ }
3426
+ @media (min-width:40rem) {
3427
+ .turtle-widget-root .sm\:left-1\/2 {
3428
+ left: 50%;
3429
+ }
3430
+ .turtle-widget-root .sm\:w-\[750px\] {
3431
+ width: 750px;
3432
+ }
3433
+ .turtle-widget-root .sm\:max-w-lg {
3434
+ max-width: var(--container-lg);
3435
+ }
3436
+ .turtle-widget-root .sm\:grow-0 {
3437
+ flex-grow: 0;
3438
+ }
3439
+ .turtle-widget-root .sm\:translate-x-\[-90\%\] {
3440
+ --tw-translate-x: -90%;
3441
+ translate: var(--tw-translate-x)var(--tw-translate-y);
3442
+ }
3443
+ .turtle-widget-root .sm\:flex-row {
3444
+ flex-direction: row;
3445
+ }
3446
+ .turtle-widget-root .sm\:justify-end {
3447
+ justify-content: flex-end;
3448
+ }
3449
+ .turtle-widget-root .sm\:justify-evenly {
3450
+ justify-content: space-evenly;
3451
+ }
3452
+ .turtle-widget-root .sm\:text-left {
3453
+ text-align: left;
3454
+ }
3455
+ }
3456
+ @media (min-width:48rem) {
3457
+ .turtle-widget-root .md\:absolute {
3458
+ position: absolute;
3459
+ }
3460
+ .turtle-widget-root .md\:top-1\/2 {
3461
+ top: 50%;
3462
+ }
3463
+ .turtle-widget-root .md\:top-\[-100px\] {
3464
+ top: -100px;
3465
+ }
3466
+ .turtle-widget-root .md\:top-\[-250px\] {
3467
+ top: -250px;
3468
+ }
3469
+ .turtle-widget-root .md\:right-\[-400px\] {
3470
+ right: -400px;
3471
+ }
3472
+ .turtle-widget-root .md\:bottom-\[-450px\] {
3473
+ bottom: -450px;
3474
+ }
3475
+ .turtle-widget-root .md\:left-1\/2 {
3476
+ left: 50%;
3477
+ }
3478
+ .turtle-widget-root .md\:left-\[-190px\] {
3479
+ left: -190px;
3480
+ }
3481
+ .turtle-widget-root .md\:z-0 {
3482
+ z-index: 0;
3483
+ }
3484
+ .turtle-widget-root .md\:size-\[600px\] {
3485
+ width: 600px;
3486
+ height: 600px;
3487
+ }
3488
+ .turtle-widget-root .md\:w-\[300px\] {
3489
+ width: 300px;
3490
+ }
3491
+ .turtle-widget-root .md\:w-\[800px\] {
3492
+ width: 800px;
3493
+ }
3494
+ .turtle-widget-root .md\:w-\[1000px\] {
3495
+ width: 1000px;
3496
+ }
3497
+ .turtle-widget-root .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
3498
+ width: var(--radix-navigation-menu-viewport-width);
3499
+ }
3500
+ .turtle-widget-root .md\:w-auto {
3501
+ width: auto;
3502
+ }
3503
+ .turtle-widget-root .md\:-translate-x-full {
3504
+ --tw-translate-x: -100%;
3505
+ translate: var(--tw-translate-x)var(--tw-translate-y);
3506
+ }
3507
+ .turtle-widget-root .md\:-translate-y-full {
3508
+ --tw-translate-y: -100%;
3509
+ translate: var(--tw-translate-x)var(--tw-translate-y);
3510
+ }
3511
+ .turtle-widget-root .md\:rotate-0 {
3512
+ rotate: none;
3513
+ }
3514
+ }
3515
+ @media (min-width:64rem) {
3516
+ .turtle-widget-root .lg\:bottom-\[-350px\] {
3517
+ bottom: -350px;
3518
+ }
3519
+ .turtle-widget-root .lg\:left-\[-150px\] {
3520
+ left: -150px;
3521
+ }
3522
+ .turtle-widget-root .lg\:hidden {
3523
+ display: none;
3524
+ }
3525
+ .turtle-widget-root .lg\:min-w-0 {
3526
+ min-width: calc(var(--spacing)*0);
3527
+ }
3528
+ .turtle-widget-root .lg\:rounded-lg {
3529
+ border-radius: var(--radius-lg);
3530
+ }
3531
+ .turtle-widget-root .lg\:bg-background {
3532
+ background-color: var(--color-background);
3533
+ }
3534
+ .turtle-widget-root .lg\:p-10 {
3535
+ padding: calc(var(--spacing)*10);
3536
+ }
3537
+ .turtle-widget-root .lg\:pt-2 {
3538
+ padding-top: calc(var(--spacing)*2);
3539
+ }
3540
+ .turtle-widget-root .lg\:pr-2 {
3541
+ padding-right: calc(var(--spacing)*2);
3542
+ }
3543
+ .turtle-widget-root .lg\:pl-64 {
3544
+ padding-left: calc(var(--spacing)*64);
3545
+ }
3546
+ .turtle-widget-root .lg\:shadow-xs {
3547
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
3548
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
3549
+ }
3550
+ .turtle-widget-root .lg\:ring-1 {
3551
+ --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
3552
+ box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
3553
+ }
3554
+ .turtle-widget-root .lg\:ring-border {
3555
+ --tw-ring-color: var(--color-border);
3556
+ }
3557
+ }
3558
+ .turtle-widget-root .dark\:bg-destructive\/60:is(.dark *) {
3559
+ background-color: var(--color-destructive);
3560
+ }
3561
+ @supports (color:color-mix(in lab,red,red)) {
3562
+ .turtle-widget-root .dark\:bg-destructive\/60:is(.dark *) {
3563
+ background-color: var(--color-destructive);
3564
+ @supports (color: color-mix(in lab, red, red)) {
3565
+ background-color: color-mix(in oklab,var(--color-destructive)60%,transparent);
3566
+ }
3567
+ }
3568
+ }
3569
+ .turtle-widget-root .dark\:bg-input\/30:is(.dark *) {
3570
+ background-color: var(--color-input);
3571
+ }
3572
+ @supports (color:color-mix(in lab,red,red)) {
3573
+ .turtle-widget-root .dark\:bg-input\/30:is(.dark *) {
3574
+ background-color: var(--color-input);
3575
+ @supports (color: color-mix(in lab, red, red)) {
3576
+ background-color: color-mix(in oklab,var(--color-input)30%,transparent);
3577
+ }
3578
+ }
3579
+ }
3580
+ .turtle-widget-root .dark\:group-data-\[state\=checked\]\:bg-primary:is(.dark *):is(:where(.group)[data-state=checked] *) {
3581
+ background-color: var(--color-primary);
3582
+ }
3583
+ .turtle-widget-root .dark\:group-data-\[state\=unchecked\]\:bg-foreground:is(.dark *):is(:where(.group)[data-state=unchecked] *) {
3584
+ background-color: var(--color-foreground);
3585
+ }
2397
3586
  .turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
2398
3587
  content: var(--tw-content);
2399
3588
  --tw-gradient-from: #fff6;
@@ -2424,47 +3613,144 @@
2424
3613
  .turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
2425
3614
  --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));
2426
3615
  }
3616
+ @media (hover:hover) {
3617
+ .turtle-widget-root .dark\:hover\:bg-input\/50:is(.dark *):hover {
3618
+ background-color: var(--color-input);
3619
+ }
3620
+ @supports (color:color-mix(in lab,red,red)) {
3621
+ .turtle-widget-root .dark\:hover\:bg-input\/50:is(.dark *):hover {
3622
+ background-color: var(--color-input);
3623
+ @supports (color: color-mix(in lab, red, red)) {
3624
+ background-color: color-mix(in oklab,var(--color-input)50%,transparent);
3625
+ }
3626
+ }
3627
+ }
3628
+ }
3629
+ .turtle-widget-root .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
3630
+ --tw-ring-color: var(--color-destructive);
3631
+ }
3632
+ @supports (color:color-mix(in lab,red,red)) {
3633
+ .turtle-widget-root .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
3634
+ --tw-ring-color: var(--color-destructive);
3635
+ @supports (color: color-mix(in lab, red, red)) {
3636
+ --tw-ring-color: color-mix(in oklab,var(--color-destructive)40%,transparent);
3637
+ }
3638
+ }
3639
+ }
2427
3640
  .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
2428
- --tw-ring-color: var(--destructive);
3641
+ --tw-ring-color: var(--color-destructive);
2429
3642
  }
2430
3643
  @supports (color:color-mix(in lab,red,red)) {
2431
3644
  .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
2432
- --tw-ring-color: var(--destructive);
3645
+ --tw-ring-color: var(--color-destructive);
2433
3646
  @supports (color: color-mix(in lab, red, red)) {
2434
- --tw-ring-color: color-mix(in oklab,var(--destructive)40%,transparent);
3647
+ --tw-ring-color: color-mix(in oklab,var(--color-destructive)40%,transparent);
2435
3648
  }
2436
3649
  }
2437
3650
  }
2438
- .turtle-widget-root .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked] {
2439
- background-color: var(--primary-foreground);
2440
- }
2441
- .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked] {
2442
- background-color: var(--foreground);
3651
+ .turtle-widget-root .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked] {
3652
+ background-color: var(--color-primary);
2443
3653
  }
2444
3654
  .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
2445
- background-color: var(--input);
3655
+ background-color: var(--color-input);
2446
3656
  }
2447
3657
  @supports (color:color-mix(in lab,red,red)) {
2448
3658
  .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
2449
- background-color: var(--input);
3659
+ background-color: var(--color-input);
3660
+ @supports (color: color-mix(in lab, red, red)) {
3661
+ background-color: color-mix(in oklab,var(--color-input)80%,transparent);
3662
+ }
3663
+ }
3664
+ }
3665
+ .turtle-widget-root .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus {
3666
+ background-color: var(--color-destructive);
3667
+ }
3668
+ @supports (color:color-mix(in lab,red,red)) {
3669
+ .turtle-widget-root .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus {
3670
+ background-color: var(--color-destructive);
3671
+ @supports (color: color-mix(in lab, red, red)) {
3672
+ background-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
3673
+ }
3674
+ }
3675
+ }
3676
+ .turtle-widget-root .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
3677
+ fill: var(--color-muted-foreground);
3678
+ }
3679
+ .turtle-widget-root .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
3680
+ stroke: var(--color-border);
3681
+ }
3682
+ @supports (color:color-mix(in lab,red,red)) {
3683
+ .turtle-widget-root .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
3684
+ stroke: var(--color-border);
2450
3685
  @supports (color: color-mix(in lab, red, red)) {
2451
- background-color: color-mix(in oklab,var(--input)80%,transparent);
3686
+ stroke: color-mix(in oklab,var(--color-border)50%,transparent);
2452
3687
  }
2453
3688
  }
2454
3689
  }
3690
+ .turtle-widget-root .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
3691
+ stroke: var(--color-border);
3692
+ }
3693
+ .turtle-widget-root .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
3694
+ stroke: #0000;
3695
+ }
3696
+ .turtle-widget-root .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
3697
+ --tw-outline-style: none;
3698
+ outline-style: none;
3699
+ }
3700
+ @media (forced-colors:active) {
3701
+ .turtle-widget-root .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
3702
+ outline-offset: 2px;
3703
+ outline: 2px solid #0000;
3704
+ }
3705
+ }
3706
+ .turtle-widget-root .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
3707
+ stroke: var(--color-border);
3708
+ }
3709
+ .turtle-widget-root .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .turtle-widget-root .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
3710
+ fill: var(--color-muted);
3711
+ }
3712
+ .turtle-widget-root .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
3713
+ stroke: var(--color-border);
3714
+ }
3715
+ .turtle-widget-root .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
3716
+ --tw-outline-style: none;
3717
+ outline-style: none;
3718
+ }
3719
+ @media (forced-colors:active) {
3720
+ .turtle-widget-root .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
3721
+ outline-offset: 2px;
3722
+ outline: 2px solid #0000;
3723
+ }
3724
+ }
3725
+ .turtle-widget-root .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
3726
+ stroke: #0000;
3727
+ }
3728
+ .turtle-widget-root .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
3729
+ --tw-outline-style: none;
3730
+ outline-style: none;
3731
+ }
3732
+ @media (forced-colors:active) {
3733
+ .turtle-widget-root .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
3734
+ outline-offset: 2px;
3735
+ outline: 2px solid #0000;
3736
+ }
3737
+ }
2455
3738
  .turtle-widget-root .\[\&_svg\]\:pointer-events-none svg {
2456
3739
  pointer-events: none;
2457
3740
  }
2458
3741
  .turtle-widget-root .\[\&_svg\]\:shrink-0 svg {
2459
3742
  flex-shrink: 0;
2460
3743
  }
2461
- .turtle-widget-root .\[\&_svg\]\:text-muted-foreground svg {
2462
- color: var(--muted-foreground);
2463
- }
2464
3744
  .turtle-widget-root .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
2465
3745
  width: calc(var(--spacing)*4);
2466
3746
  height: calc(var(--spacing)*4);
2467
3747
  }
3748
+ .turtle-widget-root .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]) {
3749
+ color: var(--color-muted-foreground);
3750
+ }
3751
+ .turtle-widget-root .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
3752
+ padding-right: calc(var(--spacing)*0);
3753
+ }
2468
3754
  .turtle-widget-root :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
2469
3755
  display: flex;
2470
3756
  }
@@ -2474,6 +3760,88 @@
2474
3760
  .turtle-widget-root :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
2475
3761
  gap: calc(var(--spacing)*2);
2476
3762
  }
3763
+ .turtle-widget-root :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg) {
3764
+ color: var(--color-destructive) !important;
3765
+ }
3766
+ @media (hover:hover) {
3767
+ .turtle-widget-root .hover\:\[\&\>\[data-slot\=\"table-cell\"\]\]\:bg-neutral-alpha-5:hover>[data-slot=table-cell] {
3768
+ background-color: var(--color-neutral-alpha-5);
3769
+ }
3770
+ }
3771
+ .turtle-widget-root .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
3772
+ --tw-translate-y: 2px;
3773
+ translate: var(--tw-translate-x)var(--tw-translate-y);
3774
+ }
3775
+ .turtle-widget-root .\[\&\>div\]\:\!block>div {
3776
+ display: block !important;
3777
+ }
3778
+ .turtle-widget-root .\[\&\>svg\]\:pointer-events-none>svg {
3779
+ pointer-events: none;
3780
+ }
3781
+ .turtle-widget-root .\[\&\>svg\]\:size-3>svg {
3782
+ width: calc(var(--spacing)*3);
3783
+ height: calc(var(--spacing)*3);
3784
+ }
3785
+ .turtle-widget-root .\[\&\>svg\]\:h-2\.5>svg {
3786
+ height: calc(var(--spacing)*2.5);
3787
+ }
3788
+ .turtle-widget-root .\[\&\>svg\]\:h-3>svg {
3789
+ height: calc(var(--spacing)*3);
3790
+ }
3791
+ .turtle-widget-root .\[\&\>svg\]\:w-2\.5>svg {
3792
+ width: calc(var(--spacing)*2.5);
3793
+ }
3794
+ .turtle-widget-root .\[\&\>svg\]\:w-3>svg {
3795
+ width: calc(var(--spacing)*3);
3796
+ }
3797
+ .turtle-widget-root .\[\&\>svg\]\:text-muted-foreground>svg {
3798
+ color: var(--color-muted-foreground);
3799
+ }
3800
+ .turtle-widget-root .\[\&\>tr\]\:last\:border-b-0>tr:last-child {
3801
+ border-bottom-style: var(--tw-border-style);
3802
+ border-bottom-width: 0;
3803
+ }
3804
+ @media (hover:hover) {
3805
+ .turtle-widget-root a.\[a\&\]\:hover\:bg-accent:hover {
3806
+ background-color: var(--color-accent);
3807
+ }
3808
+ .turtle-widget-root a.\[a\&\]\:hover\:bg-destructive\/90:hover {
3809
+ background-color: var(--color-destructive);
3810
+ }
3811
+ @supports (color:color-mix(in lab,red,red)) {
3812
+ .turtle-widget-root a.\[a\&\]\:hover\:bg-destructive\/90:hover {
3813
+ background-color: var(--color-destructive);
3814
+ @supports (color: color-mix(in lab, red, red)) {
3815
+ background-color: color-mix(in oklab,var(--color-destructive)90%,transparent);
3816
+ }
3817
+ }
3818
+ }
3819
+ .turtle-widget-root a.\[a\&\]\:hover\:bg-primary\/90:hover {
3820
+ background-color: var(--color-primary);
3821
+ }
3822
+ @supports (color:color-mix(in lab,red,red)) {
3823
+ .turtle-widget-root a.\[a\&\]\:hover\:bg-primary\/90:hover {
3824
+ background-color: var(--color-primary);
3825
+ @supports (color: color-mix(in lab, red, red)) {
3826
+ background-color: color-mix(in oklab,var(--color-primary)90%,transparent);
3827
+ }
3828
+ }
3829
+ }
3830
+ .turtle-widget-root a.\[a\&\]\:hover\:bg-secondary\/90:hover {
3831
+ background-color: var(--color-secondary);
3832
+ }
3833
+ @supports (color:color-mix(in lab,red,red)) {
3834
+ .turtle-widget-root a.\[a\&\]\:hover\:bg-secondary\/90:hover {
3835
+ background-color: var(--color-secondary);
3836
+ @supports (color: color-mix(in lab, red, red)) {
3837
+ background-color: color-mix(in oklab,var(--color-secondary)90%,transparent);
3838
+ }
3839
+ }
3840
+ }
3841
+ .turtle-widget-root a.\[a\&\]\:hover\:text-accent-foreground:hover {
3842
+ color: var(--color-accent-foreground);
3843
+ }
3844
+ }
2477
3845
  }
2478
3846
  @property --tw-animation-delay {
2479
3847
  syntax: "*";
@@ -2499,6 +3867,11 @@
2499
3867
  inherits: false;
2500
3868
  initial-value: 1;
2501
3869
  }
3870
+ @property --tw-enter-blur {
3871
+ syntax: "*";
3872
+ inherits: false;
3873
+ initial-value: 0;
3874
+ }
2502
3875
  @property --tw-enter-opacity {
2503
3876
  syntax: "*";
2504
3877
  inherits: false;
@@ -2524,6 +3897,11 @@
2524
3897
  inherits: false;
2525
3898
  initial-value: 0;
2526
3899
  }
3900
+ @property --tw-exit-blur {
3901
+ syntax: "*";
3902
+ inherits: false;
3903
+ initial-value: 0;
3904
+ }
2527
3905
  @property --tw-exit-opacity {
2528
3906
  syntax: "*";
2529
3907
  inherits: false;
@@ -2553,23 +3931,31 @@
2553
3931
  --color-brand-green: #73f36c;
2554
3932
  --color-brand-black: #141514;
2555
3933
  --color-brand-white: #f9f9f9;
2556
- --color-neutral-50: #f9f9f9;
2557
- --color-neutral-100: #f1f1f1;
2558
- --color-neutral-200: #e5e5e5;
2559
- --color-neutral-300: #d1d1d1;
2560
- --color-neutral-400: #a3a3a3;
2561
- --color-neutral-500: #737373;
2562
- --color-neutral-600: #525252;
2563
- --color-neutral-700: #404040;
2564
- --color-neutral-800: #262626;
2565
- --color-neutral-900: #141514;
3934
+ --color-neutral-base-50: #f9f9f9;
3935
+ --color-neutral-base-100: #f1f1f1;
3936
+ --color-neutral-base-200: #e5e5e5;
3937
+ --color-neutral-base-300: #d1d1d1;
3938
+ --color-neutral-base-400: #a3a3a3;
3939
+ --color-neutral-base-500: #737373;
3940
+ --color-neutral-base-600: #525252;
3941
+ --color-neutral-base-700: #404040;
3942
+ --color-neutral-base-800: #262626;
3943
+ --color-neutral-base-850: #191a19;
3944
+ --color-neutral-base-900: #141514;
3945
+ --color-brand-green-alpha-10: #47a73b1a;
3946
+ --color-brand-green-alpha-30: #73f36c4d;
3947
+ --color-brand-green-alpha-40: #73f36c66;
3948
+ --color-brand-green-alpha-50: #73f36c80;
3949
+ --color-brand-green-alpha-60: #73f36c99;
3950
+ --color-brand-green-alpha-70: #73f36cb3;
3951
+ --color-brand-green-alpha-80: #73f36ccc;
3952
+ --color-brand-green-alpha-90: #73f36ce6;
2566
3953
  --color-neutral-alpha-2: #f9f9f905;
2567
3954
  --color-neutral-alpha-5: #f9f9f90d;
2568
3955
  --color-neutral-alpha-10: #f9f9f91a;
2569
3956
  --color-neutral-alpha-20: #f9f9f933;
2570
3957
  --color-neutral-alpha-30: #f9f9f94d;
2571
3958
  --color-neutral-alpha-50: #ffffff80;
2572
- --color-brand-green-alpha-10: #47a73b1a;
2573
3959
  --color-brand-green-alpha-20: #73f36c33;
2574
3960
  --color-brand-aqua: #aaf1d5;
2575
3961
  --color-neutral-alpha-dark-2: #14151405;
@@ -2625,13 +4011,16 @@
2625
4011
  --radius-sm: .25rem;
2626
4012
  --radius-md: .375rem;
2627
4013
  --radius-lg: .5rem;
4014
+ --radius-lg-2: .625rem;
2628
4015
  --radius-xl: .75rem;
2629
4016
  --radius-2xl: 1rem;
4017
+ --radius-turtle: 1.25rem;
2630
4018
  --radius-3xl: 1.5rem;
2631
4019
  --radius-full: 9999px;
2632
4020
  --radius-default: .625rem;
2633
4021
  --radius-button: var(--radius-full);
2634
- --radius-card: var(--radius-xl);
4022
+ --radius-card: var(--radius-turtle);
4023
+ --radius-info-card: var(--radius-lg-2);
2635
4024
  --radius-input: var(--radius-md);
2636
4025
  --radius-modal: var(--radius-xl);
2637
4026
  --radius-tooltip: var(--radius-md);
@@ -2701,9 +4090,9 @@
2701
4090
  --popover-foreground: var(--color-brand-white);
2702
4091
  --primary: var(--color-brand-green);
2703
4092
  --primary-foreground: var(--color-brand-black);
2704
- --secondary: var(--color-neutral-alpha-10);
4093
+ --secondary: var(--color-neutral-base-800);
2705
4094
  --secondary-foreground: var(--color-brand-white);
2706
- --muted: var(--color-neutral-alpha-2);
4095
+ --muted: var(--color-neutral-base-850);
2707
4096
  --muted-foreground: var(--color-neutral-alpha-50);
2708
4097
  --accent: var(--color-brand-green);
2709
4098
  --accent-foreground: var(--color-brand-black);
@@ -2740,6 +4129,41 @@
2740
4129
  --input: var(--color-neutral-alpha-2);
2741
4130
  --ring: var(--color-brand-green);
2742
4131
  }
4132
+ @property --tw-border-spacing-x {
4133
+ syntax: "<length>";
4134
+ inherits: false;
4135
+ initial-value: 0;
4136
+ }
4137
+ @property --tw-border-spacing-y {
4138
+ syntax: "<length>";
4139
+ inherits: false;
4140
+ initial-value: 0;
4141
+ }
4142
+ @property --tw-rotate-x {
4143
+ syntax: "*";
4144
+ inherits: false;
4145
+ }
4146
+ @property --tw-rotate-y {
4147
+ syntax: "*";
4148
+ inherits: false;
4149
+ }
4150
+ @property --tw-rotate-z {
4151
+ syntax: "*";
4152
+ inherits: false;
4153
+ }
4154
+ @property --tw-skew-x {
4155
+ syntax: "*";
4156
+ inherits: false;
4157
+ }
4158
+ @property --tw-skew-y {
4159
+ syntax: "*";
4160
+ inherits: false;
4161
+ }
4162
+ @property --tw-space-x-reverse {
4163
+ syntax: "*";
4164
+ inherits: false;
4165
+ initial-value: 0;
4166
+ }
2743
4167
  @property --tw-gradient-position {
2744
4168
  syntax: "*";
2745
4169
  inherits: false;
@@ -2786,16 +4210,91 @@
2786
4210
  syntax: "*";
2787
4211
  inherits: false;
2788
4212
  }
4213
+ @property --tw-tracking {
4214
+ syntax: "*";
4215
+ inherits: false;
4216
+ }
4217
+ @property --tw-ordinal {
4218
+ syntax: "*";
4219
+ inherits: false;
4220
+ }
4221
+ @property --tw-slashed-zero {
4222
+ syntax: "*";
4223
+ inherits: false;
4224
+ }
4225
+ @property --tw-numeric-figure {
4226
+ syntax: "*";
4227
+ inherits: false;
4228
+ }
4229
+ @property --tw-numeric-spacing {
4230
+ syntax: "*";
4231
+ inherits: false;
4232
+ }
4233
+ @property --tw-numeric-fraction {
4234
+ syntax: "*";
4235
+ inherits: false;
4236
+ }
2789
4237
  @property --tw-outline-style {
2790
4238
  syntax: "*";
2791
4239
  inherits: false;
2792
4240
  initial-value: solid;
2793
4241
  }
4242
+ @property --tw-backdrop-blur {
4243
+ syntax: "*";
4244
+ inherits: false;
4245
+ }
4246
+ @property --tw-backdrop-brightness {
4247
+ syntax: "*";
4248
+ inherits: false;
4249
+ }
4250
+ @property --tw-backdrop-contrast {
4251
+ syntax: "*";
4252
+ inherits: false;
4253
+ }
4254
+ @property --tw-backdrop-grayscale {
4255
+ syntax: "*";
4256
+ inherits: false;
4257
+ }
4258
+ @property --tw-backdrop-hue-rotate {
4259
+ syntax: "*";
4260
+ inherits: false;
4261
+ }
4262
+ @property --tw-backdrop-invert {
4263
+ syntax: "*";
4264
+ inherits: false;
4265
+ }
4266
+ @property --tw-backdrop-opacity {
4267
+ syntax: "*";
4268
+ inherits: false;
4269
+ }
4270
+ @property --tw-backdrop-saturate {
4271
+ syntax: "*";
4272
+ inherits: false;
4273
+ }
4274
+ @property --tw-backdrop-sepia {
4275
+ syntax: "*";
4276
+ inherits: false;
4277
+ }
2794
4278
  @property --tw-content {
2795
4279
  syntax: "*";
2796
4280
  inherits: false;
2797
4281
  initial-value: "";
2798
4282
  }
4283
+ @property --tw-scale-x {
4284
+ syntax: "*";
4285
+ inherits: false;
4286
+ initial-value: 1;
4287
+ }
4288
+ @property --tw-scale-y {
4289
+ syntax: "*";
4290
+ inherits: false;
4291
+ initial-value: 1;
4292
+ }
4293
+ @property --tw-scale-z {
4294
+ syntax: "*";
4295
+ inherits: false;
4296
+ initial-value: 1;
4297
+ }
2799
4298
  @keyframes spin {
2800
4299
  to {
2801
4300
  transform: rotate(360deg);
@@ -2810,12 +4309,14 @@
2810
4309
  0% {
2811
4310
  opacity: var(--tw-enter-opacity,1);
2812
4311
  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));
4312
+ filter: blur(var(--tw-enter-blur,0));
2813
4313
  }
2814
4314
  }
2815
4315
  @keyframes exit {
2816
4316
  to {
2817
4317
  opacity: var(--tw-exit-opacity,1);
2818
4318
  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));
4319
+ filter: blur(var(--tw-exit-blur,0));
2819
4320
  }
2820
4321
  }
2821
4322
  .turtle-widget-root {
@@ -2857,36 +4358,11 @@
2857
4358
  inherits: false;
2858
4359
  initial-value: 0;
2859
4360
  }
2860
- @property --tw-rotate-x {
2861
- syntax: "*";
2862
- inherits: false;
2863
- }
2864
- @property --tw-rotate-y {
2865
- syntax: "*";
2866
- inherits: false;
2867
- }
2868
- @property --tw-rotate-z {
2869
- syntax: "*";
2870
- inherits: false;
2871
- }
2872
- @property --tw-skew-x {
2873
- syntax: "*";
2874
- inherits: false;
2875
- }
2876
- @property --tw-skew-y {
2877
- syntax: "*";
2878
- inherits: false;
2879
- }
2880
4361
  @property --tw-space-y-reverse {
2881
4362
  syntax: "*";
2882
4363
  inherits: false;
2883
4364
  initial-value: 0;
2884
4365
  }
2885
- @property --tw-space-x-reverse {
2886
- syntax: "*";
2887
- inherits: false;
2888
- initial-value: 0;
2889
- }
2890
4366
  @property --tw-border-style {
2891
4367
  syntax: "*";
2892
4368
  inherits: false;
@@ -2896,10 +4372,6 @@
2896
4372
  syntax: "*";
2897
4373
  inherits: false;
2898
4374
  }
2899
- @property --tw-tracking {
2900
- syntax: "*";
2901
- inherits: false;
2902
- }
2903
4375
  @property --tw-shadow {
2904
4376
  syntax: "*";
2905
4377
  inherits: false;
@@ -3042,16 +4514,9 @@
3042
4514
  --tw-translate-x: 0;
3043
4515
  --tw-translate-y: 0;
3044
4516
  --tw-translate-z: 0;
3045
- --tw-rotate-x: initial;
3046
- --tw-rotate-y: initial;
3047
- --tw-rotate-z: initial;
3048
- --tw-skew-x: initial;
3049
- --tw-skew-y: initial;
3050
4517
  --tw-space-y-reverse: 0;
3051
- --tw-space-x-reverse: 0;
3052
4518
  --tw-border-style: solid;
3053
4519
  --tw-font-weight: initial;
3054
- --tw-tracking: initial;
3055
4520
  --tw-shadow: 0 0 #0000;
3056
4521
  --tw-shadow-color: initial;
3057
4522
  --tw-shadow-alpha: 100%;
@@ -3086,16 +4551,26 @@
3086
4551
  --tw-animation-duration: initial;
3087
4552
  --tw-animation-fill-mode: none;
3088
4553
  --tw-animation-iteration-count: 1;
4554
+ --tw-enter-blur: 0;
3089
4555
  --tw-enter-opacity: 1;
3090
4556
  --tw-enter-rotate: 0;
3091
4557
  --tw-enter-scale: 1;
3092
4558
  --tw-enter-translate-x: 0;
3093
4559
  --tw-enter-translate-y: 0;
4560
+ --tw-exit-blur: 0;
3094
4561
  --tw-exit-opacity: 1;
3095
4562
  --tw-exit-rotate: 0;
3096
4563
  --tw-exit-scale: 1;
3097
4564
  --tw-exit-translate-x: 0;
3098
4565
  --tw-exit-translate-y: 0;
4566
+ --tw-border-spacing-x: 0;
4567
+ --tw-border-spacing-y: 0;
4568
+ --tw-rotate-x: initial;
4569
+ --tw-rotate-y: initial;
4570
+ --tw-rotate-z: initial;
4571
+ --tw-skew-x: initial;
4572
+ --tw-skew-y: initial;
4573
+ --tw-space-x-reverse: 0;
3099
4574
  --tw-gradient-position: initial;
3100
4575
  --tw-gradient-from: #0000;
3101
4576
  --tw-gradient-via: #0000;
@@ -3106,8 +4581,26 @@
3106
4581
  --tw-gradient-via-position: 50%;
3107
4582
  --tw-gradient-to-position: 100%;
3108
4583
  --tw-leading: initial;
4584
+ --tw-tracking: initial;
4585
+ --tw-ordinal: initial;
4586
+ --tw-slashed-zero: initial;
4587
+ --tw-numeric-figure: initial;
4588
+ --tw-numeric-spacing: initial;
4589
+ --tw-numeric-fraction: initial;
3109
4590
  --tw-outline-style: solid;
4591
+ --tw-backdrop-blur: initial;
4592
+ --tw-backdrop-brightness: initial;
4593
+ --tw-backdrop-contrast: initial;
4594
+ --tw-backdrop-grayscale: initial;
4595
+ --tw-backdrop-hue-rotate: initial;
4596
+ --tw-backdrop-invert: initial;
4597
+ --tw-backdrop-opacity: initial;
4598
+ --tw-backdrop-saturate: initial;
4599
+ --tw-backdrop-sepia: initial;
3110
4600
  --tw-content: "";
4601
+ --tw-scale-x: 1;
4602
+ --tw-scale-y: 1;
4603
+ --tw-scale-z: 1;
3111
4604
  }
3112
4605
  }
3113
4606
  }