@nswds/app 1.93.0 → 1.95.0

package/dist/styles.css

@@ -397,6 +397,9 @@
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
   .sticky {
     position: sticky;
   }
@@ -2446,12 +2449,6 @@
       border-color: color-mix(in oklab, var(--color-grey-950) 5%, transparent);
     }
   }
-  .border-grey-950\/10 {
-    border-color: var(--color-grey-950);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-grey-950) 10%, transparent);
-    }
-  }
   .border-inherit {
     border-color: inherit;
   }
@@ -2647,12 +2644,6 @@
   .bg-grey-800 {
     background-color: var(--color-grey-800);
   }
-  .bg-grey-950\/\[2\.5\%\] {
-    background-color: var(--color-grey-950);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-grey-950) 2.5%, transparent);
-    }
-  }
   .bg-lime-500 {
     background-color: var(--color-lime-500);
   }
@@ -2965,9 +2956,6 @@
   .px-0 {
     padding-inline: calc(var(--spacing) * 0);
   }
-  .px-0\.5 {
-    padding-inline: calc(var(--spacing) * 0.5);
-  }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -9666,11 +9654,6 @@
       border-color: var(--color-gray-800);
     }
   }
-  .dark\:border-grey-50 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: var(--color-grey-50);
-    }
-  }
   .dark\:border-grey-200\/15 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-grey-200);
@@ -9748,14 +9731,6 @@
       }
     }
   }
-  .dark\:border-white\/20 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: color-mix(in srgb, #fff 20%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
-      }
-    }
-  }
   .dark\:bg-\(--badge-bg\) {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--badge-bg);
@@ -10165,6 +10140,11 @@
       color: var(--color-grey-200);
     }
   }
+  .dark\:text-grey-300 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-grey-300);
+    }
+  }
   .dark\:text-grey-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--color-grey-400);
@@ -10323,16 +10303,39 @@
       --tw-prose-td-borders: var(--tw-prose-invert-td-borders) !important;
     }
   }
+  .dark\:\[--badge-bg\:var\(--color-accent-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-bg: var(--color-accent-500);
+    }
+  }
   .dark\:\[--badge-bg\:var\(--color-grey-600\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-bg: var(--color-grey-600);
     }
   }
+  .dark\:\[--badge-bg\:var\(--color-primary-400\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-bg: var(--color-primary-400);
+    }
+  }
+  .dark\:\[--badge-bg\:var\(--color-primary-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-bg: var(--color-primary-500);
+    }
+  }
   .dark\:\[--badge-bg\:var\(--color-white\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-bg: var(--color-white);
     }
   }
+  .dark\:\[--badge-border\:var\(--color-accent-500\)\]\/90 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-border: var(--color-accent-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --badge-border: color-mix(in oklab, var(--color-accent-500) 90%, transparent);
+      }
+    }
+  }
   .dark\:\[--badge-border\:var\(--color-grey-600\)\]\/90 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-border: var(--color-grey-600);
@@ -10341,6 +10344,22 @@
       }
     }
   }
+  .dark\:\[--badge-border\:var\(--color-primary-400\)\]\/90 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-border: var(--color-primary-400);
+      @supports (color: color-mix(in lab, red, red)) {
+        --badge-border: color-mix(in oklab, var(--color-primary-400) 90%, transparent);
+      }
+    }
+  }
+  .dark\:\[--badge-border\:var\(--color-primary-500\)\]\/90 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-border: var(--color-primary-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --badge-border: color-mix(in oklab, var(--color-primary-500) 90%, transparent);
+      }
+    }
+  }
   .dark\:\[--badge-border\:var\(--color-white\)\]\/90 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-border: color-mix(in srgb, #fff 90%, transparent);
@@ -10349,6 +10368,14 @@
       }
     }
   }
+  .dark\:\[--badge-hover-overlay\:var\(--color-accent-500\)\]\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-hover-overlay: var(--color-accent-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --badge-hover-overlay: color-mix(in oklab, var(--color-accent-500) 30%, transparent);
+      }
+    }
+  }
   .dark\:\[--badge-hover-overlay\:var\(--color-grey-200\)\]\/20 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-hover-overlay: var(--color-grey-200);
