@turtleclub/earn-widget 0.3.0 → 0.3.1-beta.1

package/dist/styles.css

@@ -1,5 +1,5 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer properties {
   @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
@@ -336,7 +336,9 @@
       .turtle-widget-root ::placeholder {
         color: currentcolor;
         @supports (color: color-mix(in lab, red, red)) {
-          color: color-mix(in oklab,currentcolor 50%,transparent);
+          .turtle-widget-root & {
+            color: color-mix(in oklab,currentcolor 50%,transparent);
+          }
         }
       }
     }
@@ -450,7 +452,9 @@
     .turtle-widget-root .managed-table tbody tr>td {
       background-color: var(--color-muted);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-muted)5%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-muted)5%,transparent);
+        }
       }
     }
   }
@@ -480,7 +484,9 @@
     .turtle-widget-root .managed-table tbody tr:hover>td {
       background-color: var(--color-muted);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-muted)40%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-muted)40%,transparent);
+        }
       }
     }
   }
@@ -1576,7 +1582,9 @@
     .turtle-widget-root .border-muted-foreground\/30 {
       border-color: var(--color-muted-foreground);
       @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab,var(--color-muted-foreground)30%,transparent);
+        .turtle-widget-root & {
+          border-color: color-mix(in oklab,var(--color-muted-foreground)30%,transparent);
+        }
       }
     }
   }
@@ -1611,7 +1619,9 @@
     .turtle-widget-root .bg-black\/50 {
       background-color: color-mix(in srgb,#00050%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-black)50%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-black)50%,transparent);
+        }
       }
     }
   }
@@ -1634,7 +1644,9 @@
     .turtle-widget-root .bg-muted-foreground\/30 {
       background-color: var(--color-muted-foreground);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-muted-foreground)30%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-muted-foreground)30%,transparent);
+        }
       }
     }
   }
@@ -1645,7 +1657,9 @@
     .turtle-widget-root .bg-muted\/50 {
       background-color: var(--color-muted);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-muted)50%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-muted)50%,transparent);
+        }
       }
     }
   }
@@ -1668,7 +1682,9 @@
     .turtle-widget-root .bg-primary\/20 {
       background-color: var(--color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-primary)20%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-primary)20%,transparent);
+        }
       }
     }
   }
@@ -2051,7 +2067,9 @@
     .turtle-widget-root .text-destructive\/50 {
       color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab,var(--color-destructive)50%,transparent);
+        .turtle-widget-root & {
+          color: color-mix(in oklab,var(--color-destructive)50%,transparent);
+        }
       }
     }
   }
@@ -2068,7 +2086,9 @@
     .turtle-widget-root .text-muted-foreground\/70 {
       color: var(--color-muted-foreground);
       @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab,var(--color-muted-foreground)70%,transparent);
+        .turtle-widget-root & {
+          color: color-mix(in oklab,var(--color-muted-foreground)70%,transparent);
+        }
       }
     }
   }
@@ -2084,6 +2104,9 @@
   .turtle-widget-root .text-red-600 {
     color: var(--color-red-600);
   }
+  .turtle-widget-root .text-secondary {
+    color: var(--color-secondary);
+  }
   .turtle-widget-root .text-secondary-foreground {
     color: var(--color-secondary-foreground);
   }
@@ -2094,7 +2117,9 @@
     .turtle-widget-root .text-sidebar-foreground\/70 {
       color: var(--color-sidebar-foreground);
       @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab,var(--color-sidebar-foreground)70%,transparent);
+        .turtle-widget-root & {
+          color: color-mix(in oklab,var(--color-sidebar-foreground)70%,transparent);
+        }
       }
     }
   }
@@ -2105,7 +2130,9 @@
     .turtle-widget-root .text-white\/80 {
       color: color-mix(in srgb,#fff80%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab,var(--color-white)80%,transparent);
+        .turtle-widget-root & {
+          color: color-mix(in oklab,var(--color-white)80%,transparent);
+        }
       }
     }
   }
@@ -2186,7 +2213,9 @@
     .turtle-widget-root .shadow-black\/20 {
       --tw-shadow-color: color-mix(in srgb,#00020%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-black)20%,transparent)var(--tw-shadow-alpha),transparent);
+        .turtle-widget-root & {
+          --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-black)20%,transparent)var(--tw-shadow-alpha),transparent);
+        }
       }
     }
   }
