@nswds/app 1.117.0 → 1.119.0

package/dist/styles.css

@@ -145,7 +145,6 @@
     --color-primary-900: var(--nsw-blue-900);
     --color-primary-950: var(--nsw-blue-950);
     --color-accent-50: var(--nsw-red-50);
-    --color-accent-100: var(--nsw-red-100);
     --color-accent-200: var(--nsw-red-200);
     --color-accent-400: var(--nsw-red-400);
     --color-accent-500: var(--nsw-red-500);
@@ -170,7 +169,6 @@
     --color-grey-850: var(--nsw-grey-850);
     --color-grey-900: var(--nsw-grey-900);
     --color-grey-950: var(--nsw-grey-950);
-    --color-danger-100: var(--danger-100);
     --color-danger-350: var(--danger-350);
     --color-danger-500: var(--danger-500);
     --color-danger-600: var(--danger-600);
@@ -2796,15 +2794,9 @@
   .border-\(--toggle-border\) {
     border-color: var(--toggle-border);
   }
-  .border-\[\#d9ccff\] {
-    border-color: #d9ccff;
-  }
   .border-\[\#ebebeb\] {
     border-color: #ebebeb;
   }
-  .border-\[\#ece3ff\] {
-    border-color: #ece3ff;
-  }
   .border-accent-200 {
     border-color: var(--color-accent-200);
   }
@@ -3087,9 +3079,6 @@
   .bg-\(--color-bg\) {
     background-color: var(--color-bg);
   }
-  .bg-\(--footer-bg\) {
-    background-color: var(--footer-bg);
-  }
   .bg-\(--footer-border\) {
     background-color: var(--footer-border);
   }
@@ -3099,9 +3088,6 @@
   .bg-\[\#f3f8ff\] {
     background-color: #f3f8ff;
   }
-  .bg-\[\#f5f2ff\] {
-    background-color: #f5f2ff;
-  }
   .bg-accent {
     background-color: var(--accent);
   }
@@ -5425,33 +5411,6 @@
   .\[--focus-outline\:var\(--color-white\)\] {
     --focus-outline: var(--color-white);
   }