@@ -10357,6 +10384,22 @@
       }
     }
   }
+  .dark\:\[--badge-hover-overlay\:var\(--color-primary-400\)\]\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-hover-overlay: var(--color-primary-400);
+      @supports (color: color-mix(in lab, red, red)) {
+        --badge-hover-overlay: color-mix(in oklab, var(--color-primary-400) 30%, transparent);
+      }
+    }
+  }
+  .dark\:\[--badge-hover-overlay\:var\(--color-primary-500\)\]\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-hover-overlay: var(--color-primary-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --badge-hover-overlay: color-mix(in oklab, var(--color-primary-500) 30%, transparent);
+      }
+    }
+  }
   .dark\:\[--badge-hover-overlay\:var\(--color-primary-800\)\]\/50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-hover-overlay: var(--color-primary-800);
@@ -10375,16 +10418,44 @@
       --badge-text: var(--color-white);
     }
   }
+  .dark\:\[--badge-text\:white\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-text: white;
+    }
+  }
+  .dark\:\[--btn-bg\:var\(--color-accent-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-bg: var(--color-accent-500);
+    }
+  }
   .dark\:\[--btn-bg\:var\(--color-grey-600\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --btn-bg: var(--color-grey-600);
     }
   }
+  .dark\:\[--btn-bg\:var\(--color-primary-400\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-bg: var(--color-primary-400);
+    }
+  }
+  .dark\:\[--btn-bg\:var\(--color-primary-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-bg: var(--color-primary-500);
+    }
+  }
   .dark\:\[--btn-bg\:var\(--color-white\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --btn-bg: var(--color-white);
     }
   }
+  .dark\:\[--btn-border\:var\(--color-accent-500\)\]\/90 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-border: var(--color-accent-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-border: color-mix(in oklab, var(--color-accent-500) 90%, transparent);
+      }
+    }
+  }
   .dark\:\[--btn-border\:var\(--color-grey-600\)\]\/90 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --btn-border: var(--color-grey-600);
@@ -10393,6 +10464,22 @@
       }
     }
   }
+  .dark\:\[--btn-border\:var\(--color-primary-400\)\]\/90 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-border: var(--color-primary-400);
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-border: color-mix(in oklab, var(--color-primary-400) 90%, transparent);
+      }
+    }
+  }
+  .dark\:\[--btn-border\:var\(--color-primary-500\)\]\/90 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-border: var(--color-primary-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-border: color-mix(in oklab, var(--color-primary-500) 90%, transparent);
+      }
+    }
+  }
   .dark\:\[--btn-border\:var\(--color-white\)\]\/90 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --btn-border: color-mix(in srgb, #fff 90%, transparent);
@@ -10401,6 +10488,14 @@
       }
     }
   }
+  .dark\:\[--btn-hover-overlay\:var\(--color-accent-500\)\]\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-hover-overlay: var(--color-accent-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-hover-overlay: color-mix(in oklab, var(--color-accent-500) 30%, transparent);
+      }
+    }
+  }
   .dark\:\[--btn-hover-overlay\:var\(--color-grey-600\)\]\/50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --btn-hover-overlay: var(--color-grey-600);
@@ -10409,19 +10504,27 @@
       }
     }
   }
-  .dark\:\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/50 {
+  .dark\:\[--btn-hover-overlay\:var\(--color-primary-400\)\]\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      --btn-hover-overlay: var(--color-primary-800);
+      --btn-hover-overlay: var(--color-primary-400);
       @supports (color: color-mix(in lab, red, red)) {
-        --btn-hover-overlay: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
+        --btn-hover-overlay: color-mix(in oklab, var(--color-primary-400) 30%, transparent);
       }
     }
   }
-  .dark\:\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
+  .dark\:\[--btn-hover-overlay\:var\(--color-primary-500\)\]\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      --btn-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
+      --btn-hover-overlay: var(--color-primary-500);
       @supports (color: color-mix(in lab, red, red)) {
-        --btn-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
+        --btn-hover-overlay: color-mix(in oklab, var(--color-primary-500) 30%, transparent);
+      }
+    }
+  }
+  .dark\:\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/50 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-hover-overlay: var(--color-primary-800);
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-hover-overlay: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
       }
     }
   }
