@nswds/app 1.116.0 → 1.118.0

package/dist/globals.css

@@ -132,7 +132,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);
@@ -157,7 +156,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);
@@ -2808,15 +2806,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);
   }
@@ -3123,9 +3115,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);
   }
@@ -3135,9 +3124,6 @@
   .bg-\[\#f3f8ff\] {
     background-color: #f3f8ff;
   }
-  .bg-\[\#f5f2ff\] {
-    background-color: #f5f2ff;
-  }
   .bg-accent {
     background-color: var(--accent);
   }
@@ -5405,33 +5391,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)) {
@@ -5441,8 +5400,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);
@@ -5486,9 +5448,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);
   }
@@ -5498,11 +5457,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);
@@ -5510,30 +5466,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)) {
@@ -5558,18 +5490,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);
   }
@@ -5849,6 +5775,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);
@@ -5857,6 +5796,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%;
@@ -6595,6 +6542,11 @@
       color: var(--color-grey-800);
     }
   }
+  .placeholder\:text-current {
+    &::placeholder {
+      color: currentcolor;
+    }
+  }
   .placeholder\:text-grey-500 {
     &::placeholder {
       color: var(--color-grey-500);
@@ -6620,6 +6572,11 @@
       opacity: 0%;
     }
   }
+  .placeholder\:opacity-70 {
+    &::placeholder {
+      opacity: 70%;
+    }
+  }
   .placeholder\:opacity-100 {
     &::placeholder {
       opacity: 100%;
@@ -7221,38 +7178,65 @@
       }
     }
   }
-  .hover\:bg-\[\#e8e2ff\] {
+  .hover\:bg-\[\#f6f6f6\] {
     &:hover {
       @media (hover: hover) {
-        background-color: #e8e2ff;
+        background-color: #f6f6f6;
       }
     }
   }
-  .hover\:bg-\[\#f5f2ff\] {
+  .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
-        background-color: #f5f2ff;
+        background-color: var(--accent);
       }
     }
   }
-  .hover\:bg-\[\#f6f6f6\] {
+  .hover\:bg-accent-50 {
     &:hover {
       @media (hover: hover) {
-        background-color: #f6f6f6;
+        background-color: var(--color-accent-50);
       }
     }
   }
-  .hover\:bg-\[\#f8f4ff\] {
+  .hover\:bg-accent-200 {
     &:hover {
       @media (hover: hover) {
-        background-color: #f8f4ff;
+        background-color: var(--color-accent-200);
       }
     }
   }
-  .hover\:bg-accent {
+  .hover\:bg-accent-600 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--accent);
+        background-color: var(--color-accent-600);
+      }
+    }
+  }
+  .hover\:bg-accent-800 {
+    &:hover {
+      @media (hover: hover) {
+        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);
+        }
       }
     }
   }
@@ -7308,6 +7292,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) {
@@ -7332,10 +7333,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);
       }
     }
   }
@@ -7346,22 +7347,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);
         }
       }
     }
@@ -7417,6 +7418,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) {
@@ -7440,6 +7451,13 @@
       }
     }
   }
+  .hover\:text-accent-800 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-accent-800);
+      }
+    }
+  }
   .hover\:text-accent-foreground {
     &:hover {
       @media (hover: hover) {
@@ -7655,12 +7673,42 @@
       }
     }
   }
-  .hover\:before\:bg-\[\#e8e2ff\] {
+  .hover\:before\:bg-accent-50 {
+    &:hover {
+      @media (hover: hover) {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-accent-50);
+        }
+      }
+    }
+  }
+  .hover\:before\:bg-accent-200 {
+    &:hover {
+      @media (hover: hover) {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-accent-200);
+        }
+      }
+    }
+  }
+  .hover\:before\:bg-accent-600 {
+    &:hover {
+      @media (hover: hover) {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-accent-600);
+        }
+      }
+    }
+  }
+  .hover\:before\:bg-accent-800 {
     &:hover {
       @media (hover: hover) {
         &::before {
           content: var(--tw-content);
-          background-color: #e8e2ff;
+          background-color: var(--color-accent-800);
         }
       }
     }
@@ -7685,12 +7733,32 @@
       }
     }
   }