-  .\[--footer-bg\:var\(--color-accent-200\)\] {
-    --footer-bg: var(--color-accent-200);
-  }
-  .\[--footer-bg\:var\(--color-accent-800\)\] {
-    --footer-bg: var(--color-accent-800);
-  }
-  .\[--footer-bg\:var\(--color-danger-600\)\] {
-    --footer-bg: var(--color-danger-600);
-  }
-  .\[--footer-bg\:var\(--color-grey-200\)\] {
-    --footer-bg: var(--color-grey-200);
-  }
-  .\[--footer-bg\:var\(--color-grey-600\)\] {
-    --footer-bg: var(--color-grey-600);
-  }
-  .\[--footer-bg\:var\(--color-grey-800\)\] {
-    --footer-bg: var(--color-grey-800);
-  }
-  .\[--footer-bg\:var\(--color-primary-200\)\] {
-    --footer-bg: var(--color-primary-200);
-  }
-  .\[--footer-bg\:var\(--color-primary-800\)\] {
-    --footer-bg: var(--color-primary-800);
-  }
-  .\[--footer-bg\:var\(--color-white\)\] {
-    --footer-bg: var(--color-white);
-  }
   .\[--footer-border\:var\(--color-accent-800\)\]\/15 {
     --footer-border: var(--color-accent-800);
     @supports (color: color-mix(in lab, red, red)) {
@@ -5461,8 +5420,11 @@
   .\[--footer-border\:var\(--color-grey-200\)\] {
     --footer-border: var(--color-grey-200);
   }
-  .\[--footer-border\:var\(--color-grey-300\)\] {
-    --footer-border: var(--color-grey-300);
+  .\[--footer-border\:var\(--color-grey-800\)\]\/15 {
+    --footer-border: var(--color-grey-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-border: color-mix(in oklab, var(--color-grey-800) 15%, transparent);
+    }
   }
   .\[--footer-border\:var\(--color-primary-800\)\]\/15 {
     --footer-border: var(--color-primary-800);
@@ -5506,9 +5468,6 @@
   .\[--footer-link-hover-text\:var\(--color-grey-800\)\] {
     --footer-link-hover-text: var(--color-grey-800);
   }
-  .\[--footer-link-hover-text\:var\(--color-grey-900\)\] {
-    --footer-link-hover-text: var(--color-grey-900);
-  }
   .\[--footer-link-hover-text\:var\(--color-primary-800\)\] {
     --footer-link-hover-text: var(--color-primary-800);
   }
@@ -5518,11 +5477,8 @@
   .\[--footer-link\:var\(--color-accent-800\)\] {
     --footer-link: var(--color-accent-800);
   }
-  .\[--footer-link\:var\(--color-grey-600\)\] {
-    --footer-link: var(--color-grey-600);
-  }
-  .\[--footer-link\:var\(--color-grey-700\)\] {
-    --footer-link: var(--color-grey-700);
+  .\[--footer-link\:var\(--color-grey-800\)\] {
+    --footer-link: var(--color-grey-800);
   }
   .\[--footer-link\:var\(--color-primary-800\)\] {
     --footer-link: var(--color-primary-800);
@@ -5530,30 +5486,6 @@
   .\[--footer-link\:var\(--color-white\)\] {
     --footer-link: var(--color-white);
   }
-  .\[--footer-muted\:var\(--color-accent-100\)\] {
-    --footer-muted: var(--color-accent-100);
-  }
-  .\[--footer-muted\:var\(--color-accent-700\)\] {
-    --footer-muted: var(--color-accent-700);
-  }
-  .\[--footer-muted\:var\(--color-danger-100\)\] {
-    --footer-muted: var(--color-danger-100);
-  }
-  .\[--footer-muted\:var\(--color-grey-100\)\] {
-    --footer-muted: var(--color-grey-100);
-  }
-  .\[--footer-muted\:var\(--color-grey-600\)\] {
-    --footer-muted: var(--color-grey-600);
-  }
-  .\[--footer-muted\:var\(--color-grey-700\)\] {
-    --footer-muted: var(--color-grey-700);
-  }
-  .\[--footer-muted\:var\(--color-primary-100\)\] {
-    --footer-muted: var(--color-primary-100);
-  }
-  .\[--footer-muted\:var\(--color-primary-700\)\] {
-    --footer-muted: var(--color-primary-700);
-  }
   .\[--footer-social-hover-bg\:var\(--color-accent-800\)\]\/10 {
     --footer-social-hover-bg: var(--color-accent-800);
     @supports (color: color-mix(in lab, red, red)) {
@@ -5578,18 +5510,12 @@
       --footer-social-hover-bg: color-mix(in oklab, var(--color-white) 10%, transparent);
     }
   }
-  .\[--footer-social-hover\:var\(--color-grey-900\)\] {
-    --footer-social-hover: var(--color-grey-900);
-  }
   .\[--footer-social-hover\:var\(--footer-social\)\] {
     --footer-social-hover: var(--footer-social);
   }
   .\[--footer-social\:var\(--color-accent-800\)\] {
     --footer-social: var(--color-accent-800);
   }
-  .\[--footer-social\:var\(--color-grey-700\)\] {
-    --footer-social: var(--color-grey-700);
-  }
   .\[--footer-social\:var\(--color-grey-800\)\] {
     --footer-social: var(--color-grey-800);
   }
@@ -5869,6 +5795,19 @@
   .zoom-in-95 {
     --tw-enter-scale: .95;
   }
+  .group-focus-within\:bg-black\/5 {
+    &:is(:where(.group):focus-within *) {
+      background-color: color-mix(in srgb, #000 5%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+      }
+    }
+  }
+  .group-focus-within\:bg-grey-100 {
+    &:is(:where(.group):focus-within *) {
+      background-color: var(--color-grey-100);
+    }
+  }
   .group-focus-within\:bg-primary-800\/10 {
     &:is(:where(.group):focus-within *) {
       background-color: var(--color-primary-800);
@@ -5877,6 +5816,14 @@
       }
     }
   }
+  .group-focus-within\:bg-white\/10 {
+    &:is(:where(.group):focus-within *) {
+      background-color: color-mix(in srgb, #fff 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+  }
   .group-focus-within\/menu-item\:opacity-100 {
     &:is(:where(.group\/menu-item):focus-within *) {
       opacity: 100%;
@@ -6402,6 +6349,11 @@
       margin-top: calc(var(--spacing) * 1.5);
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:\!overflow-visible {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      overflow: visible !important;
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
     &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
       overflow: hidden;
@@ -6654,6 +6606,11 @@
       color: var(--color-grey-800);
     }
   }
+  .placeholder\:text-current {
+    &::placeholder {
+      color: currentcolor;
+    }
+  }
   .placeholder\:text-grey-500 {
     &::placeholder {
       color: var(--color-grey-500);
@@ -6679,6 +6636,11 @@
       opacity: 0%;
     }
   }
+  .placeholder\:opacity-70 {
+    &::placeholder {
+      opacity: 70%;
+    }
+  }
   .placeholder\:opacity-100 {
     &::placeholder {
       opacity: 100%;
@@ -6708,18 +6670,6 @@
       inset: 1px;
     }
   }
-  .before\:inset-x-0 {
-    &::before {
-      content: var(--tw-content);
-      inset-inline: calc(var(--spacing) * 0);
-    }
-  }
-  .before\:top-0 {
-    &::before {
-      content: var(--tw-content);
-      top: calc(var(--spacing) * 0);
-    }
-  }
   .before\:-z-10 {
     &::before {
       content: var(--tw-content);
@@ -6738,12 +6688,6 @@
       display: table;
     }
   }
-  .before\:h-px {
-    &::before {
-      content: var(--tw-content);
-      height: 1px;
-    }
-  }
   .before\:w-2 {
     &::before {
       content: var(--tw-content);
@@ -6943,12 +6887,6 @@
       height: calc(var(--spacing) * 1);
     }
   }
-  .after\:h-px {
-    &::after {
-      content: var(--tw-content);
-      height: 1px;
-    }
-  }
   .after\:w-1 {
     &::after {
       content: var(--tw-content);
@@ -6999,12 +6937,6 @@
       background-color: var(--nsw-card-top-border-base);
     }
   }
-  .after\:bg-transparent {
-    &::after {
-      content: var(--tw-content);
-      background-color: transparent;
-    }
-  }
   .after\:shadow-\[inset_0_1px_0_var\(--nsw-card-border\)\,inset_1px_0_0_var\(--nsw-card-border\)\,inset_-1px_0_0_var\(--nsw-card-border\)\] {
     &::after {
       content: var(--tw-content);
@@ -7281,38 +7213,65 @@
       }
     }
   }
-  .hover\:bg-\[\#e8e2ff\] {
+  .hover\:bg-\[\#f6f6f6\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #f6f6f6;
+      }
+    }
+  }
+  .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
-        background-color: #e8e2ff;
+        background-color: var(--accent);
       }
     }
   }
-  .hover\:bg-\[\#f5f2ff\] {
+  .hover\:bg-accent-50 {
     &:hover {
       @media (hover: hover) {
-        background-color: #f5f2ff;
+        background-color: var(--color-accent-50);
       }
     }
   }
-  .hover\:bg-\[\#f6f6f6\] {
+  .hover\:bg-accent-200 {
     &:hover {
       @media (hover: hover) {
-        background-color: #f6f6f6;
+        background-color: var(--color-accent-200);
       }
     }
   }
-  .hover\:bg-\[\#f8f4ff\] {
+  .hover\:bg-accent-600 {
     &:hover {
       @media (hover: hover) {
-        background-color: #f8f4ff;
+        background-color: var(--color-accent-600);
       }
     }
   }
-  .hover\:bg-accent {
+  .hover\:bg-accent-800 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--accent);
+        background-color: var(--color-accent-800);
+      }
+    }
+  }
+  .hover\:bg-accent-800\/5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-accent-800);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-accent-800) 5%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-black\/5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #000 5%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+        }
       }
     }
   }
