@lindle/linoardo 1.0.46 → 1.0.48

package/dist/styles.css

@@ -54,6 +54,7 @@
     --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-indigo-500: oklch(58.5% 0.233 277.117);
     --color-indigo-600: oklch(51.1% 0.262 276.966);
+    --color-indigo-700: oklch(45.7% 0.24 277.023);
     --color-rose-400: oklch(71.2% 0.194 13.428);
     --color-slate-50: oklch(98.4% 0.003 247.858);
     --color-slate-100: oklch(96.8% 0.007 247.896);
@@ -76,6 +77,8 @@
     --color-gray-900: oklch(21% 0.034 264.665);
     --color-neutral-200: oklch(92.2% 0 0);
     --color-neutral-300: oklch(87% 0 0);
+    --color-neutral-700: oklch(37.1% 0 0);
+    --color-neutral-800: oklch(26.9% 0 0);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -126,6 +129,13 @@
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
     --color-primary: oklch(0.62 0.13 250);
+    --color-neutral: oklch(0.55 0.03 257);
+    --color-info: oklch(0.67 0.13 238);
+    --color-success: oklch(0.69 0.14 160);
+    --color-warning: oklch(0.77 0.13 84);
+    --color-danger: oklch(0.63 0.2 27);
+    --color-surface: oklch(0.98 0.003 247);
+    --color-bw: oklch(0 0 0);
   }
 }
 @layer base {
@@ -327,6 +337,9 @@
   .-top-1\.5 {
     top: calc(var(--spacing) * -1.5);
   }
+  .-top-2 {
+    top: calc(var(--spacing) * -2);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -396,9 +409,6 @@
   .left-4 {
     left: calc(var(--spacing) * 4);
   }
-  .left-10 {
-    left: calc(var(--spacing) * 10);
-  }
   .left-24 {
     left: calc(var(--spacing) * 24);
   }
@@ -627,9 +637,15 @@
   .min-h-\[1\.5rem\] {
     min-height: 1.5rem;
   }
+  .min-h-\[1\.25rem\] {
+    min-height: 1.25rem;
+  }
   .min-h-\[2\.5rem\] {
     min-height: 2.5rem;
   }
+  .min-h-\[2\.75rem\] {
+    min-height: 2.75rem;
+  }
   .min-h-\[2rem\] {
     min-height: 2rem;
   }
@@ -696,6 +712,9 @@
   .w-auto {
     width: auto;
   }
+  .w-fit {
+    width: fit-content;
+  }
   .w-full {
     width: 100%;
   }
@@ -829,6 +848,10 @@
     --tw-translate-y: calc(calc(2/3 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-y-full {
+    --tw-translate-y: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-1\/2 {
     --tw-translate-y: calc(1/2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1147,12 +1170,6 @@
   .border-amber-500 {
     border-color: var(--color-amber-500);
   }
-  .border-amber-500\/70 {
-    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent);
-    }
-  }
   .border-black {
     border-color: var(--color-black);
   }
@@ -1180,12 +1197,6 @@
   .border-emerald-500 {
     border-color: var(--color-emerald-500);
   }
-  .border-emerald-500\/70 {
-    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
-    }
-  }
   .border-gray-100 {
     border-color: var(--color-gray-100);
   }
@@ -1252,18 +1263,6 @@
       border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
     }
   }
-  .border-primary\/40 {
-    border-color: color-mix(in srgb, oklch(0.62 0.13 250) 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
-    }
-  }
-  .border-primary\/60 {
-    border-color: color-mix(in srgb, oklch(0.62 0.13 250) 60%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
-    }
-  }
   .border-primary\/70 {
     border-color: color-mix(in srgb, oklch(0.62 0.13 250) 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1276,24 +1275,12 @@
   .border-red-500 {
     border-color: var(--color-red-500);
   }
-  .border-red-500\/70 {
-    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-red-500) 70%, transparent);
-    }
-  }
   .border-sky-200 {
     border-color: var(--color-sky-200);
   }
   .border-sky-500 {
     border-color: var(--color-sky-500);
   }
-  .border-sky-500\/70 {
-    border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-sky-500) 70%, transparent);
-    }
-  }
   .border-slate-100 {
     border-color: var(--color-slate-100);
   }
