karin-plugin-kkk 2.30.0 → 2.30.3

package/lib/karin-plugin-kkk.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
@@ -101,7 +101,7 @@
   :root, :host {
     --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    --font-mono: "JetBrains Mono, fansmedal-num";
+    --font-mono: "JetBrains Mono";
     --color-red-200: oklch(88.5% .062 18.334);
     --color-red-500: oklch(63.7% .237 25.331);
     --color-orange-300: oklch(83.7% .128 66.29);
@@ -125,11 +125,6 @@
     --color-rose-300: oklch(81% .117 11.638);
     --color-rose-400: oklch(71.2% .194 13.428);
     --color-rose-500: oklch(64.5% .246 16.439);
-    --color-slate-50: oklch(98.4% .003 247.858);
-    --color-slate-400: oklch(70.4% .04 256.788);
-    --color-slate-500: oklch(55.4% .046 257.417);
-    --color-slate-600: oklch(44.6% .043 257.281);
-    --color-slate-900: oklch(20.8% .042 265.755);
     --color-gray-200: oklch(92.8% .006 264.531);
     --color-gray-400: oklch(70.7% .022 261.325);
     --color-zinc-950: oklch(14.1% .005 285.823);
@@ -354,7 +349,10 @@
     --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
     --ease-out-fluid: cubic-bezier(.32, .72, 0, 1);
     --ease-linear: linear;
+    --radius-5xl: calc(var(--radius) * 5);
     --radius-6xl: calc(var(--radius) * 6);
+    --radius-7xl: calc(var(--radius) * 7);
+    --radius-8xl: calc(var(--radius) * 8);
   }
 
   @layer theme {
@@ -454,18 +452,6 @@
 }
 
 @layer base {
-  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
-    ::placeholder {
-      color: currentColor;
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      ::placeholder {
-        color: color-mix(in oklab, currentcolor 50%, transparent);
-      }
-    }
-  }
-
   *, :after, :before, ::backdrop {
     box-sizing: border-box;
     border: 0 solid;
@@ -11883,14 +11869,6 @@
     inset-block: calc(var(--spacing) * 0);
   }
 
-  .start {
-    inset-inline-start: var(--spacing);
-  }
-
-  .end {
-    inset-inline-end: var(--spacing);
-  }
-
   .-top-2 {
     top: calc(var(--spacing) * -2);
   }
@@ -12451,6 +12429,10 @@
     grid-column: span 8 / span 8;
   }
 
+  .col-span-full {
+    grid-column: 1 / -1;
+  }
+
   .container {
     width: 100%;
   }
@@ -12549,6 +12531,10 @@
     margin-top: calc(var(--spacing) * -170);
   }
 
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * .5);
+  }
+
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
@@ -12581,10 +12567,6 @@
     margin-top: calc(var(--spacing) * 6);
   }
 
-  .mt-7\.5 {
-    margin-top: calc(var(--spacing) * 7.5);
-  }
-
   .mt-8 {
     margin-top: calc(var(--spacing) * 8);
   }
@@ -12645,10 +12627,6 @@
     margin-right: calc(var(--spacing) * 2);
   }
 
-  .mr-2\.5 {
-    margin-right: calc(var(--spacing) * 2.5);
-  }
-
   .mr-3 {
     margin-right: calc(var(--spacing) * 3);
   }
@@ -12657,10 +12635,6 @@
     margin-right: calc(var(--spacing) * 3.5);
   }
 
-  .mr-3\.75 {
-    margin-right: calc(var(--spacing) * 3.75);
-  }
-
   .mr-4 {
     margin-right: calc(var(--spacing) * 4);
   }
@@ -12701,10 +12675,6 @@
     margin-bottom: calc(var(--spacing) * -11);
   }
 
-  .-mb-11\.25 {
-    margin-bottom: calc(var(--spacing) * -11.25);
-  }
-
   .-mb-12 {
     margin-bottom: calc(var(--spacing) * -12);
   }
@@ -12717,10 +12687,6 @@
     margin-bottom: calc(var(--spacing) * 1.5);
   }
 
-  .mb-1\.25 {
-    margin-bottom: calc(var(--spacing) * 1.25);
-  }
-
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -12769,10 +12735,6 @@
     margin-bottom: calc(var(--spacing) * 12.5);
   }
 
-  .mb-13 {
-    margin-bottom: calc(var(--spacing) * 13);
-  }
-
   .mb-14 {
     margin-bottom: calc(var(--spacing) * 14);
   }
@@ -12841,10 +12803,6 @@
     margin-left: calc(var(--spacing) * 2);
   }
 