-  .hover\:before\:bg-primary-500 {
+  .hover\:before\:bg-grey-700 {
+    &:hover {
+      @media (hover: hover) {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-grey-700);
+        }
+      }
+    }
+  }
+  .hover\:before\:bg-primary-100 {
+    &:hover {
+      @media (hover: hover) {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-primary-100);
+        }
+      }
+    }
+  }
+  .hover\:before\:bg-primary-200 {
     &:hover {
       @media (hover: hover) {
         &::before {
           content: var(--tw-content);
-          background-color: var(--color-primary-500);
+          background-color: var(--color-primary-200);
         }
       }
     }
@@ -7705,12 +7773,42 @@
       }
     }
   }
-  .hover\:after\:bg-\[\#e8e2ff\] {
+  .hover\:after\:bg-accent-50 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-accent-50);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-accent-200 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-accent-200);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-accent-600 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-accent-600);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-accent-800 {
     &:hover {
       @media (hover: hover) {
         &::after {
           content: var(--tw-content);
-          background-color: #e8e2ff;
+          background-color: var(--color-accent-800);
         }
       }
     }
@@ -7735,12 +7833,32 @@
       }
     }
   }
-  .hover\:after\:bg-primary-500 {
+  .hover\:after\:bg-grey-700 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-grey-700);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-primary-100 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-primary-100);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-primary-200 {
     &:hover {
       @media (hover: hover) {
         &::after {
           content: var(--tw-content);
-          background-color: var(--color-primary-500);
+          background-color: var(--color-primary-200);
         }
       }
     }
@@ -7788,14 +7906,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 {
@@ -7808,9 +7941,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 {
@@ -7845,11 +7988,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);
@@ -7974,89 +8127,169 @@
       }
     }
   }