@@ -1830,6 +1817,9 @@
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
@@ -1842,21 +1832,6 @@
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
-  .pr-2 {
-    padding-right: calc(var(--spacing) * 2);
-  }
-  .pr-2\.5 {
-    padding-right: calc(var(--spacing) * 2.5);
-  }
-  .pr-3 {
-    padding-right: calc(var(--spacing) * 3);
-  }
-  .pr-3\.5 {
-    padding-right: calc(var(--spacing) * 3.5);
-  }
-  .pr-4 {
-    padding-right: calc(var(--spacing) * 4);
-  }
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
@@ -1872,6 +1847,9 @@
   .pr-12 {
     padding-right: calc(var(--spacing) * 12);
   }
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
   .pb-3 {
     padding-bottom: calc(var(--spacing) * 3);
   }
@@ -1899,27 +1877,9 @@
   .pl-6 {
     padding-left: calc(var(--spacing) * 6);
   }
-  .pl-8 {
-    padding-left: calc(var(--spacing) * 8);
-  }
-  .pl-9 {
-    padding-left: calc(var(--spacing) * 9);
-  }
-  .pl-10 {
-    padding-left: calc(var(--spacing) * 10);
-  }
-  .pl-11 {
-    padding-left: calc(var(--spacing) * 11);
-  }
   .pl-12 {
     padding-left: calc(var(--spacing) * 12);
   }
-  .pl-14 {
-    padding-left: calc(var(--spacing) * 14);
-  }
-  .pl-16 {
-    padding-left: calc(var(--spacing) * 16);
-  }
   .text-center {
     text-align: center;
   }