-  .ml-2\.5 {
-    margin-left: calc(var(--spacing) * 2.5);
-  }
-
   .ml-3 {
     margin-left: calc(var(--spacing) * 3);
   }
@@ -12869,10 +12827,6 @@
     margin-left: calc(var(--spacing) * 10);
   }
 
-  .ml-11\.25 {
-    margin-left: calc(var(--spacing) * 11.25);
-  }
-
   .ml-12 {
     margin-left: calc(var(--spacing) * 12);
   }
@@ -12954,16 +12908,6 @@
     aspect-ratio: var(--aspect-video);
   }
 
-  .size-4 {
-    width: calc(var(--spacing) * 4);
-    height: calc(var(--spacing) * 4);
-  }
-
-  .size-5 {
-    width: calc(var(--spacing) * 5);
-    height: calc(var(--spacing) * 5);
-  }
-
   .size-7 {
     width: calc(var(--spacing) * 7);
     height: calc(var(--spacing) * 7);
@@ -13014,10 +12958,6 @@
     height: calc(var(--spacing) * 4);
   }
 
-  .h-4\.5 {
-    height: calc(var(--spacing) * 4.5);
-  }
-
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -13150,14 +13090,14 @@
     height: calc(var(--spacing) * 56);
   }
 
-  .h-61\.25 {
-    height: calc(var(--spacing) * 61.25);
-  }
-
   .h-64 {
     height: calc(var(--spacing) * 64);
   }
 
+  .h-75 {
+    height: calc(var(--spacing) * 75);
+  }
+
   .h-80 {
     height: calc(var(--spacing) * 80);
   }
@@ -13278,10 +13218,6 @@
     height: 60%;
   }
 
-  .h-\[90vh\] {
-    height: 90vh;
-  }
-
   .h-\[187\.5px\] {
     height: 187.5px;
   }
@@ -13294,6 +13230,10 @@
     height: calc(100% - 280px);
   }
 
+  .h-\[min\(85vh\,900px\)\] {
+    height: min(85vh, 900px);
+  }
+
   .h-\[min\(92vh\,1100px\)\] {
     height: min(92vh, 1100px);
   }
@@ -13318,12 +13258,16 @@
     height: 100vh;
   }
 
-  .max-h-\[86vh\] {
-    max-height: 86vh;
+  .max-h-\[70vh\] {
+    max-height: 70vh;
+  }
+
+  .max-h-\[85vh\] {
+    max-height: 85vh;
   }
 
-  .max-h-\[90vh\] {
-    max-height: 90vh;
+  .max-h-\[86vh\] {
+    max-height: 86vh;
   }
 
   .max-h-\[92vh\] {
@@ -13346,12 +13290,12 @@
     min-height: calc(var(--spacing) * 14);
   }
 
-  .min-h-18\.5 {
-    min-height: calc(var(--spacing) * 18.5);
+  .min-h-15 {
+    min-height: calc(var(--spacing) * 15);
   }
 
-  .min-h-35 {
-    min-height: calc(var(--spacing) * 35);
+  .min-h-18\.5 {
+    min-height: calc(var(--spacing) * 18.5);
   }
 
   .min-h-39 {
@@ -13410,10 +13354,6 @@
     width: calc(var(--spacing) * 4);
   }
 
-  .w-4\.5 {
-    width: calc(var(--spacing) * 4.5);
-  }
-
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
@@ -13494,10 +13434,6 @@
     width: calc(var(--spacing) * 32);
   }
 
-  .w-32\.5 {
-    width: calc(var(--spacing) * 32.5);
-  }
-
   .w-33 {
     width: calc(var(--spacing) * 33);
   }
@@ -13522,10 +13458,6 @@
     width: calc(var(--spacing) * 42);
   }
 
-  .w-42\.5 {
-    width: calc(var(--spacing) * 42.5);
-  }
-
   .w-44 {
     width: calc(var(--spacing) * 44);
   }
@@ -13686,6 +13618,10 @@
     width: 39%;
   }
 
+  .w-\[42\%\] {
+    width: 42%;
+  }
+
   .w-\[44\%\] {
     width: 44%;
   }
@@ -13698,10 +13634,6 @@
     width: 95%;
   }
 
-  .w-\[130\%\] {
-    width: 130%;
-  }
-
   .w-\[187\.5px\] {
     width: 187.5px;
   }
@@ -13985,6 +13917,10 @@
     resize: both;
   }
 
+  .resize-none {
+    resize: none;
+  }
+
   .list-inside {
     list-style-position: inside;
   }
@@ -14197,6 +14133,12 @@
     margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
   }
 