-  .focus\:before\:bg-\[\#e8e2ff\] {
+  .focus\:before\:bg-accent-50 {
     &:focus {
       &::before {
         content: var(--tw-content);
-        background-color: #e8e2ff;
+        background-color: var(--color-accent-50);
       }
     }
   }
-  .focus\:before\:bg-grey-100 {
+  .focus\:before\:bg-accent-200 {
     &:focus {
       &::before {
         content: var(--tw-content);
-        background-color: var(--color-grey-100);
+        background-color: var(--color-accent-200);
       }
     }
   }
-  .focus\:before\:bg-grey-200 {
+  .focus\:before\:bg-accent-600 {
     &:focus {
       &::before {
         content: var(--tw-content);
-        background-color: var(--color-grey-200);
+        background-color: var(--color-accent-600);
       }
     }
   }
-  .focus\:before\:bg-primary-500 {
+  .focus\:before\:bg-accent-800 {
     &:focus {
       &::before {
         content: var(--tw-content);
-        background-color: var(--color-primary-500);
+        background-color: var(--color-accent-800);
       }
     }
   }
-  .focus\:before\:bg-primary-700 {
+  .focus\:before\:bg-grey-100 {
     &:focus {
       &::before {
         content: var(--tw-content);
-        background-color: var(--color-primary-700);
+        background-color: var(--color-grey-100);
       }
     }
   }
-  .focus\:after\:bg-\[\#e8e2ff\] {
+  .focus\:before\:bg-grey-200 {
     &:focus {
-      &::after {
+      &::before {
         content: var(--tw-content);
-        background-color: #e8e2ff;
+        background-color: var(--color-grey-200);
       }
     }
   }
-  .focus\:after\:bg-grey-100 {
+  .focus\:before\:bg-grey-700 {
     &:focus {
-      &::after {
+      &::before {
         content: var(--tw-content);
-        background-color: var(--color-grey-100);
+        background-color: var(--color-grey-700);
       }
     }
   }
-  .focus\:after\:bg-grey-200 {
+  .focus\:before\:bg-primary-100 {
     &:focus {
-      &::after {
+      &::before {
         content: var(--tw-content);
-        background-color: var(--color-grey-200);
+        background-color: var(--color-primary-100);
       }
     }
   }
-  .focus\:after\:bg-primary-500 {
+  .focus\:before\:bg-primary-200 {
     &:focus {
-      &::after {
+      &::before {
         content: var(--tw-content);
-        background-color: var(--color-primary-500);
+        background-color: var(--color-primary-200);
       }
     }
   }
-  .focus\:after\:bg-primary-700 {
+  .focus\:before\:bg-primary-700 {
     &:focus {
-      &::after {
+      &::before {
         content: var(--tw-content);
         background-color: var(--color-primary-700);
       }
     }
   }
-  .focus-visible\:z-10 {
-    &:focus-visible {
-      z-index: 10;
+  .focus\:after\:bg-accent-50 {
+    &:focus {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-accent-50);
+      }
+    }
+  }
+  .focus\:after\:bg-accent-200 {
+    &:focus {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-accent-200);
+      }
+    }
+  }
+  .focus\:after\:bg-accent-600 {
+    &:focus {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-accent-600);
+      }
+    }
+  }
+  .focus\:after\:bg-accent-800 {
+    &:focus {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-accent-800);
+      }
+    }
+  }
+  .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-grey-700 {
+    &:focus {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-grey-700);
+      }
+    }
+  }
+  .focus\:after\:bg-primary-100 {
+    &:focus {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary-100);
+      }
+    }
+  }
+  .focus\:after\:bg-primary-200 {
+    &:focus {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary-200);
+      }
+    }
+  }
+  .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\:border-grey-600 {
@@ -8862,26 +9095,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;
@@ -8893,11 +9151,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;
@@ -8909,6 +9192,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;
@@ -9633,6 +9936,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"] {
@@ -9646,6 +9956,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"] {
@@ -9721,14 +10045,29 @@
       border-color: var(--color-primary-800);
     }
   }
-  .data-\[state\=open\]\:bg-\[\#e8e2ff\] {
+  .data-\[state\=open\]\:bg-accent {
     &[data-state="open"] {
-      background-color: #e8e2ff;
+      background-color: var(--accent);
     }
   }
-  .data-\[state\=open\]\:bg-accent {
+  .data-\[state\=open\]\:bg-accent-50 {
     &[data-state="open"] {
-      background-color: var(--accent);
+      background-color: var(--color-accent-50);
+    }
+  }
+  .data-\[state\=open\]\:bg-accent-200 {
+    &[data-state="open"] {
+      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 {
@@ -9741,14 +10080,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 {
@@ -9769,11 +10118,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);
@@ -9794,9 +10153,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), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
@@ -9862,6 +10221,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"] {
@@ -9875,6 +10241,20 @@
       }
     }
   }
+  .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: 1;
+      }
+    }
+  }
+  .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: 1;
+      }
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0 {
     &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
       &[data-state="open"] {
@@ -9889,11 +10269,35 @@
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-\[\#e8e2ff\] {
+  .data-\[state\=open\]\:before\:bg-accent-50 {
+    &[data-state="open"] {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-accent-50);
+      }
+    }
+  }
+  .data-\[state\=open\]\:before\:bg-accent-200 {
+    &[data-state="open"] {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-accent-200);
+      }
+    }
+  }
+  .data-\[state\=open\]\:before\:bg-accent-600 {
     &[data-state="open"] {
       &::before {
         content: var(--tw-content);
-        background-color: #e8e2ff;
+        background-color: var(--color-accent-600);
+      }
+    }
+  }
+  .data-\[state\=open\]\:before\:bg-accent-800 {
+    &[data-state="open"] {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-accent-800);
       }
     }
   }
