@nswds/app 1.116.0 → 1.118.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%;
@@ -6654,6 +6601,11 @@
       color: var(--color-grey-800);
     }
   }
+  .placeholder\:text-current {
+    &::placeholder {
+      color: currentcolor;
+    }
+  }
   .placeholder\:text-grey-500 {
     &::placeholder {
       color: var(--color-grey-500);
@@ -6679,6 +6631,11 @@
       opacity: 0%;
     }
   }
+  .placeholder\:opacity-70 {
+    &::placeholder {
+      opacity: 70%;
+    }
+  }
   .placeholder\:opacity-100 {
     &::placeholder {
       opacity: 100%;
@@ -7281,38 +7238,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);
+        }
       }
     }
   }
@@ -7368,6 +7352,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 +7393,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 +7407,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 +7478,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 +7511,13 @@
       }
     }
   }
+  .hover\:text-accent-800 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-accent-800);
+      }
+    }
+  }
   .hover\:text-accent-foreground {
     &:hover {
       @media (hover: hover) {
@@ -7730,12 +7748,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);
         }
       }
     }
@@ -7760,12 +7808,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);
         }
       }
     }
@@ -7780,12 +7848,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);
         }
       }
     }
@@ -7810,12 +7908,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);
         }
       }
     }
@@ -7863,14 +7981,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 +8016,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 +8063,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 +8207,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 {
@@ -8989,26 +9222,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 +9278,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 +9319,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 +10078,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 +10098,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 +10192,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 {
@@ -9888,14 +10227,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 +10265,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 +10300,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 +10373,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,6 +10393,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] {
@@ -10041,11 +10421,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);
       }
     }
   }
@@ -10065,11 +10469,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);
       }
     }
   }
@@ -10081,11 +10501,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);
       }
     }
   }
@@ -10105,11 +10549,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);
       }
     }
   }
@@ -12139,16 +12599,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 +12704,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 +12785,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 +12985,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,24 +13300,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 {
@@ -13294,100 +13719,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 +14072,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 +14129,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 +14174,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 +14321,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,20 +14338,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 {
@@ -14227,20 +14355,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 {
@@ -14248,13 +14362,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 {
@@ -14265,86 +14372,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,20 +14684,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] {
@@ -14681,20 +14694,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] {
@@ -14702,93 +14701,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] {