+  :where(.space-y-1\.5 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
+  }
+
   :where(.space-y-2 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
@@ -14381,6 +14323,10 @@
     overflow-x: auto;
   }
 
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
+
   .rounded {
     border-radius: .25rem;
   }
@@ -14397,10 +14343,22 @@
     border-radius: calc(var(--radius) * 4);
   }
 
+  .rounded-5xl {
+    border-radius: var(--radius-5xl);
+  }
+
   .rounded-6xl {
     border-radius: var(--radius-6xl);
   }
 
+  .rounded-7xl {
+    border-radius: var(--radius-7xl);
+  }
+
+  .rounded-8xl {
+    border-radius: var(--radius-8xl);
+  }
+
   .rounded-\[0\.5em\] {
     border-radius: .5em;
   }
@@ -14409,10 +14367,6 @@
     border-radius: .55em;
   }
 
-  .rounded-\[2\%\] {
-    border-radius: 2%;
-  }
-
   .rounded-\[2\.5rem\] {
     border-radius: 2.5rem;
   }
@@ -14437,10 +14391,6 @@
     border-radius: 25px;
   }
 
-  .rounded-\[28px\] {
-    border-radius: 28px;
-  }
-
   .rounded-\[36px\] {
     border-radius: 36px;
   }
@@ -14478,18 +14428,34 @@
     border-top-left-radius: calc(var(--radius) * 2);
   }
 
+  .rounded-tl-4xl {
+    border-top-left-radius: calc(var(--radius) * 4);
+  }
+
   .rounded-tr-2xl {
     border-top-right-radius: calc(var(--radius) * 2);
   }
 
+  .rounded-tr-4xl {
+    border-top-right-radius: calc(var(--radius) * 4);
+  }
+
   .rounded-br-2xl {
     border-bottom-right-radius: calc(var(--radius) * 2);
   }
 
+  .rounded-br-4xl {
+    border-bottom-right-radius: calc(var(--radius) * 4);
+  }
+
   .rounded-bl-2xl {
     border-bottom-left-radius: calc(var(--radius) * 2);
   }
 
+  .rounded-bl-4xl {
+    border-bottom-left-radius: calc(var(--radius) * 4);
+  }
+
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -14770,7 +14736,7 @@
     }
   }
 
-  .border-danger-soft-hover {
+  .border-danger, .border-danger-soft-hover {
     border-color: var(--danger);
   }
 
@@ -14810,6 +14776,20 @@
     }
   }
 
+  .border-field-border {
+    border-color: var(--field-border, var(--border));
+  }
+
+  .border-foreground, .border-foreground\/10 {
+    border-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-foreground\/10 {
+      border-color: color-mix(in oklab, var(--foreground) 10%, transparent);
+    }
+  }
+
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
@@ -14868,20 +14848,6 @@
     }
   }
 
-  .border-slate-900 {
-    border-color: var(--color-slate-900);
-  }
-
-  .border-slate-900\/10 {
-    border-color: #0f172b1a;
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .border-slate-900\/10 {
-      border-color: color-mix(in oklab, var(--color-slate-900) 10%, transparent);
-    }
-  }
-
   .border-success\/25 {
     border-color: var(--success);
   }
@@ -14952,8 +14918,8 @@
     border-top-color: #0000;
   }
 
-  .border-r-slate-900 {
-    border-right-color: var(--color-slate-900);
+  .border-r-foreground {
+    border-right-color: var(--foreground);
   }
 
   .border-b-transparent {
@@ -15048,26 +15014,6 @@
     }
   }
 
-  .bg-black\/6 {
-    background-color: #0000000f;
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-black\/6 {
-      background-color: color-mix(in oklab, var(--color-black) 6%, transparent);
-    }
-  }
-
-  .bg-black\/10 {
-    background-color: #0000001a;
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-black\/10 {
-      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
-    }
-  }
-
   .bg-black\/20 {
     background-color: #0003;
   }
@@ -15156,6 +15102,16 @@
     background-color: var(--border);
   }
 
+  .bg-border-secondary {
+    background-color: var(--surface);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-border-secondary {
+      background-color: color-mix(in oklab, var(--surface) 78%, var(--surface-foreground) 22%);
+    }
+  }
+
   .bg-current {
     background-color: currentColor;
   }
@@ -15210,16 +15166,6 @@
     }
   }
 
-  .bg-danger-soft\/70 {
-    background-color: var(--danger);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-danger-soft\/70 {
-      background-color: color-mix(in oklab, color-mix(in oklab, var(--danger) 15%, transparent) 70%, transparent);
-    }
-  }
-
   .bg-danger\/5 {
     background-color: var(--danger);
   }