@@ -2200,7 +2229,9 @@
     .turtle-widget-root .ring-ring\/50 {
       --tw-ring-color: var(--color-ring);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
+        .turtle-widget-root & {
+          --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
+        }
       }
     }
   }
@@ -2338,6 +2369,9 @@
     opacity: 1;
   }
   @media (hover:hover) {
+    .turtle-widget-root .group-hover\:text-muted-foreground:is(:where(.group):hover *) {
+      color: var(--color-muted-foreground);
+    }
     .turtle-widget-root .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
       opacity: 1;
     }
@@ -2543,7 +2577,9 @@
     .turtle-widget-root .before\:from-white\/40:before {
       --tw-gradient-from: color-mix(in srgb,#fff40%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
+        .turtle-widget-root & {
+          --tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
+        }
       }
     }
   }
@@ -2569,7 +2605,9 @@
     .turtle-widget-root .before\:to-white\/10:before {
       --tw-gradient-to: color-mix(in srgb,#fff10%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
+        .turtle-widget-root & {
+          --tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
+        }
       }
     }
   }
@@ -2699,7 +2737,9 @@
       .turtle-widget-root .hover\:border-foreground\/30:hover {
         border-color: var(--color-foreground);
         @supports (color: color-mix(in lab, red, red)) {
-          border-color: color-mix(in oklab,var(--color-foreground)30%,transparent);
+          .turtle-widget-root & {
+            border-color: color-mix(in oklab,var(--color-foreground)30%,transparent);
+          }
         }
       }
     }
@@ -2716,7 +2756,9 @@
       .turtle-widget-root .hover\:bg-muted\/80:hover {
         background-color: var(--color-muted);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab,var(--color-muted)80%,transparent);
+          .turtle-widget-root & {
+            background-color: color-mix(in oklab,var(--color-muted)80%,transparent);
+          }
         }
       }
     }
@@ -2730,7 +2772,9 @@
       .turtle-widget-root .hover\:bg-primary\/90:hover {
         background-color: var(--color-primary);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab,var(--color-primary)90%,transparent);
+          .turtle-widget-root & {
+            background-color: color-mix(in oklab,var(--color-primary)90%,transparent);
+          }
         }
       }
     }
@@ -2741,7 +2785,9 @@
       .turtle-widget-root .hover\:bg-secondary\/80:hover {
         background-color: var(--color-secondary);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab,var(--color-secondary)80%,transparent);
+          .turtle-widget-root & {
+            background-color: color-mix(in oklab,var(--color-secondary)80%,transparent);
+          }
         }
       }
     }
@@ -2755,7 +2801,9 @@
       .turtle-widget-root .hover\:bg-white\/20:hover {
         background-color: color-mix(in srgb,#fff20%,transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab,var(--color-white)20%,transparent);
+          .turtle-widget-root & {
+            background-color: color-mix(in oklab,var(--color-white)20%,transparent);
+          }
         }
       }
     }
@@ -2781,7 +2829,9 @@
       .turtle-widget-root .hover\:text-primary\/80:hover {
         color: var(--color-primary);
         @supports (color: color-mix(in lab, red, red)) {
-          color: color-mix(in oklab,var(--color-primary)80%,transparent);
+          .turtle-widget-root & {
+            color: color-mix(in oklab,var(--color-primary)80%,transparent);
+          }
         }
       }
     }
@@ -2858,7 +2908,9 @@
     .turtle-widget-root .focus\:ring-primary\/20:focus {
       --tw-ring-color: var(--color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-primary)20%,transparent);
+        .turtle-widget-root & {
+          --tw-ring-color: color-mix(in oklab,var(--color-primary)20%,transparent);
+        }
       }
     }
   }
@@ -2872,7 +2924,9 @@
     .turtle-widget-root .focus\:ring-white\/50:focus {
       --tw-ring-color: color-mix(in srgb,#fff50%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-white)50%,transparent);
+        .turtle-widget-root & {
+          --tw-ring-color: color-mix(in oklab,var(--color-white)50%,transparent);
+        }
       }
     }
   }