@@ -2270,12 +2230,6 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
-  .shadow-black\/30 {
-    --tw-shadow-color: color-mix(in srgb, #000 30%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
-    }
-  }
   .shadow-gray-200\/60 {
     --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2294,6 +2248,18 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
+  .shadow-gray-900\/15 {
+    --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 15%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .shadow-gray-900\/20 {
+    --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
   .shadow-primary\/20 {
     --tw-shadow-color: color-mix(in srgb, oklch(0.62 0.13 250) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2357,12 +2323,6 @@
       --tw-ring-color: color-mix(in oklab, var(--color-black) 30%, transparent);
     }
   }
-  .ring-black\/40 {
-    --tw-ring-color: color-mix(in srgb, #000 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--color-black) 40%, transparent);
-    }
-  }
   .ring-current\/50 {
     --tw-ring-color: currentcolor;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2789,19 +2749,19 @@
       color: var(--color-gray-500);
     }
   }
-  .peer-focus\:top-0 {
+  .peer-focus\:-top-5 {
     &:is(:where(.peer):focus ~ *) {
-      top: calc(var(--spacing) * 0);
+      top: calc(var(--spacing) * -5);
     }
   }
-  .peer-focus\:left-3 {
+  .peer-focus\:top-0 {
     &:is(:where(.peer):focus ~ *) {
-      left: calc(var(--spacing) * 3);
+      top: calc(var(--spacing) * 0);
     }
   }
-  .peer-focus\:left-10 {
+  .peer-focus\:left-0 {
     &:is(:where(.peer):focus ~ *) {
-      left: calc(var(--spacing) * 10);
+      left: calc(var(--spacing) * 0);
     }
   }
   .peer-focus\:-translate-y-1\/2 {
@@ -2810,6 +2770,12 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .peer-focus\:-translate-y-full {
+    &:is(:where(.peer):focus ~ *) {
+      --tw-translate-y: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .peer-focus\:bg-gray-100 {
     &:is(:where(.peer):focus ~ *) {
       background-color: var(--color-gray-100);
@@ -2820,11 +2786,6 @@
       background-color: transparent;
     }
   }
-  .peer-focus\:bg-white {
-    &:is(:where(.peer):focus ~ *) {
-      background-color: var(--color-white);
-    }
-  }
   .peer-focus\:bg-white\/90 {
     &:is(:where(.peer):focus ~ *) {
       background-color: color-mix(in srgb, #fff 90%, transparent);
@@ -2910,6 +2871,38 @@
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .peer-focus-visible\:ring-offset-white {
+    &:is(:where(.peer):focus-visible ~ *) {
+      --tw-ring-offset-color: var(--color-white);
+    }
+  }
+  .peer-\[\&\:not\(\:placeholder-shown\)\]\:-top-2 {
+    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+      top: calc(var(--spacing) * -2);
+    }
+  }
+  .peer-\[\&\:not\(\:placeholder-shown\)\]\:left-0 {
+    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .peer-\[\&\:not\(\:placeholder-shown\)\]\:-translate-y-full {
+    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+      --tw-translate-y: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .peer-\[\&\:not\(\:placeholder-shown\)\]\:text-xs {
+    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
+    }
+  }
+  .peer-\[\&\:not\(\:placeholder-shown\)\]\:text-gray-700 {
+    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+      color: var(--color-gray-700);
+    }
+  }
   .placeholder\:text-gray-500 {
     &::placeholder {
       color: var(--color-gray-500);
@@ -2920,6 +2913,11 @@
       z-index: 10;
     }
   }
+  .focus-within\:border-black {
+    &:focus-within {
+      border-color: var(--color-black);
+    }
+  }
   .focus-within\:border-primary {
     &:focus-within {
       border-color: var(--color-primary);
@@ -2930,22 +2928,76 @@
       border-color: var(--color-red-500);
     }
   }
+  .focus-within\:bg-white {
+    &:focus-within {
+      background-color: var(--color-white);
+    }
+  }
+  .focus-within\:ring-0 {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus-within\:ring-1 {
     &:focus-within {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-within\:ring-2 {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus-within\:ring-black\/30 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, #000 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-black) 30%, transparent);
+      }
+    }
+  }
   .focus-within\:ring-primary {
     &:focus-within {
       --tw-ring-color: var(--color-primary);
     }
   }
+  .focus-within\:ring-primary\/15 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 15%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
+      }
+    }
+  }
+  .focus-within\:ring-primary\/25 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
+      }
+    }
+  }
+  .focus-within\:ring-primary\/30 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+      }
+    }
+  }
   .focus-within\:ring-red-500 {
     &:focus-within {
       --tw-ring-color: var(--color-red-500);
     }
   }
+  .focus-within\:ring-transparent {
+    &:focus-within {
+      --tw-ring-color: transparent;
+    }
+  }
   .hover\:z-10 {
     &:hover {
       @media (hover: hover) {
@@ -3588,14 +3640,6 @@
       }
     }
   }
-  .focus-visible\:ring-primary\/20 {
-    &:focus-visible {
-      --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 20%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
-      }
-    }
-  }
   .focus-visible\:ring-primary\/25 {
     &:focus-visible {
       --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 25%, transparent);
@@ -3751,6 +3795,16 @@
       opacity: 50%;
     }
   }
+  .has-\[input\:disabled\]\:cursor-not-allowed {
+    &:has(*:is(input:disabled)) {
+      cursor: not-allowed;
+    }
+  }
+  .has-\[input\:disabled\]\:opacity-50 {
+    &:has(*:is(input:disabled)) {
+      opacity: 50%;
+    }
+  }
   .data-\[state\=closed\]\:pointer-events-none {
     &[data-state="closed"] {
       pointer-events: none;
@@ -3876,11 +3930,58 @@
       }
     }
   }