@@ -15250,10 +15196,16 @@
     }
   }
 
-  .bg-default {
+  .bg-default, .bg-default\/45 {
     background-color: var(--default);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-default\/45 {
+      background-color: color-mix(in oklab, var(--default) 45%, transparent);
+    }
+  }
+
   .bg-emerald-500 {
     background-color: var(--color-emerald-500);
   }
@@ -15384,14 +15336,6 @@
     }
   }
 
-  .bg-slate-50 {
-    background-color: var(--color-slate-50);
-  }
-
-  .bg-slate-900 {
-    background-color: var(--color-slate-900);
-  }
-
   .bg-success, .bg-success-soft {
     background-color: var(--success);
   }
@@ -15536,10 +15480,6 @@
     }
   }
 
-  .bg-transparent {
-    background-color: #0000;
-  }
-
   .bg-violet-500 {
     background-color: var(--color-violet-500);
   }
@@ -15947,6 +15887,10 @@
     padding: calc(var(--spacing) * 1);
   }
 
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+
   .p-2\.5 {
     padding: calc(var(--spacing) * 2.5);
   }
@@ -16007,6 +15951,14 @@
     padding-inline: calc(var(--spacing) * .5);
   }
 
+  .px-1 {
+    padding-inline: calc(var(--spacing) * 1);
+  }
+
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
@@ -16047,6 +15999,10 @@
     padding-inline: calc(var(--spacing) * 12);
   }
 
+  .px-15 {
+    padding-inline: calc(var(--spacing) * 15);
+  }
+
   .px-16 {
     padding-inline: calc(var(--spacing) * 16);
   }
@@ -16199,6 +16155,10 @@
     padding-top: calc(var(--spacing) * 20);
   }
 
+  .pt-24 {
+    padding-top: calc(var(--spacing) * 24);
+  }
+
   .pt-25 {
     padding-top: calc(var(--spacing) * 25);
   }
@@ -16307,14 +16267,6 @@
     padding-left: calc(var(--spacing) * 2);
   }
 
-  .pl-3 {
-    padding-left: calc(var(--spacing) * 3);
-  }
-
-  .pl-4 {
-    padding-left: calc(var(--spacing) * 4);
-  }
-
   .pl-6 {
     padding-left: calc(var(--spacing) * 6);
   }
@@ -16540,6 +16492,10 @@
     font-size: 8rem;
   }
 
+  .text-\[9px\] {
+    font-size: 9px;
+  }
+
   .text-\[10px\] {
     font-size: 10px;
   }
@@ -16863,11 +16819,6 @@
     letter-spacing: .28em;
   }
 
-  .tracking-\[1\.5px\] {
-    --tw-tracking: 1.5px;
-    letter-spacing: 1.5px;
-  }
-
   .tracking-\[2px\] {
     --tw-tracking: 2px;
     letter-spacing: 2px;
@@ -16883,11 +16834,6 @@
     letter-spacing: 6px;
   }
 
-  .tracking-\[10px\] {
-    --tw-tracking: 10px;
-    letter-spacing: 10px;
-  }
-
   .tracking-normal {
     --tw-tracking: var(--tracking-normal);
     letter-spacing: var(--tracking-normal);
@@ -17020,6 +16966,16 @@
     color: var(--border);
   }
 
+  .text-border-secondary {
+    color: var(--surface);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-border-secondary {
+      color: color-mix(in oklab, var(--surface) 78%, var(--surface-foreground) 22%);
+    }
+  }
+
   .text-cyan-400 {
     color: var(--color-cyan-400);
   }
@@ -17076,6 +17032,16 @@
     }
   }
 
+  .text-danger\/60 {
+    color: var(--danger);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-danger\/60 {
+      color: color-mix(in oklab, var(--danger) 60%, transparent);
+    }
+  }
+
   .text-danger\/80 {
     color: var(--danger);
   }
@@ -17086,6 +17052,16 @@
     }
   }
 
+  .text-default-foreground, .text-default-foreground\/70 {
+    color: var(--default-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-default-foreground\/70 {
+      color: color-mix(in oklab, var(--default-foreground) 70%, transparent);
+    }
+  }
+
   .text-emerald-500 {
     color: var(--color-emerald-500);
   }
@@ -17120,6 +17096,10 @@
     }
   }
 
+  .text-field-foreground {
+    color: var(--field-foreground, var(--foreground));
+  }
+
   .text-foreground, .text-foreground\/10 {
     color: var(--foreground);
   }
@@ -17150,6 +17130,16 @@
     }
   }
 