@@ -7368,6 +7327,23 @@
       }
     }
   }
+  .hover\:bg-grey-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-grey-700);
+      }
+    }
+  }
+  .hover\:bg-grey-800\/5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-grey-800);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-grey-800) 5%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-muted\/50 {
     &:hover {
       @media (hover: hover) {
@@ -7392,10 +7368,10 @@
       }
     }
   }
-  .hover\:bg-primary-500 {
+  .hover\:bg-primary-200 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-primary-500);
+        background-color: var(--color-primary-200);
       }
     }
   }
@@ -7406,22 +7382,22 @@
       }
     }
   }
-  .hover\:bg-primary-800\/6 {
+  .hover\:bg-primary-800\/5 {
     &:hover {
       @media (hover: hover) {
         background-color: var(--color-primary-800);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-primary-800) 6%, transparent);
+          background-color: color-mix(in oklab, var(--color-primary-800) 5%, transparent);
         }
       }
     }
   }
-  .hover\:bg-primary-800\/8 {
+  .hover\:bg-primary-800\/6 {
     &:hover {
       @media (hover: hover) {
         background-color: var(--color-primary-800);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-primary-800) 8%, transparent);
+          background-color: color-mix(in oklab, var(--color-primary-800) 6%, transparent);
         }
       }
     }
@@ -7477,6 +7453,16 @@
       }
     }
   }
+  .hover\:bg-white\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #fff 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+    }
+  }
   .hover\:font-bold {
     &:hover {
       @media (hover: hover) {
@@ -7500,6 +7486,13 @@
       }
     }
   }
+  .hover\:text-accent-800 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-accent-800);
+      }
+    }
+  }
   .hover\:text-accent-foreground {
     &:hover {
       @media (hover: hover) {
@@ -7730,106 +7723,6 @@
       }
     }
   }
-  .hover\:before\:bg-\[\#e8e2ff\] {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: #e8e2ff;
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-grey-100 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-grey-100);
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-grey-200 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-grey-200);
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-primary-500 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-primary-500);
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-primary-700 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-primary-700);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-\[\#e8e2ff\] {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: #e8e2ff;
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-grey-100 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-grey-100);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-grey-200 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-grey-200);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-primary-500 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-primary-500);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-primary-700 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-primary-700);
-        }
-      }
-    }
-  }
   .hover\:after\:bg-sidebar-border {
     &:hover {
       @media (hover: hover) {
@@ -7863,14 +7756,29 @@
       }
     }
   }