+  .dark\:border-amber-400 {
+    &:is(.dark &) {
+      border-color: var(--color-amber-400);
+    }
+  }
+  .dark\:border-amber-500\/70 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent);
+      }
+    }
+  }
+  .dark\:border-amber-700\/60 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-amber-700) 60%, transparent);
+      }
+    }
+  }
   .dark\:border-black {
     &:is(.dark &) {
       border-color: var(--color-black);
     }
   }
+  .dark\:border-emerald-400 {
+    &:is(.dark &) {
+      border-color: var(--color-emerald-400);
+    }
+  }
+  .dark\:border-emerald-500\/70 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
+      }
+    }
+  }
+  .dark\:border-emerald-700\/60 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-emerald-700) 60%, transparent);
+      }
+    }
+  }
+  .dark\:border-gray-100 {
+    &:is(.dark &) {
+      border-color: var(--color-gray-100);
+    }
+  }
   .dark\:border-gray-600 {
     &:is(.dark &) {
       border-color: var(--color-gray-600);
@@ -3891,11 +3992,93 @@
       border-color: var(--color-gray-700);
     }
   }
+  .dark\:border-gray-700\/80 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 80%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-gray-700) 80%, transparent);
+      }
+    }
+  }
   .dark\:border-gray-800 {
     &:is(.dark &) {
       border-color: var(--color-gray-800);
     }
   }
+  .dark\:border-primary\/25 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(0.62 0.13 250) 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
+      }
+    }
+  }
+  .dark\:border-primary\/35 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(0.62 0.13 250) 35%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary) 35%, transparent);
+      }
+    }
+  }
+  .dark\:border-primary\/40 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(0.62 0.13 250) 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+      }
+    }
+  }
+  .dark\:border-primary\/60 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(0.62 0.13 250) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
+      }
+    }
+  }
+  .dark\:border-red-400 {
+    &:is(.dark &) {
+      border-color: var(--color-red-400);
+    }
+  }
+  .dark\:border-red-500\/70 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-red-500) 70%, transparent);
+      }
+    }
+  }
+  .dark\:border-red-700\/60 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-red-700) 60%, transparent);
+      }
+    }
+  }
+  .dark\:border-sky-400 {
+    &:is(.dark &) {
+      border-color: var(--color-sky-400);
+    }
+  }
+  .dark\:border-sky-500\/70 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-sky-500) 70%, transparent);
+      }
+    }
+  }
+  .dark\:border-sky-700\/60 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(50% 0.134 242.749) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-sky-700) 60%, transparent);
+      }
+    }
+  }
   .dark\:border-slate-700 {
     &:is(.dark &) {
       border-color: var(--color-slate-700);
@@ -3911,6 +4094,11 @@
       border-color: transparent;
     }
   }
+  .dark\:border-white {
+    &:is(.dark &) {
+      border-color: var(--color-white);
+    }
+  }
   .dark\:border-white\/10 {
     &:is(.dark &) {
       border-color: color-mix(in srgb, #fff 10%, transparent);
@@ -3935,6 +4123,22 @@
       }
     }
   }
+  .dark\:border-white\/30 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, #fff 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
+      }
+    }
+  }
+  .dark\:border-white\/70 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, #fff 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
+      }
+    }
+  }
   .dark\:border-b-gray-300 {
     &:is(.dark &) {
       border-bottom-color: var(--color-gray-300);
@@ -3955,6 +4159,11 @@
       border-bottom-color: var(--color-slate-700);
     }
   }
+  .dark\:bg-amber-500 {
+    &:is(.dark &) {
+      background-color: var(--color-amber-500);
+    }
+  }
   .dark\:bg-amber-500\/15 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
@@ -3963,37 +4172,113 @@
       }
     }
   }
-  .dark\:bg-emerald-500\/15 {
+  .dark\:bg-amber-900\/30 {
     &:is(.dark &) {
-      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
+      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
+        background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
       }
     }
   }