+  .text-foreground\/40 {
+    color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-foreground\/40 {
+      color: color-mix(in oklab, var(--foreground) 40%, transparent);
+    }
+  }
+
   .text-foreground\/50 {
     color: var(--foreground);
   }
@@ -17338,18 +17328,6 @@
     }
   }
 
-  .text-slate-500 {
-    color: var(--color-slate-500);
-  }
-
-  .text-slate-600 {
-    color: var(--color-slate-600);
-  }
-
-  .text-slate-900 {
-    color: var(--color-slate-900);
-  }
-
   .text-success, .text-success\/5 {
     color: var(--success);
   }
@@ -17398,6 +17376,16 @@
     color: var(--color-white);
   }
 
+  .text-white\/20 {
+    color: #fff3;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-white\/20 {
+      color: color-mix(in oklab, var(--color-white) 20%, transparent);
+    }
+  }
+
   .text-white\/80 {
     color: #fffc;
   }
@@ -17547,16 +17535,6 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .shadow-\[0_16px_48px_rgba\(15\,23\,42\,0\.12\)\] {
-    --tw-shadow: 0 16px 48px var(--tw-shadow-color, #0f172a1f);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
-  .shadow-\[0_24px_80px_rgba\(15\,23\,42\,0\.08\)\] {
-    --tw-shadow: 0 24px 80px var(--tw-shadow-color, #0f172a14);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
   .shadow-\[0_24px_80px_rgba\(15\,23\,42\,0\.18\)\] {
     --tw-shadow: 0 24px 80px var(--tw-shadow-color, #0f172a2e);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -17592,15 +17570,26 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .ring-2 {
+    --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);
+  }
+
   .ring-4 {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + 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);
   }
 
-  .ring-border {
+  .ring-border, .ring-border\/40 {
     --tw-ring-color: var(--border);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-border\/40 {
+      --tw-ring-color: color-mix(in oklab, var(--border) 40%, transparent);
+    }
+  }
+
   .blur {
     --tw-blur: blur(8px);
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
@@ -17926,6 +17915,10 @@
     font-weight: var(--font-weight-medium);
   }
 
+  .placeholder\:text-field-placeholder::placeholder {
+    color: var(--field-placeholder, var(--muted));
+  }
+
   @media (hover: hover) {
     .hover\:bg-black\/5:hover {
       background-color: #0000000d;
@@ -17960,14 +17953,13 @@
     }
   }
 
-  .data-\[hovered\=true\]\:bg-black\/4[data-hovered="true"] {
-    background-color: #0000000a;
+  .focus\:outline-none:focus {
+    --tw-outline-style: none;
+    outline-style: none;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .data-\[hovered\=true\]\:bg-black\/4[data-hovered="true"] {
-      background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
-    }
+  .disabled\:opacity-60:disabled {
+    opacity: .6;
   }
 
   @media (min-width: 40rem) {
@@ -17991,8 +17983,8 @@
       justify-content: space-between;
     }
 
-    .sm\:p-5 {
-      padding: calc(var(--spacing) * 5);
+    .sm\:p-4 {
+      padding: calc(var(--spacing) * 4);
     }
 
     .sm\:p-6 {
@@ -18010,318 +18002,501 @@
     }
   }
 
-  .dark\:border-danger\/30:is(.dark *) {
-    border-color: var(--danger);
+  .dark\:border-white:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
+    border-color: var(--color-white);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .dark\:border-danger\/30:is(.dark *) {
-      border-color: color-mix(in oklab, var(--danger) 30%, transparent);
+  @media (prefers-color-scheme: dark) {
+    .dark\:border-white:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      border-color: var(--color-white);
     }
   }
 
-  .dark\:border-white:is(.dark *) {
-    border-color: var(--color-white);
-  }
-
-  .dark\:border-white\/10:is(.dark *) {
+  .dark\:border-white\/10:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     border-color: #ffffff1a;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:border-white\/10:is(.dark *) {
+    .dark\:border-white\/10:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
       border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
     }
   }
 
-  .dark\:border-r-white:is(.dark *) {
-    border-right-color: var(--color-white);
-  }
+  @media (prefers-color-scheme: dark) {
+    .dark\:border-white\/10:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      border-color: #ffffff1a;
+    }
 
-  .dark\:bg-\[\#321b26\]:is(.dark *) {
-    background-color: #321b26;
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:border-white\/10:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
   }
 
-  .dark\:bg-\[\#09090b\]:is(.dark *) {
-    background-color: #09090b;
+  .dark\:bg-\[\#321b26\]:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
+    background-color: #321b26;
   }
 
-  .dark\:bg-black:is(.dark *) {
-    background-color: var(--color-black);
+  @media (prefers-color-scheme: dark) {
+    .dark\:bg-\[\#321b26\]:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      background-color: #321b26;
+    }
   }
 
-  .dark\:bg-black\/72:is(.dark *) {
+  .dark\:bg-black\/72:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     background-color: #000000b8;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:bg-black\/72:is(.dark *) {
+    .dark\:bg-black\/72:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
       background-color: color-mix(in oklab, var(--color-black) 72%, transparent);
     }
   }
 
-  .dark\:bg-danger-soft\/40:is(.dark *) {
-    background-color: var(--danger);
-  }
+  @media (prefers-color-scheme: dark) {
+    .dark\:bg-black\/72:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      background-color: #000000b8;
+    }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .dark\:bg-danger-soft\/40:is(.dark *) {
-      background-color: color-mix(in oklab, color-mix(in oklab, var(--danger) 15%, transparent) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:bg-black\/72:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+        background-color: color-mix(in oklab, var(--color-black) 72%, transparent);
+      }
     }
   }
 
-  .dark\:bg-surface\/10:is(.dark *) {
+  .dark\:bg-surface\/10:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     background-color: var(--surface);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:bg-surface\/10:is(.dark *) {
+    .dark\:bg-surface\/10:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
       background-color: color-mix(in oklab, var(--surface) 10%, transparent);
     }
   }
 
-  .dark\:bg-white:is(.dark *) {
-    background-color: var(--color-white);
+  @media (prefers-color-scheme: dark) {
+    .dark\:bg-surface\/10:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      background-color: var(--surface);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:bg-surface\/10:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+        background-color: color-mix(in oklab, var(--surface) 10%, transparent);
+      }
+    }
   }
 
-  .dark\:bg-white\/4:is(.dark *) {
-    background-color: #ffffff0a;
+  .dark\:bg-white:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
+    background-color: var(--color-white);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .dark\:bg-white\/4:is(.dark *) {
-      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
+  @media (prefers-color-scheme: dark) {
+    .dark\:bg-white:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      background-color: var(--color-white);
     }
   }
 
-  .dark\:bg-white\/8:is(.dark *) {
-    background-color: #ffffff14;
+  .dark\:bg-white\/4:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
+    background-color: #ffffff0a;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:bg-white\/8:is(.dark *) {
-      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
+    .dark\:bg-white\/4:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
+      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
     }
   }
 
-  .dark\:bg-white\/10:is(.dark *) {
-    background-color: #ffffff1a;
-  }
+  @media (prefers-color-scheme: dark) {
+    .dark\:bg-white\/4:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      background-color: #ffffff0a;
+    }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .dark\:bg-white\/10:is(.dark *) {
-      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:bg-white\/4:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+        background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
+      }
     }
   }
 
-  .dark\:bg-zinc-950:is(.dark *) {
+  .dark\:bg-zinc-950:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     background-color: var(--color-zinc-950);
   }
 
-  .dark\:bg-zinc-950\/88:is(.dark *) {
+  @media (prefers-color-scheme: dark) {
+    .dark\:bg-zinc-950:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      background-color: var(--color-zinc-950);
+    }
+  }
+
+  .dark\:bg-zinc-950\/88:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     background-color: #09090be0;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:bg-zinc-950\/88:is(.dark *) {
+    .dark\:bg-zinc-950\/88:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
       background-color: color-mix(in oklab, var(--color-zinc-950) 88%, transparent);
     }
   }
 
-  .dark\:from-black\/40:is(.dark *) {
+  @media (prefers-color-scheme: dark) {
+    .dark\:bg-zinc-950\/88:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      background-color: #09090be0;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:bg-zinc-950\/88:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+        background-color: color-mix(in oklab, var(--color-zinc-950) 88%, transparent);
+      }
+    }
+  }
+
+  .dark\:from-black\/40:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --tw-gradient-from: #0006;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:from-black\/40:is(.dark *) {
+    .dark\:from-black\/40:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
       --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent);
     }
   }
 