@@ -2927,7 +2981,9 @@
     .turtle-widget-root .focus-visible\:ring-destructive\/20:focus-visible {
       --tw-ring-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
+        .turtle-widget-root & {
+          --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
+        }
       }
     }
   }
@@ -2938,7 +2994,9 @@
     .turtle-widget-root .focus-visible\:ring-ring\/50:focus-visible {
       --tw-ring-color: var(--color-ring);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
+        .turtle-widget-root & {
+          --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
+        }
       }
     }
   }
@@ -2999,7 +3057,9 @@
     .turtle-widget-root .active\:bg-background\/90:active {
       background-color: var(--color-background);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-background)90%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-background)90%,transparent);
+        }
       }
     }
   }
@@ -3041,7 +3101,9 @@
     .turtle-widget-root .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]) {
       background-color: var(--color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-primary)5%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-primary)5%,transparent);
+        }
       }
     }
   }
@@ -3062,7 +3124,9 @@
     .turtle-widget-root .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible) {
       --tw-ring-color: var(--color-ring);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
+        .turtle-widget-root & {
+          --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
+        }
       }
     }
   }
@@ -3076,7 +3140,9 @@
     .turtle-widget-root .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) {
       --tw-ring-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
+        .turtle-widget-root & {
+          --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
+        }
       }
     }
   }
@@ -3154,7 +3220,9 @@
     .turtle-widget-root .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
       --tw-ring-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
+        .turtle-widget-root & {
+          --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
+        }
       }
     }
   }
@@ -3168,7 +3236,9 @@
     .turtle-widget-root .data-invalid\:ring-destructive\/80[data-invalid] {
       --tw-ring-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-destructive)80%,transparent);
+        .turtle-widget-root & {
+          --tw-ring-color: color-mix(in oklab,var(--color-destructive)80%,transparent);
+        }
       }
     }
   }
@@ -3223,7 +3293,9 @@
     .turtle-widget-root .data-\[active\=true\]\:via-primary\/20[data-active=true] {
       --tw-gradient-via: var(--color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-gradient-via: color-mix(in oklab,var(--color-primary)20%,transparent);
+        .turtle-widget-root & {
+          --tw-gradient-via: color-mix(in oklab,var(--color-primary)20%,transparent);
+        }
       }
     }
   }
@@ -3238,7 +3310,9 @@
     .turtle-widget-root .data-\[active\=true\]\:to-primary\/30[data-active=true] {
       --tw-gradient-to: var(--color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-gradient-to: color-mix(in oklab,var(--color-primary)30%,transparent);
+        .turtle-widget-root & {
+          --tw-gradient-to: color-mix(in oklab,var(--color-primary)30%,transparent);
+        }
       }
     }
   }
@@ -3262,7 +3336,9 @@
     .turtle-widget-root .data-\[active\=true\]\:shadow-primary[data-active=true] {
       --tw-shadow-color: var(--color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-shadow-color: color-mix(in oklab,var(--color-primary)var(--tw-shadow-alpha),transparent);
+        .turtle-widget-root & {
+          --tw-shadow-color: color-mix(in oklab,var(--color-primary)var(--tw-shadow-alpha),transparent);
+        }
       }
     }
   }
@@ -3500,7 +3576,9 @@
     .turtle-widget-root .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
       background-color: var(--color-accent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-accent)50%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-accent)50%,transparent);
+        }
       }
     }
   }
@@ -3584,7 +3662,9 @@
     .turtle-widget-root .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
       background-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-destructive)10%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-destructive)10%,transparent);
+        }
       }
     }
   }
@@ -3712,8 +3792,11 @@
     .turtle-widget-root .md\:w-auto {
       width: auto;
     }
-    .turtle-widget-root .md\:max-w-md {
-      max-width: var(--container-md);
+    .turtle-widget-root .md\:w-full {
+      width: 100%;
+    }
+    .turtle-widget-root .md\:max-w-lg {
+      max-width: var(--container-lg);
     }
     .turtle-widget-root .md\:-translate-x-full {
       --tw-translate-x: -100%;
@@ -3784,7 +3867,9 @@
     .turtle-widget-root .dark\:bg-destructive\/60:is(.dark *) {
       background-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-destructive)60%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-destructive)60%,transparent);
+        }
       }
     }
   }