@@ -10463,6 +10566,91 @@
       --focus-outline: var(--color-white);
     }
   }
+  .dark\:\[--nsw-card-bg\:var\(--color-grey-850\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-bg: var(--color-grey-850);
+    }
+  }
+  .dark\:\[--nsw-card-bg\:var\(--color-primary-400\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-bg: var(--color-primary-400);
+    }
+  }
+  .dark\:\[--nsw-card-bg\:var\(--color-primary-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-bg: var(--color-primary-500);
+    }
+  }
+  .dark\:\[--nsw-card-bg\:var\(--color-primary-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-bg: var(--color-primary-600);
+    }
+  }
+  .dark\:\[--nsw-card-border\:var\(--color-grey-700\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-border: var(--color-grey-700);
+    }
+  }
+  .dark\:\[--nsw-card-border\:var\(--color-primary-400\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-border: var(--color-primary-400);
+    }
+  }
+  .dark\:\[--nsw-card-border\:var\(--color-primary-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-border: var(--color-primary-500);
+    }
+  }
+  .dark\:\[--nsw-card-border\:var\(--color-primary-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-border: var(--color-primary-600);
+    }
+  }
+  .dark\:\[--nsw-card-image-border\:var\(--color-grey-700\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-image-border: var(--color-grey-700);
+    }
+  }
+  .dark\:\[--nsw-card-text\:var\(--color-grey-100\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-text: var(--color-grey-100);
+    }
+  }
+  .dark\:\[--nsw-card-text\:white\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-text: white;
+    }
+  }
+  .dark\:\[--nsw-card-top-border-base\:var\(--color-grey-700\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-top-border-base: var(--color-grey-700);
+    }
+  }
+  .dark\:\[--nsw-card-top-border-base\:var\(--color-primary-400\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-top-border-base: var(--color-primary-400);
+    }
+  }
+  .dark\:\[--nsw-card-top-border-base\:var\(--color-primary-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-top-border-base: var(--color-primary-500);
+    }
+  }
+  .dark\:\[--nsw-card-top-border-base\:var\(--color-primary-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-top-border-base: var(--color-primary-600);
+    }
+  }
+  .dark\:\[--nsw-card-top-border-hover\:var\(--color-grey-700\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-top-border-hover: var(--color-grey-700);
+    }
+  }
+  .dark\:\[--nsw-card-top-border-hover\:var\(--color-primary-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-top-border-hover: var(--color-primary-600);
+    }
+  }
   .dark\:\[--switch-bg-ring\:transparent\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --switch-bg-ring: transparent;
@@ -10600,6 +10788,24 @@
       }
     }
   }
+  .dark\:group-hover\:group-data-\[color\=primary\]\:text-grey-100 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:is(:where(.group):hover *) {
+        @media (hover: hover) {
+          &:is(:where(.group)[data-color=primary] *) {
+            color: var(--color-grey-100);
+          }
+        }
+      }
+    }
+  }
+  .dark\:group-data-\[color\=secondary\]\:text-white {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:is(:where(.group)[data-color=secondary] *) {
+        color: var(--color-white);
+      }
+    }
+  }
   .dark\:group-data-\[disabled\=true\]\:text-grey-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:is(:where(.group)[data-disabled=true] *) {
@@ -10614,6 +10820,13 @@
       }
     }
   }
+  .dark\:placeholder\:text-grey-300 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &::placeholder {
+        color: var(--color-grey-300);
+      }
+    }
+  }
   .dark\:before\:hidden {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &::before {
@@ -10852,6 +11065,60 @@
       }
     }
   }