-  .dark\:from-black\/40:is(.dark *) {
+  .dark\:from-black\/40:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --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-black\/55:is(.dark *) {
+  @media (prefers-color-scheme: dark) {
+    .dark\:from-black\/40:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --tw-gradient-from: #0006;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:from-black\/40:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+        --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent);
+      }
+    }
+
+    .dark\:from-black\/40:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --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-black\/55:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --tw-gradient-from: #0000008c;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:from-black\/55:is(.dark *) {
+    .dark\:from-black\/55:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
       --tw-gradient-from: color-mix(in oklab, var(--color-black) 55%, transparent);
     }
   }
 
-  .dark\:from-black\/55:is(.dark *) {
+  .dark\:from-black\/55:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --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-black\/20:is(.dark *) {
+  @media (prefers-color-scheme: dark) {
+    .dark\:from-black\/55:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --tw-gradient-from: #0000008c;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:from-black\/55:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+        --tw-gradient-from: color-mix(in oklab, var(--color-black) 55%, transparent);
+      }
+    }
+
+    .dark\:from-black\/55:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --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-black\/20:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --tw-gradient-via: #0003;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:via-black\/20:is(.dark *) {
+    .dark\:via-black\/20:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
       --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent);
     }
   }
 
-  .dark\:via-black\/20:is(.dark *) {
+  .dark\:via-black\/20:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --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-black\/30:is(.dark *) {
+  @media (prefers-color-scheme: dark) {
+    .dark\:via-black\/20:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --tw-gradient-via: #0003;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:via-black\/20:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+        --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent);
+      }
+    }
+
+    .dark\:via-black\/20:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --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-black\/30:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --tw-gradient-via: #0000004d;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:via-black\/30:is(.dark *) {
+    .dark\:via-black\/30:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
       --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent);
     }
   }
 