-  .dark\:bg-gray-100 {
+  .dark\:bg-amber-900\/35 {
     &:is(.dark &) {
-      background-color: var(--color-gray-100);
+      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 35%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-amber-900) 35%, transparent);
+      }
     }
   }
-  .dark\:bg-gray-700 {
+  .dark\:bg-black {
     &:is(.dark &) {
-      background-color: var(--color-gray-700);
+      background-color: var(--color-black);
     }
   }
-  .dark\:bg-gray-800 {
+  .dark\:bg-black\/50 {
     &:is(.dark &) {
-      background-color: var(--color-gray-800);
+      background-color: color-mix(in srgb, #000 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+      }
     }
   }
-  .dark\:bg-gray-900 {
+  .dark\:bg-black\/70 {
     &:is(.dark &) {
-      background-color: var(--color-gray-900);
+      background-color: color-mix(in srgb, #000 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
+      }
     }
   }
-  .dark\:bg-gray-900\/60 {
+  .dark\:bg-emerald-500 {
     &:is(.dark &) {
-      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 60%, transparent);
+      background-color: var(--color-emerald-500);
+    }
+  }
+  .dark\:bg-emerald-500\/15 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
+      }
+    }
+  }
+  .dark\:bg-emerald-900\/30 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
+      }
+    }
+  }
+  .dark\:bg-emerald-900\/35 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 35%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-emerald-900) 35%, transparent);
+      }
+    }
+  }
+  .dark\:bg-gray-100 {
+    &:is(.dark &) {
+      background-color: var(--color-gray-100);
+    }
+  }
+  .dark\:bg-gray-500 {
+    &:is(.dark &) {
+      background-color: var(--color-gray-500);
+    }
+  }
+  .dark\:bg-gray-600 {
+    &:is(.dark &) {
+      background-color: var(--color-gray-600);
+    }
+  }
+  .dark\:bg-gray-700 {
+    &:is(.dark &) {
+      background-color: var(--color-gray-700);
+    }
+  }
+  .dark\:bg-gray-800 {
+    &:is(.dark &) {
+      background-color: var(--color-gray-800);
+    }
+  }
+  .dark\:bg-gray-800\/70 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-gray-800) 70%, transparent);
+      }
+    }
+  }
+  .dark\:bg-gray-900 {
+    &:is(.dark &) {
+      background-color: var(--color-gray-900);
+    }
+  }
+  .dark\:bg-gray-900\/60 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 60%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
         background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
       }
@@ -4007,6 +4292,14 @@
       }
     }
   }
+  .dark\:bg-gray-900\/90 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 90%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-gray-900) 90%, transparent);
+      }
+    }
+  }
   .dark\:bg-gray-900\/95 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 95%, transparent);
@@ -4015,6 +4308,16 @@
       }
     }
   }
+  .dark\:bg-neutral-800 {
+    &:is(.dark &) {
+      background-color: var(--color-neutral-800);
+    }
+  }
+  .dark\:bg-primary {
+    &:is(.dark &) {
+      background-color: var(--color-primary);
+    }
+  }
   .dark\:bg-primary\/15 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, oklch(0.62 0.13 250) 15%, transparent);
@@ -4023,6 +4326,43 @@
       }
     }
   }
+  .dark\:bg-primary\/20 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(0.62 0.13 250) 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .dark\:bg-primary\/25 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(0.62 0.13 250) 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
+      }
+    }
+  }
+  .dark\:bg-primary\/30 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(0.62 0.13 250) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+      }
+    }
+  }
+  .dark\:bg-primary\/90 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(0.62 0.13 250) 90%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
+      }
+    }
+  }
+  .dark\:bg-red-500 {
+    &:is(.dark &) {
+      background-color: var(--color-red-500);
+    }
+  }
   .dark\:bg-red-500\/15 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
@@ -4031,6 +4371,27 @@
       }
     }
   }