@@ -3795,7 +3880,9 @@
     .turtle-widget-root .dark\:bg-input\/30:is(.dark *) {
       background-color: var(--color-input);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-input)30%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-input)30%,transparent);
+        }
       }
     }
   }
@@ -3816,7 +3903,9 @@
     .turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
       --tw-gradient-from: color-mix(in srgb,#fff40%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
+        .turtle-widget-root & {
+          --tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
+        }
       }
     }
   }
@@ -3831,7 +3920,9 @@
     .turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
       --tw-gradient-to: color-mix(in srgb,#fff10%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
+        .turtle-widget-root & {
+          --tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
+        }
       }
     }
   }
@@ -3846,7 +3937,9 @@
       .turtle-widget-root .dark\:hover\:bg-input\/50:is(.dark *):hover {
         background-color: var(--color-input);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab,var(--color-input)50%,transparent);
+          .turtle-widget-root & {
+            background-color: color-mix(in oklab,var(--color-input)50%,transparent);
+          }
         }
       }
     }
@@ -3858,7 +3951,9 @@
     .turtle-widget-root .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
       --tw-ring-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-destructive)40%,transparent);
+        .turtle-widget-root & {
+          --tw-ring-color: color-mix(in oklab,var(--color-destructive)40%,transparent);
+        }
       }
     }
   }
@@ -3869,7 +3964,9 @@
     .turtle-widget-root .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]) {
       background-color: var(--color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-primary)10%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-primary)10%,transparent);
+        }
       }
     }
   }
@@ -3880,7 +3977,9 @@
     .turtle-widget-root .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]) {
       --tw-ring-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-destructive)40%,transparent);
+        .turtle-widget-root & {
+          --tw-ring-color: color-mix(in oklab,var(--color-destructive)40%,transparent);
+        }
       }
     }
   }
@@ -3891,7 +3990,9 @@
     .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
       --tw-ring-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-destructive)40%,transparent);
+        .turtle-widget-root & {
+          --tw-ring-color: color-mix(in oklab,var(--color-destructive)40%,transparent);
+        }
       }
     }
   }
@@ -3905,7 +4006,9 @@
     .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
       background-color: var(--color-input);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-input)80%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-input)80%,transparent);
+        }
       }
     }
   }
@@ -3916,7 +4019,9 @@
     .turtle-widget-root .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus {
       background-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
+        .turtle-widget-root & {
+          background-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
+        }
       }
     }
   }
@@ -4155,7 +4260,9 @@
       .turtle-widget-root a.\[a\&\]\:hover\:bg-destructive\/90:hover {
         background-color: var(--color-destructive);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab,var(--color-destructive)90%,transparent);
+          .turtle-widget-root & {
+            background-color: color-mix(in oklab,var(--color-destructive)90%,transparent);
+          }
         }
       }
     }
@@ -4166,7 +4273,9 @@
       .turtle-widget-root a.\[a\&\]\:hover\:bg-primary\/90:hover {
         background-color: var(--color-primary);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab,var(--color-primary)90%,transparent);
+          .turtle-widget-root & {
+            background-color: color-mix(in oklab,var(--color-primary)90%,transparent);
+          }
         }
       }
     }
@@ -4177,7 +4286,9 @@
       .turtle-widget-root a.\[a\&\]\:hover\:bg-secondary\/90:hover {
         background-color: var(--color-secondary);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab,var(--color-secondary)90%,transparent);
+          .turtle-widget-root & {
+            background-color: color-mix(in oklab,var(--color-secondary)90%,transparent);
+          }
         }
       }
     }
@@ -4286,6 +4397,7 @@
   --color-neutral-base-850: oklch(21.63% .0025 145.49);
   --color-neutral-base-900: oklch(19.42% .0025 145.48);
   --color-brand-green-alpha-10: oklch(64.77% .1717 141.5/.102);
+  --color-brand-green-alpha-20: oklch(86.23% .2096 142.59/.2);
   --color-brand-green-alpha-30: oklch(86.23% .2096 142.59/.302);
   --color-brand-green-alpha-40: oklch(86.23% .2096 142.59/.4);
   --color-brand-green-alpha-50: oklch(86.23% .2096 142.59/.502);