@@ -9913,11 +10317,27 @@
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-primary-500 {
+  .data-\[state\=open\]\:before\:bg-grey-700 {
+    &[data-state="open"] {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-grey-700);
+      }
+    }
+  }
+  .data-\[state\=open\]\:before\:bg-primary-100 {
+    &[data-state="open"] {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-primary-100);
+      }
+    }
+  }
+  .data-\[state\=open\]\:before\:bg-primary-200 {
     &[data-state="open"] {
       &::before {
         content: var(--tw-content);
-        background-color: var(--color-primary-500);
+        background-color: var(--color-primary-200);
       }
     }
   }
@@ -9929,11 +10349,35 @@
       }
     }
   }
-  .data-\[state\=open\]\:after\:bg-\[\#e8e2ff\] {
+  .data-\[state\=open\]\:after\:bg-accent-50 {
+    &[data-state="open"] {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-accent-50);
+      }
+    }
+  }
+  .data-\[state\=open\]\:after\:bg-accent-200 {
+    &[data-state="open"] {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-accent-200);
+      }
+    }
+  }
+  .data-\[state\=open\]\:after\:bg-accent-600 {
     &[data-state="open"] {
       &::after {
         content: var(--tw-content);
-        background-color: #e8e2ff;
+        background-color: var(--color-accent-600);
+      }
+    }
+  }
+  .data-\[state\=open\]\:after\:bg-accent-800 {
+    &[data-state="open"] {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-accent-800);
       }
     }
   }
@@ -9953,11 +10397,27 @@
       }
     }
   }
-  .data-\[state\=open\]\:after\:bg-primary-500 {
+  .data-\[state\=open\]\:after\:bg-grey-700 {
+    &[data-state="open"] {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-grey-700);
+      }
+    }
+  }
+  .data-\[state\=open\]\:after\:bg-primary-100 {
+    &[data-state="open"] {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary-100);
+      }
+    }
+  }
+  .data-\[state\=open\]\:after\:bg-primary-200 {
     &[data-state="open"] {
       &::after {
         content: var(--tw-content);
-        background-color: var(--color-primary-500);
+        background-color: var(--color-primary-200);
       }
     }
   }
@@ -11967,16 +12427,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);
@@ -12082,11 +12532,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);
@@ -12168,11 +12613,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);
@@ -12373,11 +12813,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);
@@ -12689,24 +13124,14 @@
       color: var(--muted-foreground);
     }
   }
-  .dark\:text-primary-50 {
+  .dark\:text-primary-200 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-primary-50);
+      color: var(--color-primary-200);
     }
   }
-  .dark\:text-primary-100 {
+  .dark\:text-primary-500 {
     &: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);
-    }
-  }
-  .dark\:text-primary-500 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-primary-500);
+      color: var(--color-primary-500);
     }
   }
   .dark\:text-primary-600 {
@@ -13113,100 +13538,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);
@@ -13560,33 +13891,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 {
@@ -13644,18 +13948,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 {
@@ -13701,60 +13993,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 {
@@ -13902,102 +14140,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 {
@@ -14015,20 +14157,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 {
-        background-color: var(--color-grey-800);
-      }
-    }
-  }
   .dark\:focus\:bg-primary-100 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -14046,20 +14174,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 {
@@ -14067,13 +14181,6 @@
       }
     }
   }
-  .dark\:focus\:text-white {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        color: var(--color-white);
-      }
-    }
-  }
   .dark\:focus\:ring-primary-700\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -14084,86 +14191,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 {
@@ -14476,20 +14503,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"] {
-        background-color: var(--color-grey-800);
-      }
-    }
-  }
   .dark\:data-\[state\=open\]\:bg-primary-200\/10 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state="open"] {
@@ -14500,20 +14513,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"] {
@@ -14521,93 +14520,6 @@
       }
     }
   }
-  .dark\:data-\[state\=open\]\:text-white {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state="open"] {
-        color: var(--color-white);
-      }
-    }
-  }
-  .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"] {