+  .dark\:bg-red-900\/30 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
+      }
+    }
+  }
+  .dark\:bg-red-900\/35 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 35%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-red-900) 35%, transparent);
+      }
+    }
+  }
+  .dark\:bg-sky-500 {
+    &:is(.dark &) {
+      background-color: var(--color-sky-500);
+    }
+  }
   .dark\:bg-sky-500\/15 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent);
@@ -4039,6 +4400,30 @@
       }
     }
   }
+  .dark\:bg-sky-900\/30 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
+      }
+    }
+  }
+  .dark\:bg-sky-900\/35 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 35%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-sky-900) 35%, transparent);
+      }
+    }
+  }
+  .dark\:bg-sky-900\/40 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-sky-900) 40%, transparent);
+      }
+    }
+  }
   .dark\:bg-slate-800 {
     &:is(.dark &) {
       background-color: var(--color-slate-800);
@@ -4083,6 +4468,11 @@
       background-color: transparent;
     }
   }
+  .dark\:bg-white {
+    &:is(.dark &) {
+      background-color: var(--color-white);
+    }
+  }
   .dark\:bg-white\/10 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, #fff 10%, transparent);
@@ -4109,6 +4499,12 @@
       --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));
     }
   }
+  .dark\:from-primary {
+    &:is(.dark &) {
+      --tw-gradient-from: var(--color-primary);
+      --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));
+    }
+  }
   .dark\:from-primary\/30 {
     &:is(.dark &) {
       --tw-gradient-from: color-mix(in srgb, oklch(0.62 0.13 250) 30%, transparent);
@@ -4142,6 +4538,16 @@
       --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));
     }
   }
+  .dark\:via-primary\/90 {
+    &:is(.dark &) {
+      --tw-gradient-via: color-mix(in srgb, oklch(0.62 0.13 250) 90%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-gradient-via: color-mix(in oklab, var(--color-primary) 90%, transparent);
+      }
+      --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);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
+    }
+  }
   .dark\:via-slate-900 {
     &:is(.dark &) {
       --tw-gradient-via: var(--color-slate-900);
@@ -4176,6 +4582,12 @@
       --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));
     }
   }
+  .dark\:to-indigo-700 {
+    &:is(.dark &) {
+      --tw-gradient-to: var(--color-indigo-700);
+      --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));
+    }
+  }
   .dark\:to-orange-400\/25 {
     &:is(.dark &) {
       --tw-gradient-to: color-mix(in srgb, oklch(75% 0.183 55.934) 25%, transparent);
@@ -4200,6 +4612,11 @@
       --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));
     }
   }
+  .dark\:text-amber-200 {
+    &:is(.dark &) {
+      color: var(--color-amber-200);
+    }
+  }
   .dark\:text-amber-300 {
     &:is(.dark &) {
       color: var(--color-amber-300);
@@ -4210,6 +4627,16 @@
       color: var(--color-amber-400);
     }
   }
+  .dark\:text-black {
+    &:is(.dark &) {
+      color: var(--color-black);
+    }
+  }
+  .dark\:text-emerald-200 {
+    &:is(.dark &) {
+      color: var(--color-emerald-200);
+    }
+  }
   .dark\:text-emerald-300 {
     &:is(.dark &) {
       color: var(--color-emerald-300);
@@ -4245,11 +4672,21 @@
       color: var(--color-gray-400);
     }
   }
+  .dark\:text-gray-500 {
+    &:is(.dark &) {
+      color: var(--color-gray-500);
+    }
+  }
   .dark\:text-primary {
     &:is(.dark &) {
       color: var(--color-primary);
     }
   }
+  .dark\:text-red-200 {
+    &:is(.dark &) {
+      color: var(--color-red-200);
+    }
+  }
   .dark\:text-red-300 {
     &:is(.dark &) {
       color: var(--color-red-300);
@@ -4260,6 +4697,16 @@
       color: var(--color-red-400);
     }
   }