@@ -4299,7 +4411,6 @@
   --color-neutral-alpha-20: oklch(98.21% 0 89.88/.2);
   --color-neutral-alpha-30: oklch(98.21% 0 89.88/.302);
   --color-neutral-alpha-50: oklch(100% 0 89.88/.502);
-  --color-brand-green-alpha-20: oklch(86.23% .2096 142.59/.2);
   --color-brand-aqua: oklch(90.35% .0807 168.05);
   --color-neutral-alpha-dark-2: oklch(19.42% .0025 145.48/.02);
   --color-neutral-alpha-dark-5: oklch(19.42% .0025 145.48/.051);
@@ -5031,7 +5142,9 @@
     .turtle-widget-root ::placeholder {
       color: currentcolor;
       @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab, currentcolor 50%, transparent);
+        .turtle-widget-root & {
+          color: color-mix(in oklab, currentcolor 50%, transparent);
+        }
       }
     }
   }
@@ -5333,7 +5446,9 @@
   .turtle-widget-root .border-destructive\/50 {
     border-color: var(--color-destructive);
     @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+      .turtle-widget-root & {
+        border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+      }
     }
   }
   .turtle-widget-root .border-muted {
@@ -5354,7 +5469,9 @@
   .turtle-widget-root .bg-muted\/10 {
     background-color: var(--color-muted);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-muted) 10%, transparent);
+      .turtle-widget-root & {
+        background-color: color-mix(in oklab, var(--color-muted) 10%, transparent);
+      }
     }
   }
   .turtle-widget-root .bg-secondary {
@@ -5519,7 +5636,9 @@
       @media (hover: hover) {
         color: var(--color-primary);
         @supports (color: color-mix(in lab, red, red)) {
-          color: color-mix(in oklab, var(--color-primary) 80%, transparent);
+          .turtle-widget-root & {
+            color: color-mix(in oklab, var(--color-primary) 80%, transparent);
+          }
         }
       }
     }
@@ -5656,7 +5775,9 @@
     .turtle-widget-root ::placeholder {
       color: currentcolor;
       @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab, currentcolor 50%, transparent);
+        .turtle-widget-root & {
+          color: color-mix(in oklab, currentcolor 50%, transparent);
+        }
       }
     }
   }