-  .focus\:bg-\[\#e8e2ff\] {
+  .focus\:bg-accent {
     &:focus {
-      background-color: #e8e2ff;
+      background-color: var(--accent);
     }
   }
-  .focus\:bg-accent {
+  .focus\:bg-accent-50 {
     &:focus {
-      background-color: var(--accent);
+      background-color: var(--color-accent-50);
+    }
+  }
+  .focus\:bg-accent-200 {
+    &:focus {
+      background-color: var(--color-accent-200);
+    }
+  }
+  .focus\:bg-accent-600 {
+    &:focus {
+      background-color: var(--color-accent-600);
+    }
+  }
+  .focus\:bg-accent-800 {
+    &:focus {
+      background-color: var(--color-accent-800);
     }
   }
   .focus\:bg-grey-100 {
@@ -7883,9 +7791,19 @@
       background-color: var(--color-grey-200);
     }
   }
-  .focus\:bg-primary-500 {
+  .focus\:bg-grey-700 {
     &:focus {
-      background-color: var(--color-primary-500);
+      background-color: var(--color-grey-700);
+    }
+  }
+  .focus\:bg-primary-100 {
+    &:focus {
+      background-color: var(--color-primary-100);
+    }
+  }
+  .focus\:bg-primary-200 {
+    &:focus {
+      background-color: var(--color-primary-200);
     }
   }
   .focus\:bg-primary-700 {
@@ -7920,11 +7838,21 @@
       font-weight: var(--font-weight-bold);
     }
   }
+  .focus\:text-accent-800 {
+    &:focus {
+      color: var(--color-accent-800);
+    }
+  }
   .focus\:text-accent-foreground {
     &:focus {
       color: var(--accent-foreground);
     }
   }
+  .focus\:text-grey-800 {
+    &:focus {
+      color: var(--color-grey-800);
+    }
+  }
   .focus\:text-primary-800 {
     &:focus {
       color: var(--color-primary-800);
@@ -8054,89 +7982,9 @@
       }
     }
   }
-  .focus\:before\:bg-\[\#e8e2ff\] {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: #e8e2ff;
-      }
-    }
-  }
-  .focus\:before\:bg-grey-100 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-grey-100);
-      }
-    }
-  }
-  .focus\:before\:bg-grey-200 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-grey-200);
-      }
-    }
-  }
-  .focus\:before\:bg-primary-500 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-primary-500);
-      }
-    }
-  }
-  .focus\:before\:bg-primary-700 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-primary-700);
-      }
-    }
-  }
-  .focus\:after\:bg-\[\#e8e2ff\] {
-    &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: #e8e2ff;
-      }
-    }
-  }
-  .focus\:after\:bg-grey-100 {
-    &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-grey-100);
-      }
-    }
-  }
-  .focus\:after\:bg-grey-200 {
-    &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-grey-200);
-      }
-    }
-  }
-  .focus\:after\:bg-primary-500 {
-    &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-primary-500);
-      }
-    }
-  }
-  .focus\:after\:bg-primary-700 {
-    &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-primary-700);
-      }
-    }
-  }
-  .focus-visible\:z-10 {
-    &:focus-visible {
-      z-index: 10;
+  .focus-visible\:z-10 {
+    &:focus-visible {
+      z-index: 10;
     }
   }
   .focus-visible\:border-grey-600 {
@@ -8215,6 +8063,26 @@
         var(--tw-shadow);
     }
   }
+  .focus-visible\:ring-accent-200 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-accent-200);
+    }
+  }
+  .focus-visible\:ring-accent-400 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-accent-400);
+    }
+  }
+  .focus-visible\:ring-accent-600 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-accent-600);
+    }
+  }
+  .focus-visible\:ring-accent-800 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-accent-800);
+    }
+  }
   .focus-visible\:ring-destructive\/20 {
     &:focus-visible {
       --tw-ring-color: var(--destructive);
@@ -8223,6 +8091,46 @@
       }
     }
   }
+  .focus-visible\:ring-grey-100 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-100);
+    }
+  }
+  .focus-visible\:ring-grey-200 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-200);
+    }
+  }
+  .focus-visible\:ring-grey-400 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-400);
+    }
+  }
+  .focus-visible\:ring-grey-600 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-600);
+    }
+  }
+  .focus-visible\:ring-grey-800 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-800);
+    }
+  }
+  .focus-visible\:ring-primary-200 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-200);
+    }
+  }
+  .focus-visible\:ring-primary-400 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-400);
+    }
+  }
+  .focus-visible\:ring-primary-600 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-600);
+    }
+  }
   .focus-visible\:ring-primary-650\/70 {
     &:focus-visible {
       --tw-ring-color: var(--color-primary-650);
@@ -8236,6 +8144,11 @@
       --tw-ring-color: var(--color-primary-700);
     }
   }
+  .focus-visible\:ring-primary-800 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-800);
+    }
+  }
   .focus-visible\:ring-ring {
     &:focus-visible {
       --tw-ring-color: var(--ring);
@@ -8249,6 +8162,11 @@
       }
     }
   }
+  .focus-visible\:ring-white {
+    &:focus-visible {
+      --tw-ring-color: var(--color-white);
+    }
+  }
   .focus-visible\:ring-offset-1 {
     &:focus-visible {
       --tw-ring-offset-width: 1px;
@@ -8989,26 +8907,51 @@
       animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
     }
   }
+  .data-\[motion\=from-end\]\:\[--tw-enter-translate-x\:0\] {
+    &[data-motion=from-end] {
+      --tw-enter-translate-x: 0;
+    }
+  }
   .data-\[motion\=from-end\]\:slide-in-from-right-52 {
     &[data-motion=from-end] {
       --tw-enter-translate-x: 13rem;
     }
   }