+  .dark\:text-sky-200 {
+    &:is(.dark &) {
+      color: var(--color-sky-200);
+    }
+  }
+  .dark\:text-sky-300 {
+    &:is(.dark &) {
+      color: var(--color-sky-300);
+    }
+  }
   .dark\:text-sky-400 {
     &:is(.dark &) {
       color: var(--color-sky-400);
@@ -4319,6 +4766,75 @@
       }
     }
   }
+  .dark\:ring-amber-400\/30 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
+      }
+    }
+  }
+  .dark\:ring-black\/40 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, #000 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+      }
+    }
+  }
+  .dark\:ring-emerald-400\/30 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
+      }
+    }
+  }
+  .dark\:ring-gray-200\/25 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-gray-200) 25%, transparent);
+      }
+    }
+  }
+  .dark\:ring-gray-600\/40 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-gray-600) 40%, transparent);
+      }
+    }
+  }
+  .dark\:ring-gray-900 {
+    &:is(.dark &) {
+      --tw-ring-color: var(--color-gray-900);
+    }
+  }
+  .dark\:ring-primary\/40 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+      }
+    }
+  }
+  .dark\:ring-red-400\/30 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
+      }
+    }
+  }
+  .dark\:ring-sky-400\/30 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
+      }
+    }
+  }
   .dark\:ring-white\/5 {
     &:is(.dark &) {
       --tw-ring-color: color-mix(in srgb, #fff 5%, transparent);
@@ -4335,6 +4851,19 @@
       }
     }
   }
+  .dark\:ring-white\/30 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, #fff 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
+      }
+    }
+  }
+  .dark\:ring-offset-gray-900 {
+    &:is(.dark &) {
+      --tw-ring-offset-color: var(--color-gray-900);
+    }
+  }
   .peer-checked\/advanced\:dark\:bg-slate-900 {
     &:is(:where(.peer\/advanced):checked ~ *) {
       &:is(.dark &) {
@@ -4391,64 +4920,494 @@
       }
     }
   }
-  .dark\:placeholder\:text-gray-400 {
+  .dark\:peer-focus-visible\:ring-offset-gray-900 {
     &:is(.dark &) {
-      &::placeholder {
-        color: var(--color-gray-400);
+      &:is(:where(.peer):focus-visible ~ *) {
+        --tw-ring-offset-color: var(--color-gray-900);
       }
     }
   }
-  .dark\:hover\:bg-gray-800 {
+  .dark\:peer-\[\&\:not\(\:placeholder-shown\)\]\:text-gray-200 {
     &:is(.dark &) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-gray-800);
-        }
+      &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+        color: var(--color-gray-200);
       }
     }
   }
-  .dark\:hover\:bg-slate-700 {
+  .dark\:placeholder\:text-gray-400 {
     &:is(.dark &) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-slate-700);
-        }
+      &::placeholder {
+        color: var(--color-gray-400);
       }
     }
   }
-  .dark\:hover\:bg-white\/5 {
+  .dark\:focus-within\:border-black {
     &:is(.dark &) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: color-mix(in srgb, #fff 5%, transparent);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
-          }
-        }
+      &:focus-within {
+        border-color: var(--color-black);
       }
     }
   }
-  .dark\:hover\:text-white {
+  .dark\:focus-within\:border-primary\/60 {
     &:is(.dark &) {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--color-white);
+      &:focus-within {
+        border-color: color-mix(in srgb, oklch(0.62 0.13 250) 60%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
         }
       }
     }
   }