@@ -5697,10 +5818,18 @@
 }
 @layer utilities;
 .turtle-widget-root {
-  --color-brand-green: oklch(0.8623 0.2096 142.59);
-  --color-brand-black: oklch(0.1942 0.0025 145.48);
-  --color-brand-white: oklch(0.9821 0 89.88);
-  --color-neutral-base-50: oklch(0.9821 0 89.88);
+  --color-brand-green: oklch(
+    0.8623 0.2096 142.59
+  );
+  --color-brand-black: oklch(
+    0.1942 0.0025 145.48
+  );
+  --color-brand-white: oklch(
+    0.9821 0 89.88
+  );
+  --color-neutral-base-50: oklch(
+    0.9821 0 89.88
+  );
   --color-neutral-base-100: oklch(0.9581 0 89.88);
   --color-neutral-base-200: oklch(0.9219 0 89.88);
   --color-neutral-base-300: oklch(0.8607 0 89.88);
@@ -5709,9 +5838,14 @@
   --color-neutral-base-600: oklch(0.4386 0 89.88);
   --color-neutral-base-700: oklch(0.3715 0 89.88);
   --color-neutral-base-800: oklch(0.2686 0 89.88);
-  --color-neutral-base-850: oklch(0.2163 0.0025 145.49);
-  --color-neutral-base-900: oklch(0.1942 0.0025 145.48);
+  --color-neutral-base-850: oklch(
+    0.2163 0.0025 145.49
+  );
+  --color-neutral-base-900: oklch(
+    0.1942 0.0025 145.48
+  );
   --color-brand-green-alpha-10: oklch(0.8623 0.2096 142.59 / 0.102);
+  --color-brand-green-alpha-20: oklch(0.8623 0.2096 142.59 / 0.2);
   --color-brand-green-alpha-30: oklch(0.8623 0.2096 142.59 / 0.302);
   --color-brand-green-alpha-40: oklch(0.8623 0.2096 142.59 / 0.4);
   --color-brand-green-alpha-50: oklch(0.8623 0.2096 142.59 / 0.502);
@@ -5721,21 +5855,45 @@
   --color-brand-green-alpha-90: oklch(0.8623 0.2096 142.59 / 0.902);
   --color-neutral-alpha-2: oklch(0.9821 0 89.88 / 0.02);
   --color-neutral-alpha-5: oklch(0.9821 0 89.88 / 0.051);
-  --color-neutral-alpha-10: oklch(0.9821 0 89.88 / 0.102);
+  --color-neutral-alpha-10: oklch(
+    0.9821 0 89.88 / 0.102
+  );
   --color-neutral-alpha-20: oklch(0.9821 0 89.88 / 0.2);
-  --color-neutral-alpha-30: oklch(0.9821 0 89.88 / 0.302);
+  --color-neutral-alpha-30: oklch(
+    0.9821 0 89.88 / 0.302
+  );
   --color-neutral-alpha-50: oklch(1 0 89.88 / 0.502);
-  --color-brand-green-alpha-10: oklch(0.6477 0.1717 141.5 / 0.102);
-  --color-brand-green-alpha-20: oklch(0.8623 0.2096 142.59 / 0.2);
-  --color-brand-aqua: oklch(0.9035 0.0807 168.05);
-  --color-neutral-alpha-dark-2: oklch(0.1942 0.0025 145.48 / 0.02);
-  --color-neutral-alpha-dark-5: oklch(0.1942 0.0025 145.48 / 0.051);
-  --color-neutral-alpha-dark-10: oklch(0.1942 0.0025 145.48 / 0.102);
-  --color-neutral-alpha-dark-20: oklch(0.1942 0.0025 145.48 / 0.2);
-  --color-neutral-alpha-dark-30: oklch(0.1942 0.0025 145.48 / 0.302);
-  --color-neutral-alpha-dark-50: oklch(0.1942 0.0025 145.48 / 0.502);
+  --color-brand-green-alpha-10: oklch(
+    0.6477 0.1717 141.5 / 0.102
+  );
+  --color-brand-green-alpha-20: oklch(
+    0.8623 0.2096 142.59 / 0.2
+  );
+  --color-brand-aqua: oklch(
+    0.9035 0.0807 168.05
+  );
+  --color-neutral-alpha-dark-2: oklch(
+    0.1942 0.0025 145.48 / 0.02
+  );
+  --color-neutral-alpha-dark-5: oklch(
+    0.1942 0.0025 145.48 / 0.051
+  );
+  --color-neutral-alpha-dark-10: oklch(
+    0.1942 0.0025 145.48 / 0.102
+  );
+  --color-neutral-alpha-dark-20: oklch(
+    0.1942 0.0025 145.48 / 0.2
+  );
+  --color-neutral-alpha-dark-30: oklch(
+    0.1942 0.0025 145.48 / 0.302
+  );
+  --color-neutral-alpha-dark-50: oklch(
+    0.1942 0.0025 145.48 / 0.502
+  );
   --color-success: oklch(0.7227 0.192 149.58);
-  --color-success-light: oklch(0.9624 0.0434 156.74);
+  --color-success-light: oklch(
+    0.9624 0.0434 156.74
+  );
   --color-success-dark: oklch(0.4479 0.1083 151.33);
   --color-error: oklch(0.6368 0.2078 25.33);
   --color-error-light: oklch(0.9356 0.0309 17.72);
@@ -5771,25 +5929,30 @@
   --spacing-xl: var(--spacing-8);
   --spacing-2xl: var(--spacing-12);
   --spacing-3xl: var(--spacing-16);
-  --spacing-button-padding-x: var(--spacing-4);
-  --spacing-button-padding-y: var(--spacing-2);
+  --spacing-button-padding-x: var(
+    --spacing-4
+  );
+  --spacing-button-padding-y: var(
+    --spacing-2
+  );
   --spacing-card-padding: var(--spacing-6);
   --spacing-container-padding: var(--spacing-4);
   --spacing-section-gap: var(--spacing-8);
   --spacing-component-gap: var(--spacing-4);
-  --spacing-element-gap: var(--spacing-2);
+  --spacing-element-gap: var(
+    --spacing-2
+  );
 }
 .turtle-widget-root {
   --radius-turtle: 1.25rem;
   --radius-3xl: 1.5rem;
 }
 .turtle-widget-root {
-  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 
-               "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", 
-               sans-serif, "Apple Color Emoji", "Segoe UI Emoji", 
-               "Segoe UI Symbol", "Noto Color Emoji";
-  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, 
-               "Liberation Mono", Menlo, monospace;
+  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo,
+    monospace;
   --font-display: var(--font-sans);
   --text-xs: 0.75rem;
   --text-sm: 0.875rem;
@@ -5839,24 +6002,42 @@
   --tracking-widest: 0.1em;
 }
 .turtle-widget-root {
-  --background: var(--color-brand-black);
+  --background: var(
+    --color-brand-black
+  );
   --foreground: var(--color-brand-white);
   --card: var(--color-brand-black);
   --card-foreground: var(--color-brand-white);
   --popover: var(--color-brand-black);
-  --popover-foreground: var(--color-brand-white);
+  --popover-foreground: var(
+    --color-brand-white
+  );
   --primary: var(--color-brand-green);
-  --primary-foreground: var(--color-brand-black);
-  --secondary: var(--color-neutral-base-800);
+  --primary-foreground: var(
+    --color-brand-black
+  );
+  --secondary: var(
+    --color-neutral-base-800
+  );
   --secondary-foreground: var(--color-brand-white);
   --muted: var(--color-neutral-base-850);
-  --muted-foreground: var(--color-neutral-alpha-50);
+  --muted-foreground: var(
+    --color-neutral-alpha-50
+  );
   --accent: var(--color-brand-green);
-  --accent-foreground: var(--color-brand-black);
+  --accent-foreground: var(
+    --color-brand-black
+  );
   --destructive: var(--color-error);
-  --destructive-foreground: var(--color-brand-white);
-  --border: var(--color-neutral-alpha-10);
-  --input: var(--color-neutral-alpha-2);
+  --destructive-foreground: var(
+    --color-brand-white
+  );
+  --border: var(
+    --color-neutral-alpha-10
+  );
+  --input: var(
+    --color-neutral-alpha-2
+  );
   --ring: var(--color-brand-green);
   --sidebar: var(--color-neutral-base-850);
   --sidebar-foreground: var(--color-brand-white);
@@ -5873,19 +6054,35 @@
   --card: var(--color-brand-white);
   --card-foreground: var(--color-brand-black);
   --popover: var(--color-brand-white);
-  --popover-foreground: var(--color-brand-black);
-  --primary: var(--color-brand-green);
-  --primary-foreground: var(--color-brand-black);
+  --popover-foreground: var(
+    --color-brand-black
+  );
+  --primary: var(
+    --color-brand-green
+  );
+  --primary-foreground: var(
+    --color-brand-black
+  );
   --secondary: var(--color-neutral-alpha-10);
   --secondary-foreground: var(--color-brand-black);
   --muted: var(--color-neutral-alpha-2);
-  --muted-foreground: var(--color-neutral-alpha-50);
+  --muted-foreground: var(
+    --color-neutral-alpha-50
+  );
   --accent: var(--color-brand-green);
-  --accent-foreground: var(--color-brand-black);
+  --accent-foreground: var(
+    --color-brand-black
+  );
   --destructive: var(--color-error);
-  --destructive-foreground: var(--color-brand-white);
-  --border: var(--color-neutral-alpha-dark-10);
-  --input: var(--color-neutral-alpha-2);
+  --destructive-foreground: var(
+    --color-brand-white
+  );
+  --border: var(
+    --color-neutral-alpha-dark-10
+  );
+  --input: var(
+    --color-neutral-alpha-2
+  );
   --ring: var(--color-brand-green);
   --sidebar: var(--color-neutral-base-850);
   --sidebar-foreground: var(--color-brand-white);
@@ -5934,7 +6131,9 @@
     height: 38px;
     background-color: var(--color-muted);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-muted) 5%, transparent);
+      .turtle-widget-root & {
+        background-color: color-mix(in oklab, var(--color-muted) 5%, transparent);
+      }
     }
     --tw-font-weight: var(--font-weight-normal);
     font-weight: var(--font-weight-normal);
@@ -5955,7 +6154,9 @@
   .turtle-widget-root .managed-table tbody tr:hover > td {
     background-color: var(--color-muted);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
+      .turtle-widget-root & {
+        background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
+      }
     }
   }
 }