+  .data-\[motion\=from-start\]\:\[--tw-enter-translate-x\:0\] {
+    &[data-motion=from-start] {
+      --tw-enter-translate-x: 0;
+    }
+  }
   .data-\[motion\=from-start\]\:slide-in-from-left-52 {
     &[data-motion=from-start] {
       --tw-enter-translate-x: -13rem;
     }
   }
+  .data-\[motion\=to-end\]\:\[--tw-exit-translate-x\:0\] {
+    &[data-motion=to-end] {
+      --tw-exit-translate-x: 0;
+    }
+  }
   .data-\[motion\=to-end\]\:slide-out-to-right-52 {
     &[data-motion=to-end] {
       --tw-exit-translate-x: 13rem;
     }
   }
+  .data-\[motion\=to-start\]\:\[--tw-exit-translate-x\:0\] {
+    &[data-motion=to-start] {
+      --tw-exit-translate-x: 0;
+    }
+  }
   .data-\[motion\=to-start\]\:slide-out-to-left-52 {
     &[data-motion=to-start] {
       --tw-exit-translate-x: -13rem;
     }
   }
+  .data-\[motion\^\=from-\]\:\!animate-none {
+    &[data-motion^=from-] {
+      animation: none !important;
+    }
+  }
   .data-\[motion\^\=from-\]\:animate-in {
     &[data-motion^=from-] {
       animation-name: enter;
@@ -9020,11 +8963,36 @@
       --tw-enter-translate-y: initial;
     }
   }
+  .data-\[motion\^\=from-\]\:\[--tw-enter-opacity\:1\] {
+    &[data-motion^=from-] {
+      --tw-enter-opacity: 1;
+    }
+  }
+  .data-\[motion\^\=from-\]\:\[--tw-enter-rotate\:0\] {
+    &[data-motion^=from-] {
+      --tw-enter-rotate: 0;
+    }
+  }
+  .data-\[motion\^\=from-\]\:\[--tw-enter-scale\:1\] {
+    &[data-motion^=from-] {
+      --tw-enter-scale: 1;
+    }
+  }
+  .data-\[motion\^\=from-\]\:\[--tw-enter-translate-y\:0\] {
+    &[data-motion^=from-] {
+      --tw-enter-translate-y: 0;
+    }
+  }
   .data-\[motion\^\=from-\]\:fade-in {
     &[data-motion^=from-] {
       --tw-enter-opacity: 0;
     }
   }
+  .data-\[motion\^\=to-\]\:\!animate-none {
+    &[data-motion^=to-] {
+      animation: none !important;
+    }
+  }
   .data-\[motion\^\=to-\]\:animate-out {
     &[data-motion^=to-] {
       animation-name: exit;
@@ -9036,6 +9004,26 @@
       --tw-exit-translate-y: initial;
     }
   }