-  .focus\:dark\:placeholder-gray-400 {
-    &:focus {
-      &:is(.dark &) {
-        &::placeholder {
-          color: var(--color-gray-400);
+  .dark\:focus-within\:border-primary\/70 {
+    &:is(.dark &) {
+      &:focus-within {
+        border-color: color-mix(in srgb, oklch(0.62 0.13 250) 70%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-primary) 70%, transparent);
         }
       }
     }
   }
-  .dark\:focus-visible\:border-black {
+  .dark\:focus-within\:bg-slate-700 {
     &:is(.dark &) {
-      &:focus-visible {
+      &:focus-within {
+        background-color: var(--color-slate-700);
+      }
+    }
+  }
+  .dark\:focus-within\:ring-black\/40 {
+    &:is(.dark &) {
+      &:focus-within {
+        --tw-ring-color: color-mix(in srgb, #000 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:focus-within\:ring-primary\/25 {
+    &:is(.dark &) {
+      &:focus-within {
+        --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 25%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:focus-within\:ring-primary\/30 {
+    &:is(.dark &) {
+      &:focus-within {
+        --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 30%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:focus-within\:ring-primary\/40 {
+    &:is(.dark &) {
+      &:focus-within {
+        --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:hover\:border-primary\/60 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: color-mix(in srgb, oklch(0.62 0.13 250) 60%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-amber-500 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-amber-500);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-amber-900\/30 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-amber-900\/50 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-emerald-500 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-emerald-500);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-emerald-900\/30 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-emerald-900\/50 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-gray-200 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-gray-200);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-gray-700 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-gray-700);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-gray-800 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-gray-800);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-neutral-700 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-neutral-700);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-neutral-800 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-neutral-800);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary\/15 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(0.62 0.13 250) 15%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary\/20 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(0.62 0.13 250) 20%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary\/30 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(0.62 0.13 250) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary\/35 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(0.62 0.13 250) 35%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary) 35%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-red-500 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-red-500);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-red-900\/30 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-red-900\/50 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-sky-500 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-sky-500);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-sky-900\/30 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-sky-900\/35 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 35%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-sky-900) 35%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-sky-900\/50 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 50%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-sky-900) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-sky-900\/55 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 55%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-sky-900) 55%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-slate-700 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-slate-700);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-white {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-white);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-white\/5 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #fff 5%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-white\/20 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #fff 20%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-white\/90 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #fff 90%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-black {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-black);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-gray-100 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-gray-100);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-gray-900 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-gray-900);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-primary {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-white {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-white);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-white\/80 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          color: color-mix(in srgb, #fff 80%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            color: color-mix(in oklab, var(--color-white) 80%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .focus\:dark\:placeholder-gray-400 {
+    &:focus {
+      &:is(.dark &) {
+        &::placeholder {
+          color: var(--color-gray-400);
+        }
+      }
+    }
+  }
+  .dark\:focus-visible\:border-black {
+    &:is(.dark &) {
+      &:focus-visible {
         border-color: var(--color-black);
       }
     }
@@ -4520,6 +5479,16 @@
       }
     }
   }
+  .dark\:focus-visible\:ring-white\/40 {
+    &:is(.dark &) {
+      &:focus-visible {
+        --tw-ring-color: color-mix(in srgb, #fff 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent);
+        }
+      }
+    }
+  }
   .dark\:focus-visible\:ring-offset-gray-900 {
     &:is(.dark &) {
       &:focus-visible {
@@ -4658,6 +5627,45 @@
       display: none;
     }
   }
+  .\[\&\>\*\]\:flex-1 {
+    &>* {
+      flex: 1;
+    }
+  }
+  .\[\&\>\*\:not\(\:first-child\)\]\:-mt-px {
+    &>*:not(:first-child) {
+      margin-top: -1px;
+    }
+  }
+  .\[\&\>\*\:not\(\:first-child\)\]\:-ml-px {
+    &>*:not(:first-child) {
+      margin-left: -1px;
+    }
+  }
+  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none {
+    &>*:not(:first-child) {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none {
+    &>*:not(:first-child) {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none {
+    &>*:not(:last-child) {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none {
+    &>*:not(:last-child) {
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
 }
 @font-face {
   font-family: "Material Design Icons";