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

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);
+        }
       }
     }
   }
@@ -2094,7 +2114,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 +2127,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 +2210,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 +2226,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);
+        }
       }
     }
   }
@@ -2543,7 +2571,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 +2599,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 +2731,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 +2750,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 +2766,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 +2779,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 +2795,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 +2823,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 +2902,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 +2918,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 +2975,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 +2988,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 +3051,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 +3095,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 +3118,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 +3134,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 +3214,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 +3230,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 +3287,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 +3304,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 +3330,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 +3570,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 +3656,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);
+        }
       }
     }
   }
@@ -3784,7 +3858,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 +3871,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 +3894,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 +3911,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 +3928,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 +3942,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 +3955,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 +3968,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 +3981,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 +3997,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 +4010,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 +4251,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 +4264,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 +4277,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);
+          }
         }
       }
     }
@@ -5031,7 +5133,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 +5437,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 +5460,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 +5627,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 +5766,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);
+        }
       }
     }
   }
@@ -5934,7 +6046,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 +6069,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);
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.3.0",
+  "version": "0.3.1-beta.0",
   "description": "Configurable and self-contained Turtle Earn widget for third-party integration",
   "license": "MIT",
   "repository": {
@@ -43,7 +43,7 @@
     "@turtleclub/api": "0.3.0",
     "@turtleclub/chains": "0.2.0",
     "@turtleclub/hooks": "0.3.0",
-    "@turtleclub/ui": "0.3.0",
+    "@turtleclub/ui": "0.3.1-beta.0",
     "@turtleclub/utils": "0.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -84,5 +84,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f6bf0b6ad11bf17b42530b61deff9e1d2bbc0c1e"
+  "gitHead": "634729c7f417233b43b476c1ecc46c31b2c23113"
 }