+  .data-\[motion\^\=to-\]\:\[--tw-exit-opacity\:1\] {
+    &[data-motion^=to-] {
+      --tw-exit-opacity: 1;
+    }
+  }
+  .data-\[motion\^\=to-\]\:\[--tw-exit-rotate\:0\] {
+    &[data-motion^=to-] {
+      --tw-exit-rotate: 0;
+    }
+  }
+  .data-\[motion\^\=to-\]\:\[--tw-exit-scale\:1\] {
+    &[data-motion^=to-] {
+      --tw-exit-scale: 1;
+    }
+  }
+  .data-\[motion\^\=to-\]\:\[--tw-exit-translate-y\:0\] {
+    &[data-motion^=to-] {
+      --tw-exit-translate-y: 0;
+    }
+  }
   .data-\[motion\^\=to-\]\:fade-out {
     &[data-motion^=to-] {
       --tw-exit-opacity: 0;
@@ -9775,6 +9763,13 @@
       --tw-exit-scale: .95;
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:\!animate-none {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      &[data-state=closed] {
+        animation: none !important;
+      }
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out {
     &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
       &[data-state=closed] {
@@ -9788,6 +9783,20 @@
       }
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:\[--tw-exit-opacity\:1\] {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      &[data-state=closed] {
+        --tw-exit-opacity: 1;
+      }
+    }
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:\[--tw-exit-scale\:1\] {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      &[data-state=closed] {
+        --tw-exit-scale: 1;
+      }
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0 {
     &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
       &[data-state=closed] {
@@ -9868,14 +9877,29 @@
       border-color: var(--color-primary-800);
     }
   }
-  .data-\[state\=open\]\:bg-\[\#e8e2ff\] {
+  .data-\[state\=open\]\:bg-accent {
+    &[data-state=open] {
+      background-color: var(--accent);
+    }
+  }
+  .data-\[state\=open\]\:bg-accent-50 {
     &[data-state=open] {
-      background-color: #e8e2ff;
+      background-color: var(--color-accent-50);
     }
   }
-  .data-\[state\=open\]\:bg-accent {
+  .data-\[state\=open\]\:bg-accent-200 {
     &[data-state=open] {
-      background-color: var(--accent);
+      background-color: var(--color-accent-200);
+    }
+  }
+  .data-\[state\=open\]\:bg-accent-600 {
+    &[data-state=open] {
+      background-color: var(--color-accent-600);
+    }
+  }
+  .data-\[state\=open\]\:bg-accent-800 {
+    &[data-state=open] {
+      background-color: var(--color-accent-800);
     }
   }
   .data-\[state\=open\]\:bg-grey-100 {
@@ -9888,14 +9912,24 @@
       background-color: var(--color-grey-200);
     }
   }
+  .data-\[state\=open\]\:bg-grey-700 {
+    &[data-state=open] {
+      background-color: var(--color-grey-700);
+    }
+  }
   .data-\[state\=open\]\:bg-muted {
     &[data-state=open] {
       background-color: var(--muted);
     }
   }
-  .data-\[state\=open\]\:bg-primary-500 {
+  .data-\[state\=open\]\:bg-primary-100 {
     &[data-state=open] {
-      background-color: var(--color-primary-500);
+      background-color: var(--color-primary-100);
+    }
+  }
+  .data-\[state\=open\]\:bg-primary-200 {
+    &[data-state=open] {
+      background-color: var(--color-primary-200);
     }
   }
   .data-\[state\=open\]\:bg-primary-700 {
@@ -9916,11 +9950,21 @@
       background-color: var(--sidebar-accent);
     }
   }
+  .data-\[state\=open\]\:text-accent-800 {
+    &[data-state=open] {
+      color: var(--color-accent-800);
+    }
+  }
   .data-\[state\=open\]\:text-accent-foreground {
     &[data-state=open] {
       color: var(--accent-foreground);
     }
   }
+  .data-\[state\=open\]\:text-grey-800 {
+    &[data-state=open] {
+      color: var(--color-grey-800);
+    }
+  }
   .data-\[state\=open\]\:text-primary-800 {
     &[data-state=open] {
       color: var(--color-primary-800);
@@ -9941,9 +9985,9 @@
       opacity: 100%;
     }
   }
-  .data-\[state\=open\]\:shadow-\[inset_0_-2px_0_0_currentColor\] {
+  .data-\[state\=open\]\:shadow-\[inset_0_-4px_0_0_currentColor\] {
     &[data-state=open] {
-      --tw-shadow: inset 0 -2px 0 0 var(--tw-shadow-color, currentColor);
+      --tw-shadow: inset 0 -4px 0 0 var(--tw-shadow-color, currentColor);
       box-shadow:
         var(--tw-inset-shadow),
         var(--tw-inset-ring-shadow),
@@ -10014,6 +10058,13 @@
       --tw-enter-scale: .95;
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:\!animate-none {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      &[data-state=open] {
+        animation: none !important;
+      }
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in {
     &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
       &[data-state=open] {
@@ -10027,143 +10078,77 @@
       }
     }
   }
-  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0 {
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:\[--tw-enter-opacity\:1\] {
     &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
       &[data-state=open] {
-        --tw-enter-opacity: 0;
+        --tw-enter-opacity: 1;
       }
     }
   }
-  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95 {
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:\[--tw-enter-scale\:1\] {
     &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
       &[data-state=open] {
-        --tw-enter-scale: .95;
+        --tw-enter-scale: 1;
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-\[\#e8e2ff\] {
-    &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: #e8e2ff;
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0 {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      &[data-state=open] {
+        --tw-enter-opacity: 0;
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-grey-100 {
-    &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-grey-100);
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95 {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      &[data-state=open] {
+        --tw-enter-scale: .95;
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-grey-200 {
+  .data-\[state\=open\]\:hover\:bg-primary-800\/10 {
     &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-grey-200);
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-primary-800);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
+          }
+        }
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-primary-500 {
+  .data-\[state\=open\]\:hover\:bg-sidebar-accent {
     &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-primary-500);
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--sidebar-accent);
+        }
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-primary-700 {
+  .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
     &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-primary-700);
+      &:hover {
+        @media (hover: hover) {
+          color: var(--sidebar-accent-foreground);
+        }
       }
     }
   }
-  .data-\[state\=open\]\:after\:bg-\[\#e8e2ff\] {
+  .data-\[state\=open\]\:focus\:bg-primary-800\/10 {
     &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: #e8e2ff;
+      &:focus {
+        background-color: var(--color-primary-800);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
+        }
       }
     }
   }
-  .data-\[state\=open\]\:after\:bg-grey-100 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-grey-100);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-grey-200 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-grey-200);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-primary-500 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-primary-500);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-primary-700 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-primary-700);
-      }
-    }
-  }
-  .data-\[state\=open\]\:hover\:bg-primary-800\/10 {
-    &[data-state=open] {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-primary-800);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .data-\[state\=open\]\:hover\:bg-sidebar-accent {
-    &[data-state=open] {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--sidebar-accent);
-        }
-      }
-    }
-  }
-  .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
-    &[data-state=open] {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--sidebar-accent-foreground);
-        }
-      }
-    }
-  }
-  .data-\[state\=open\]\:focus\:bg-primary-800\/10 {
-    &[data-state=open] {
-      &:focus {
-        background-color: var(--color-primary-800);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
-        }
-      }
-    }
-  }
-  .data-\[state\=selected\]\:bg-muted {
-    &[data-state=selected] {
-      background-color: var(--muted);
+  .data-\[state\=selected\]\:bg-muted {
+    &[data-state=selected] {
+      background-color: var(--muted);
     }
   }
   .data-\[state\=visible\]\:animate-in {
@@ -12139,16 +12124,6 @@
       }
     }
   }