-  .dark\:via-black\/30:is(.dark *) {
+  .dark\:via-black\/30:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --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\:to-black\/40:is(.dark *) {
+  @media (prefers-color-scheme: dark) {
+    .dark\:via-black\/30:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --tw-gradient-via: #0000004d;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:via-black\/30:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+        --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent);
+      }
+    }
+
+    .dark\:via-black\/30:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --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\:to-black\/40:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --tw-gradient-to: #0006;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:to-black\/40:is(.dark *) {
+    .dark\:to-black\/40:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
       --tw-gradient-to: color-mix(in oklab, var(--color-black) 40%, transparent);
     }
   }
 
-  .dark\:to-black\/40:is(.dark *) {
+  .dark\:to-black\/40:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --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-black\/55:is(.dark *) {
+  @media (prefers-color-scheme: dark) {
+    .dark\:to-black\/40:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --tw-gradient-to: #0006;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:to-black\/40:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+        --tw-gradient-to: color-mix(in oklab, var(--color-black) 40%, transparent);
+      }
+    }
+
+    .dark\:to-black\/40:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --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-black\/55:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --tw-gradient-to: #0000008c;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:to-black\/55:is(.dark *) {
+    .dark\:to-black\/55:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
       --tw-gradient-to: color-mix(in oklab, var(--color-black) 55%, transparent);
     }
   }
 