+  .dark\:hover\:\[--nsw-card-bg\:var\(--color-grey-850\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --nsw-card-bg: var(--color-grey-850);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\[--nsw-card-bg\:var\(--color-primary-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --nsw-card-bg: var(--color-primary-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\[--nsw-card-border\:var\(--color-grey-700\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --nsw-card-border: var(--color-grey-700);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\[--nsw-card-border\:var\(--color-primary-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --nsw-card-border: var(--color-primary-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\[--nsw-card-text\:var\(--color-grey-100\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --nsw-card-text: var(--color-grey-100);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\[--nsw-card-text\:white\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --nsw-card-text: white;
+        }
+      }
+    }
+  }
   .dark\:hover\:\[--toggle-border\:white\]\/50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -10868,6 +11135,23 @@
       }
     }
   }
+  .dark\:focus\:bg-primary-200\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        background-color: var(--color-primary-200);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:focus\:text-primary-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        color: var(--color-primary-200);
+      }
+    }
+  }
   .dark\:focus\:ring-primary-700\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -11060,6 +11344,13 @@
       }
     }
   }
+  .dark\:data-\[placeholder\]\:text-grey-400 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-placeholder] {
+        color: var(--color-grey-400);
+      }
+    }
+  }
   .dark\:\*\:data-\[slot\=icon\]\:fill-zinc-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       :is(& > *) {
@@ -11324,6 +11615,16 @@
       }
     }
   }
+  .dark\:data-\[variant\=solid\]\:\[--badge-hover-overlay\:var\(--color-white\)\]\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-variant=solid] {
+        --badge-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --badge-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+    }
+  }
   .dark\:data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-white\)\]\/5 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-variant=solid] {
@@ -11334,6 +11635,16 @@
       }
     }
   }
+  .dark\:data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-variant=solid] {
+        --btn-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --btn-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+    }
+  }
   .dark\:data-\[variant\=surface\]\:border-\[--badge-hover-overlay\:var\(--color-primary-700\)\]\/60 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-variant=surface] {
@@ -11816,6 +12127,13 @@
       color: var(--muted-foreground);
     }
   }