-  .dark\:border-\[\#4e3a86\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: #4e3a86;
-    }
-  }
-  .dark\:border-\[\#45356e\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: #45356e;
-    }
-  }
   .dark\:border-danger-700 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--danger-700);
@@ -12254,11 +12229,6 @@
       border-color: var(--color-primary-600);
     }
   }
-  .dark\:border-primary-900 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: var(--color-primary-900);
-    }
-  }
   .dark\:border-slate-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-slate-800);
@@ -12340,11 +12310,6 @@
       }
     }
   }
-  .dark\:bg-\[\#261447\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: #261447;
-    }
-  }
   .dark\:bg-\[--badge-hover-overlay\:var\(--color-primary-800\)\]\/40 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-primary-800);
@@ -12545,11 +12510,6 @@
       background-color: var(--color-primary-700);
     }
   }
-  .dark\:bg-primary-900 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-primary-900);
-    }
-  }
   .dark\:bg-primary-950 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-primary-950);
@@ -12865,16 +12825,6 @@
       color: var(--muted-foreground);
     }
   }
-  .dark\:text-primary-50 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-primary-50);
-    }
-  }
-  .dark\:text-primary-100 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-primary-100);
-    }
-  }
   .dark\:text-primary-200 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--color-primary-200);
@@ -13294,100 +13244,6 @@
       --focus-outline: var(--color-white);
     }
   }
-  .dark\:\[--footer-bg\:var\(--color-accent-800\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-bg: var(--color-accent-800);
-    }
-  }
-  .dark\:\[--footer-bg\:var\(--color-danger-600\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-bg: var(--color-danger-600);
-    }
-  }
-  .dark\:\[--footer-bg\:var\(--color-grey-800\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-bg: var(--color-grey-800);
-    }
-  }
-  .dark\:\[--footer-bg\:var\(--color-primary-800\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-bg: var(--color-primary-800);
-    }
-  }
-  .dark\:\[--footer-bg\:var\(--color-primary-900\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-bg: var(--color-primary-900);
-    }
-  }
-  .dark\:\[--footer-border\:var\(--color-white\)\]\/15 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-border: color-mix(in srgb, #fff 15%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --footer-border: color-mix(in oklab, var(--color-white) 15%, transparent);
-      }
-    }
-  }
-  .dark\:\[--footer-link-hover-bg\:var\(--color-white\)\]\/10 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-link-hover-bg: color-mix(in srgb, #fff 10%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --footer-link-hover-bg: color-mix(in oklab, var(--color-white) 10%, transparent);
-      }
-    }
-  }
-  .dark\:\[--footer-link-hover-text\:var\(--color-white\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-link-hover-text: var(--color-white);
-    }
-  }
-  .dark\:\[--footer-link\:var\(--color-white\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-link: var(--color-white);
-    }
-  }
-  .dark\:\[--footer-muted\:var\(--color-accent-100\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-muted: var(--color-accent-100);
-    }
-  }
-  .dark\:\[--footer-muted\:var\(--color-danger-100\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-muted: var(--color-danger-100);
-    }
-  }
-  .dark\:\[--footer-muted\:var\(--color-grey-100\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-muted: var(--color-grey-100);
-    }
-  }
-  .dark\:\[--footer-muted\:var\(--color-primary-100\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-muted: var(--color-primary-100);
-    }
-  }
-  .dark\:\[--footer-social-hover-bg\:var\(--color-white\)\]\/10 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-social-hover-bg: color-mix(in srgb, #fff 10%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --footer-social-hover-bg: color-mix(in oklab, var(--color-white) 10%, transparent);
-      }
-    }
-  }
-  .dark\:\[--footer-social-hover\:var\(--color-white\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-social-hover: var(--color-white);
-    }
-  }
-  .dark\:\[--footer-social\:var\(--color-white\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-social: var(--color-white);
-    }
-  }
-  .dark\:\[--footer-text\:var\(--color-white\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-text: 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);
@@ -13741,33 +13597,6 @@
       }
     }
   }
-  .dark\:hover\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: #32205a;
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-\[\#32205a\]\/60 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: color-mix(in oklab, #32205a 60%, transparent);
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-\[\#32205a\]\/70 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: color-mix(in oklab, #32205a 70%, transparent);
-        }
-      }
-    }
-  }
   .dark\:hover\:bg-accent\/50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -13825,18 +13654,6 @@
       }
     }
   }
-  .dark\:hover\:bg-grey-800\/80 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-grey-800);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-grey-800) 80%, transparent);
-          }
-        }
-      }
-    }
-  }
   .dark\:hover\:bg-grey-900\/70 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -13882,60 +13699,6 @@
       }
     }
   }