-  .dark\:to-black\/55:is(.dark *) {
+  .dark\:to-black\/55:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --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-\[\#58B0D5\]:is(.dark *) {
+  @media (prefers-color-scheme: dark) {
+    .dark\:to-black\/55:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --tw-gradient-to: #0000008c;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:to-black\/55:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+        --tw-gradient-to: color-mix(in oklab, var(--color-black) 55%, transparent);
+      }
+    }
+
+    .dark\:to-black\/55:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --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-\[\#58B0D5\]:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     color: #58b0d5;
   }
 
-  .dark\:text-\[\#c7daef\]:is(.dark *) {
+  @media (prefers-color-scheme: dark) {
+    .dark\:text-\[\#58B0D5\]:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      color: #58b0d5;
+    }
+  }
+
+  .dark\:text-\[\#c7daef\]:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     color: #c7daef;
   }
 
-  .dark\:text-\[\#cb5775\]:is(.dark *) {
+  @media (prefers-color-scheme: dark) {
+    .dark\:text-\[\#c7daef\]:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      color: #c7daef;
+    }
+  }
+
+  .dark\:text-\[\#cb5775\]:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     color: #cb5775;
   }
 
-  .dark\:text-\[\#face15\]:is(.dark *) {
+  @media (prefers-color-scheme: dark) {
+    .dark\:text-\[\#cb5775\]:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      color: #cb5775;
+    }
+  }
+
+  .dark\:text-\[\#face15\]:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     color: #face15;
   }
 
-  .dark\:text-black:is(.dark *) {
-    color: var(--color-black);
+  @media (prefers-color-scheme: dark) {
+    .dark\:text-\[\#face15\]:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      color: #face15;
+    }
   }
 
-  .dark\:text-slate-400:is(.dark *) {
-    color: var(--color-slate-400);
+  .dark\:text-black:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
+    color: var(--color-black);
   }
 
-  .dark\:text-white:is(.dark *) {
-    color: var(--color-white);
+  @media (prefers-color-scheme: dark) {
+    .dark\:text-black:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      color: var(--color-black);
+    }
   }
 
-  .dark\:text-white\/60:is(.dark *) {
-    color: #fff9;
+  .dark\:opacity-10:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
+    opacity: .1;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .dark\:text-white\/60:is(.dark *) {
-      color: color-mix(in oklab, var(--color-white) 60%, transparent);
+  @media (prefers-color-scheme: dark) {
+    .dark\:opacity-10:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      opacity: .1;
     }
   }
 
-  .dark\:text-white\/70:is(.dark *) {
-    color: #ffffffb3;
+  .dark\:opacity-20:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
+    opacity: .2;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .dark\:text-white\/70:is(.dark *) {
-      color: color-mix(in oklab, var(--color-white) 70%, transparent);
+  @media (prefers-color-scheme: dark) {
+    .dark\:opacity-20:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      opacity: .2;
     }
   }
 
-  .dark\:opacity-10:is(.dark *) {
-    opacity: .1;
+  .dark\:opacity-70:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
+    opacity: .7;
   }
 
-  .dark\:opacity-20:is(.dark *) {
-    opacity: .2;
+  @media (prefers-color-scheme: dark) {
+    .dark\:opacity-70:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      opacity: .7;
+    }
   }
 
-  .dark\:opacity-\[0\.12\]:is(.dark *) {
+  .dark\:opacity-\[0\.12\]:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     opacity: .12;
   }
 
-  .dark\:mix-blend-soft-light:is(.dark *) {
+  @media (prefers-color-scheme: dark) {
+    .dark\:opacity-\[0\.12\]:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      opacity: .12;
+    }
+  }
+
+  .dark\:mix-blend-soft-light:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     mix-blend-mode: soft-light;
   }
 
-  .dark\:shadow-\[0_18px_54px_rgba\(0\,0\,0\,0\.55\)\]:is(.dark *) {
-    --tw-shadow: 0 18px 54px var(--tw-shadow-color, #0000008c);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  @media (prefers-color-scheme: dark) {
+    .dark\:mix-blend-soft-light:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      mix-blend-mode: soft-light;
+    }
   }
 
-  .dark\:shadow-\[0_28px_84px_rgba\(0\,0\,0\,0\.55\)\]:is(.dark *) {
+  .dark\:shadow-\[0_28px_84px_rgba\(0\,0\,0\,0\.55\)\]:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
     --tw-shadow: 0 28px 84px var(--tw-shadow-color, #0000008c);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .dark\:shadow-\[0_28px_88px_rgba\(0\,0\,0\,0\.55\)\]:is(.dark *) {
-    --tw-shadow: 0 28px 88px var(--tw-shadow-color, #0000008c);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  @media (prefers-color-scheme: dark) {
+    .dark\:shadow-\[0_28px_84px_rgba\(0\,0\,0\,0\.55\)\]:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      --tw-shadow: 0 28px 84px var(--tw-shadow-color, #0000008c);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
   }
 
   @media (hover: hover) {
-    .dark\:hover\:bg-white\/6:is(.dark *):hover {
+    .dark\:hover\:bg-white\/6:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):hover {
       background-color: #ffffff0f;
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .dark\:hover\:bg-white\/6:is(.dark *):hover {
+      .dark\:hover\:bg-white\/6:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):hover {
         background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
       }
     }
+  }
+
+  @media (prefers-color-scheme: dark) {
+    @media (hover: hover) {
+      .dark\:hover\:bg-white\/6:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)):hover {
+        background-color: #ffffff0f;
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .dark\:hover\:bg-white\/6:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)):hover {
+          background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
+        }
+      }
+    }
+  }
 
-    .dark\:hover\:bg-white\/90:is(.dark *):hover {
+  @media (hover: hover) {
+    .dark\:hover\:bg-white\/90:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):hover {
       background-color: #ffffffe6;
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .dark\:hover\:bg-white\/90:is(.dark *):hover {
+      .dark\:hover\:bg-white\/90:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):hover {
         background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
       }
     }
   }
 
-  .dark\:data-\[hovered\=true\]\:bg-white\/6:is(.dark *)[data-hovered="true"] {
-    background-color: #ffffff0f;
-  }
+  @media (prefers-color-scheme: dark) {
+    @media (hover: hover) {
+      .dark\:hover\:bg-white\/90:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)):hover {
+        background-color: #ffffffe6;
+      }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .dark\:data-\[hovered\=true\]\:bg-white\/6:is(.dark *)[data-hovered="true"] {
-      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        .dark\:hover\:bg-white\/90:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)):hover {
+          background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+        }
+      }
     }
   }