+  .dark\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-grey-400 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      & svg:not([class*=text-]) {
+        color: var(--color-grey-400);
+      }
+    }
+  }
   .\[\&_table\]\:w-full {
     & table {
       width: 100%;
@@ -13198,57 +13516,81 @@
     bottom: 0;
     right: 0;
   }
-  .dark .code-responsive-wrapper {
+  .dark .code-responsive-wrapper,
+  [data-theme=dark] .code-responsive-wrapper {
     background-color: #111827;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fillRule='evenodd'%3E%3Cg fill='%236b7280' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
   }
   .dark code[class*=language-],
   .dark pre[class*=language-],
-  pre.dark[class*=language-] {
+  pre.dark[class*=language-],
+  [data-theme=dark] code[class*=language-],
+  [data-theme=dark] pre[class*=language-],
+  pre[data-theme=dark][class*=language-] {
     --tw-text-opacity: 1;
     color: rgb(241 126 184 / var(--tw-text-opacity, 1));
   }
-  .dark .highlight-line {
+  .dark .highlight-line,
+  [data-theme=dark] .highlight-line {
     --tw-bg-opacity: 1;
     background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
   }
   .dark .code-preview-wrapper + .code-syntax-wrapper > .code-syntax > .relative > [data-code-wrapper] > .highlight > pre[class*=language-],
+  [data-theme=dark] .code-preview-wrapper + .code-syntax-wrapper > .code-syntax > .relative > [data-code-wrapper] > .highlight > pre[class*=language-],
   .dark .highlight pre[class*=language-],
+  [data-theme=dark] .highlight pre[class*=language-],
   .dark :not(pre) > code[class*=language-],
+  [data-theme=dark] :not(pre) > code[class*=language-],
   .dark pre[class*=language-],
-  pre.dark[class*=language-] {
+  [data-theme=dark] pre[class*=language-],
+  pre.dark[class*=language-],
+  pre[data-theme=dark][class*=language-] {
     --tw-bg-opacity: 1;
     background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
   }
   .dark .token.cdata,
   .dark .token.comment,
   .dark .token.doctype,
-  .dark .token.prolog {
+  .dark .token.prolog,
+  [data-theme=dark] .token.cdata,
+  [data-theme=dark] .token.comment,
+  [data-theme=dark] .token.doctype,
+  [data-theme=dark] .token.prolog {
     --tw-text-opacity: 1;
     color: rgb(156 163 175 / var(--tw-text-opacity, 1));
   }
-  .dark .token.punctuation {
+  .dark .token.punctuation,
+  [data-theme=dark] .token.punctuation {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   }
   .dark .token.class-name,
   .dark .token.keyword,
   .dark .token.property,
-  .dark .token.tag {
+  .dark .token.tag,
+  [data-theme=dark] .token.class-name,
+  [data-theme=dark] .token.keyword,
+  [data-theme=dark] .token.property,
+  [data-theme=dark] .token.tag {
     --tw-text-opacity: 1;
     color: rgb(172 148 250 / var(--tw-text-opacity, 1));
   }
   .dark .token.boolean,
-  .dark .token.constant {
+  .dark .token.constant,
+  [data-theme=dark] .token.boolean,
+  [data-theme=dark] .token.constant {
     --tw-text-opacity: 1;
     color: rgb(52 211 153 / var(--tw-text-opacity, 1));
   }
   .dark .token.deleted,
-  .dark .token.symbol {
+  .dark .token.symbol,
+  [data-theme=dark] .token.deleted,
+  [data-theme=dark] .token.symbol {
     --tw-text-opacity: 1;
     color: rgb(249 128 128 / var(--tw-text-opacity, 1));
   }
-  .dark .token.number {
+  .dark .token.number,
+  [data-theme=dark] .token.number {
     --tw-text-opacity: 1;
     color: rgb(241 126 184 / var(--tw-text-opacity, 1));
   }
@@ -13257,104 +13599,139 @@
   .dark .token.char,
   .dark .token.inserted,
   .dark .token.selector,
-  .dark .token.string {
+  .dark .token.string,
+  [data-theme=dark] .token.attr-name,
+  [data-theme=dark] .token.builtin,
+  [data-theme=dark] .token.char,
+  [data-theme=dark] .token.inserted,
+  [data-theme=dark] .token.selector,
+  [data-theme=dark] .token.string {
     --tw-text-opacity: 1;
     color: rgb(56 189 248 / var(--tw-text-opacity, 1));
   }
-  .dark .token.variable {
+  .dark .token.variable,
+  [data-theme=dark] .token.variable {
     --tw-text-opacity: 1;
     color: rgb(172 148 250 / var(--tw-text-opacity, 1));
   }
-  .dark .token.operator {
+  .dark .token.operator,
+  [data-theme=dark] .token.operator {
     --tw-text-opacity: 1;
     color: rgb(156 163 175 / var(--tw-text-opacity, 1));
   }
-  .dark .token.entity {
+  .dark .token.entity,
+  [data-theme=dark] .token.entity {
     --tw-text-opacity: 1;
     color: rgb(250 202 21 / var(--tw-text-opacity, 1));
   }
-  .dark .token.url {
+  .dark .token.url,
+  [data-theme=dark] .token.url {
     --tw-text-opacity: 1;
     color: rgb(6 182 212 / var(--tw-text-opacity, 1));
   }
   .dark .language-css .token.string,
-  .dark .style .token.string {
+  .dark .style .token.string,
+  [data-theme=dark] .language-css .token.string,
+  [data-theme=dark] .style .token.string {
     --tw-text-opacity: 1;
     color: rgb(249 128 128 / var(--tw-text-opacity, 1));
   }
   .dark .token.atrule,
-  .dark .token.attr-value {
+  .dark .token.attr-value,
+  [data-theme=dark] .token.atrule,
+  [data-theme=dark] .token.attr-value {
     --tw-text-opacity: 1;
     color: rgb(110 231 183 / var(--tw-text-opacity, 1));
   }
-  .dark .token.function {
+  .dark .token.function,
+  [data-theme=dark] .token.function {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   }
-  .dark .token {
+  .dark .token,
+  [data-theme=dark] .token {
     --tw-text-opacity: 1;
     color: rgb(156 163 175 / var(--tw-text-opacity, 1));
   }
   .dark code.language-bash,
   .dark code.language-tsx,
-  .dark pre.language-bash {
+  .dark pre.language-bash,
+  [data-theme=dark] code.language-bash,
+  [data-theme=dark] code.language-tsx,
+  [data-theme=dark] pre.language-bash {
     --tw-text-opacity: 1;
     color: rgb(34 211 238 / var(--tw-text-opacity, 1));
   }
-  .dark code.language-tsx .token.function {
+  .dark code.language-tsx .token.function,
+  [data-theme=dark] code.language-tsx .token.function {
     --tw-text-opacity: 1;
     color: rgb(132 225 188 / var(--tw-text-opacity, 1));
   }
-  .dark code.language-tsx .token.punctuation {
+  .dark code.language-tsx .token.punctuation,
+  [data-theme=dark] code.language-tsx .token.punctuation {
     --tw-text-opacity: 1;
     color: rgb(107 114 128 / var(--tw-text-opacity, 1));
   }
-  .dark code.language-tsx .token.keyword {
+  .dark code.language-tsx .token.keyword,
+  [data-theme=dark] code.language-tsx .token.keyword {
     --tw-text-opacity: 1;
     color: rgb(232 121 249 / var(--tw-text-opacity, 1));
   }
-  .dark code.language-tsx .token.comment {
+  .dark code.language-tsx .token.comment,
+  [data-theme=dark] code.language-tsx .token.comment {
     --tw-text-opacity: 1;
     color: rgb(107 114 128 / var(--tw-text-opacity, 1));
   }
   .dark code.language-tsx .token.class-name,
-  .dark code.language-tsx .token.string {
+  .dark code.language-tsx .token.string,
+  [data-theme=dark] code.language-tsx .token.class-name,
+  [data-theme=dark] code.language-tsx .token.string {
     --tw-text-opacity: 1;
     color: rgb(172 148 250 / var(--tw-text-opacity, 1));
   }
-  .dark code.language-html .token.tag {
+  .dark code.language-html .token.tag,
+  [data-theme=dark] code.language-html .token.tag {
     --tw-text-opacity: 1;
     color: rgb(232 121 249 / var(--tw-text-opacity, 1));
   }
-  .dark code.language-html .token.attr-name {
+  .dark code.language-html .token.attr-name,
+  [data-theme=dark] code.language-html .token.attr-name {
     color: rgb(156 163 175 / var(--tw-text-opacity, 1));
   }
-  .dark code.language-html .token.attr-value {
+  .dark code.language-html .token.attr-value,
+  [data-theme=dark] code.language-html .token.attr-value {
     --tw-text-opacity: 1;
     color: rgb(34 211 238 / var(--tw-text-opacity, 1));
   }
-  .dark code.language-html .token.punctuation {
+  .dark code.language-html .token.punctuation,
+  [data-theme=dark] code.language-html .token.punctuation {
     --tw-text-opacity: 1;
     color: rgb(107 114 128 / var(--tw-text-opacity, 1));
   }
-  .dark code.language-html .token.attr-name {
+  .dark code.language-html .token.attr-name,
+  [data-theme=dark] code.language-html .token.attr-name {
     --tw-text-opacity: 1;
     color: rgb(49 196 141 / var(--tw-text-opacity, 1));
   }
-  .dark code.language-html .token.comment {
+  .dark code.language-html .token.comment,
+  [data-theme=dark] code.language-html .token.comment {
     --tw-text-opacity: 1;
     color: rgb(107 114 128 / var(--tw-text-opacity, 1));
   }
-  .dark #carbonads {
+  .dark #carbonads,
+  [data-theme=dark] #carbonads {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   }
   .dark #carbonads,
-  .dark #carbonads .carbon-poweredby {
+  .dark #carbonads .carbon-poweredby,
+  [data-theme=dark] #carbonads,
+  [data-theme=dark] #carbonads .carbon-poweredby {
     background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
   }
-  .dark #carbonads .carbon-poweredby {
+  .dark #carbonads .carbon-poweredby,
+  [data-theme=dark] #carbonads .carbon-poweredby {
     --tw-bg-opacity: 1;
   }
   .prose {
@@ -13423,7 +13800,10 @@
     display: none;
   }
   button:not(:disabled),
-  [role=button]:not(:disabled) {
+  [role=button]:not(:disabled),
+  input[type=button]:not(:disabled),
+  input[type=submit]:not(:disabled),
+  input[type=reset]:not(:disabled) {
     cursor: pointer;
   }
 }