-  .dark\:hover\:bg-primary-600 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-primary-600);
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-primary-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-primary-800);
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-primary-900\/60 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-primary-900);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-primary-900) 60%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-primary-900\/70 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-primary-900);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-primary-900) 70%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-primary-900\/80 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-primary-900);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-primary-900) 80%, transparent);
-          }
-        }
-      }
-    }
-  }
   .dark\:hover\:bg-white\/10 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -14083,102 +13846,6 @@
       }
     }
   }
-  .dark\:hover\:before\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          &::before {
-            content: var(--tw-content);
-            background-color: #32205a;
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:before\:bg-grey-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          &::before {
-            content: var(--tw-content);
-            background-color: var(--color-grey-800);
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:before\:bg-primary-600 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          &::before {
-            content: var(--tw-content);
-            background-color: var(--color-primary-600);
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:before\:bg-primary-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          &::before {
-            content: var(--tw-content);
-            background-color: var(--color-primary-800);
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:after\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          &::after {
-            content: var(--tw-content);
-            background-color: #32205a;
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:after\:bg-grey-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          &::after {
-            content: var(--tw-content);
-            background-color: var(--color-grey-800);
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:after\:bg-primary-600 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          &::after {
-            content: var(--tw-content);
-            background-color: var(--color-primary-600);
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:after\:bg-primary-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          &::after {
-            content: var(--tw-content);
-            background-color: var(--color-primary-800);
-          }
-        }
-      }
-    }
-  }
   .dark\:focus\:border-primary-200\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -14196,13 +13863,6 @@
       }
     }
   }
-  .dark\:focus\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        background-color: #32205a;
-      }
-    }
-  }
   .dark\:focus\:bg-grey-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -14227,20 +13887,6 @@
       }
     }
   }
-  .dark\:focus\:bg-primary-600 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        background-color: var(--color-primary-600);
-      }
-    }
-  }
-  .dark\:focus\:bg-primary-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        background-color: var(--color-primary-800);
-      }
-    }
-  }
   .dark\:focus\:text-primary-200 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -14265,86 +13911,6 @@
       }
     }
   }
-  .dark\:focus\:before\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        &::before {
-          content: var(--tw-content);
-          background-color: #32205a;
-        }
-      }
-    }
-  }
-  .dark\:focus\:before\:bg-grey-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-grey-800);
-        }
-      }
-    }
-  }
-  .dark\:focus\:before\:bg-primary-600 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-primary-600);
-        }
-      }
-    }
-  }
-  .dark\:focus\:before\:bg-primary-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-primary-800);
-        }
-      }
-    }
-  }
-  .dark\:focus\:after\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        &::after {
-          content: var(--tw-content);
-          background-color: #32205a;
-        }
-      }
-    }
-  }
-  .dark\:focus\:after\:bg-grey-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-grey-800);
-        }
-      }
-    }
-  }
-  .dark\:focus\:after\:bg-primary-600 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-primary-600);
-        }
-      }
-    }
-  }
-  .dark\:focus\:after\:bg-primary-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-primary-800);
-        }
-      }
-    }
-  }
   .dark\:focus-visible\:ring-destructive\/40 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus-visible {
@@ -14657,13 +14223,6 @@
       }
     }
   }
-  .dark\:data-\[state\=open\]\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state=open] {
-        background-color: #32205a;
-      }
-    }
-  }
   .dark\:data-\[state\=open\]\:bg-grey-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state=open] {
@@ -14681,20 +14240,6 @@
       }
     }
   }
-  .dark\:data-\[state\=open\]\:bg-primary-600 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state=open] {
-        background-color: var(--color-primary-600);
-      }
-    }
-  }
-  .dark\:data-\[state\=open\]\:bg-primary-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state=open] {
-        background-color: var(--color-primary-800);
-      }
-    }
-  }
   .dark\:data-\[state\=open\]\:text-primary-200 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state=open] {
@@ -14709,86 +14254,6 @@
       }
     }
   }
-  .dark\:data-\[state\=open\]\:before\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state=open] {
-        &::before {
-          content: var(--tw-content);
-          background-color: #32205a;
-        }
-      }
-    }
-  }
-  .dark\:data-\[state\=open\]\:before\:bg-grey-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state=open] {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-grey-800);
-        }
-      }
-    }
-  }
-  .dark\:data-\[state\=open\]\:before\:bg-primary-600 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state=open] {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-primary-600);
-        }
-      }
-    }
-  }
-  .dark\:data-\[state\=open\]\:before\:bg-primary-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state=open] {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-primary-800);
-        }
-      }
-    }
-  }
-  .dark\:data-\[state\=open\]\:after\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state=open] {
-        &::after {
-          content: var(--tw-content);
-          background-color: #32205a;
-        }
-      }
-    }
-  }
-  .dark\:data-\[state\=open\]\:after\:bg-grey-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state=open] {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-grey-800);
-        }
-      }
-    }
-  }
-  .dark\:data-\[state\=open\]\:after\:bg-primary-600 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state=open] {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-primary-600);
-        }
-      }
-    }
-  }
-  .dark\:data-\[state\=open\]\:after\:bg-primary-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state=open] {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-primary-800);
-        }
-      }
-    }
-  }
   .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-variant=destructive] {