@ac-design/design-system 2.0.0 → 2.1.0

package/dist/lib/compat.css

@@ -16,9 +16,14 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), sam
     --font-sans: "Roboto Variable", "Roboto", ui-sans-serif, system-ui, sans-serif;
     --font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
     --spacing: calc(4px * var(--ac-scale));
+    --container-sm: 384px;
     --container-md: 448px;
+    --container-xl: 576px;
+    --container-2xl: 672px;
     --container-3xl: 768px;
+    --container-4xl: 896px;
     --container-5xl: 1024px;
+    --container-6xl: 1152px;
     --text-xs: calc(12px * var(--ac-scale));
     --text-xs--line-height: calc(16px * var(--ac-scale));
     --text-sm: calc(11px * var(--ac-scale));
@@ -33,6 +38,12 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), sam
     --text-2xl--line-height: calc(28px * var(--ac-scale));
     --text-3xl: calc(24px * var(--ac-scale));
     --text-3xl--line-height: calc(32px * var(--ac-scale));
+    --text-4xl: calc(30px * var(--ac-scale));
+    --text-4xl--line-height: calc(36px * var(--ac-scale));
+    --text-5xl: calc(36px * var(--ac-scale));
+    --text-5xl--line-height: calc(40px * var(--ac-scale));
+    --text-6xl: calc(48px * var(--ac-scale));
+    --text-6xl--line-height: calc(52px * var(--ac-scale));
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
@@ -40,6 +51,7 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), sam
     --tracking-tight: -0.025em;
     --tracking-normal: 0em;
     --tracking-wide: 0.025em;
+    --tracking-wider: 0.05em;
     --leading-tight: 1.25;
     --leading-snug: 1.375;
     --leading-relaxed: 1.625;
@@ -49,6 +61,9 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), sam
     --animate-ping: ac-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
     --animate-pulse: ac-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --blur-sm: 8px;
+    --blur-md: 12px;
+    --blur-2xl: 40px;
+    --blur-3xl: 64px;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
@@ -57,6 +72,9 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), sam
     --color-black: hsl(0 0% 0%);
     --color-brand-navy: #193d4b;
     --color-brand-green: #00a651;
+    --color-theme-sun: #ffbb52;
+    --color-theme-sun-soft: #ffeccf;
+    --color-theme-moon: #485367;
     --color-primary: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light));
     --color-primary-hover: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light) / 0.9);
     --color-primary-strong: hsl(var(--primary-hue) 94% 25%);
@@ -73,6 +91,7 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), sam
     --color-purple-50: hsl(262 75% 50%);
     --color-yellow-30: hsl(38 92% 30%);
     --color-red-40: hsl(0 75% 40%);
+    --color-red-50: hsl(0 75% 50%);
     --color-success: #00a651;
     --color-info: #0069ff;
     --color-warning: #f59e0b;
@@ -91,6 +110,7 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), sam
     --color-slate-20: #252525;
     --color-slate-50: #5c5c5c;
     --color-slate-60: #8f8f8f;
+    --color-slate-70: #d6d6d6;
     --color-slate-80: #ebebeb;
     --color-slate-90: #f0f0f0;
     --color-slate-95: #f7f7f7;
@@ -103,6 +123,7 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), sam
     --color-background: #f9fafb;
     --color-surface: #ffffff;
     --color-surface-muted: #f8f8f8;
+    --color-sidebar-panel: #fafafa;
     --color-surface-sunken: #f0f0f0;
     --color-accent: #eaf0f4;
     --color-accent-hover: #f2f9fd;
@@ -123,6 +144,9 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), sam
     --text-xm: calc(10px * var(--ac-scale));
     --text-xm--line-height: calc(14px * var(--ac-scale));
     --text-3xl--letter-spacing: -0.02em;
+    --text-4xl--letter-spacing: -0.02em;
+    --text-5xl--letter-spacing: -0.025em;
+    --text-6xl--letter-spacing: -0.03em;
     --text-h1: calc(30px * var(--ac-scale));
     --text-h2: calc(24px * var(--ac-scale));
     --text-h3: calc(20px * var(--ac-scale));
@@ -138,7 +162,11 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), sam
     --radius-16: calc(16px * var(--ac-scale));
     --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
     --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
-    --animate-pop-in: ac-pop-in 0.15s var(--ease-out-soft) both;
+    --animate-loader-spin: ac-loader-spin 0.85s cubic-bezier(0.65, 0, 0.35, 1) infinite;
+    --animate-loader-glow: ac-loader-glow 1.7s ease-in-out infinite;
+    --animate-loader-dot-1: ac-loader-dot 1.2s ease-in-out infinite;
+    --animate-loader-dot-2: ac-loader-dot 1.2s ease-in-out 0.15s infinite;
+    --animate-loader-dot-3: ac-loader-dot 1.2s ease-in-out 0.3s infinite;
   }
 *:is([data-ac-ds], [data-ac-ds] *), :is([data-ac-ds], [data-ac-ds] *)::after, :is([data-ac-ds], [data-ac-ds] *)::before, :is([data-ac-ds], [data-ac-ds] *)::backdrop, :is([data-ac-ds], [data-ac-ds] *)::file-selector-button {
     box-sizing: border-box;
@@ -337,8 +365,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .inset-x-0:where([data-ac-ds], [data-ac-ds] *) {
     inset-inline: 0px !important;
   }
-  .inset-x-3:where([data-ac-ds], [data-ac-ds] *) {
-    inset-inline: calc(var(--spacing) * 3) !important;
+  .inset-x-5:where([data-ac-ds], [data-ac-ds] *) {
+    inset-inline: calc(var(--spacing) * 5) !important;
   }
   .inset-y-0:where([data-ac-ds], [data-ac-ds] *) {
     inset-block: 0px !important;
@@ -346,6 +374,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .-top-1:where([data-ac-ds], [data-ac-ds] *) {
     top: calc(var(--spacing) * -1) !important;
   }
+  .-top-4:where([data-ac-ds], [data-ac-ds] *) {
+    top: calc(var(--spacing) * -4) !important;
+  }
+  .-top-16:where([data-ac-ds], [data-ac-ds] *) {
+    top: calc(var(--spacing) * -16) !important;
+  }
   .top-0:where([data-ac-ds], [data-ac-ds] *) {
     top: 0px !important;
   }
@@ -373,12 +407,24 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .top-10:where([data-ac-ds], [data-ac-ds] *) {
     top: calc(var(--spacing) * 10) !important;
   }
+  .top-20:where([data-ac-ds], [data-ac-ds] *) {
+    top: calc(var(--spacing) * 20) !important;
+  }
   .top-full:where([data-ac-ds], [data-ac-ds] *) {
     top: 100% !important;
   }
   .-right-0\.5:where([data-ac-ds], [data-ac-ds] *) {
     right: calc(var(--spacing) * -0.5) !important;
   }
+  .-right-1:where([data-ac-ds], [data-ac-ds] *) {
+    right: calc(var(--spacing) * -1) !important;
+  }
+  .-right-4:where([data-ac-ds], [data-ac-ds] *) {
+    right: calc(var(--spacing) * -4) !important;
+  }
+  .-right-8:where([data-ac-ds], [data-ac-ds] *) {
+    right: calc(var(--spacing) * -8) !important;
+  }
   .right-0:where([data-ac-ds], [data-ac-ds] *) {
     right: 0px !important;
   }
@@ -394,9 +440,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .right-3:where([data-ac-ds], [data-ac-ds] *) {
     right: calc(var(--spacing) * 3) !important;
   }
+  .right-4:where([data-ac-ds], [data-ac-ds] *) {
+    right: calc(var(--spacing) * 4) !important;
+  }
+  .right-\[12\%\]:where([data-ac-ds], [data-ac-ds] *) {
+    right: 12% !important;
+  }
   .-bottom-0\.5:where([data-ac-ds], [data-ac-ds] *) {
     bottom: calc(var(--spacing) * -0.5) !important;
   }
+  .-bottom-12:where([data-ac-ds], [data-ac-ds] *) {
+    bottom: calc(var(--spacing) * -12) !important;
+  }
   .bottom-0:where([data-ac-ds], [data-ac-ds] *) {
     bottom: 0px !important;
   }
@@ -406,6 +461,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .bottom-3:where([data-ac-ds], [data-ac-ds] *) {
     bottom: calc(var(--spacing) * 3) !important;
   }
+  .bottom-5:where([data-ac-ds], [data-ac-ds] *) {
+    bottom: calc(var(--spacing) * 5) !important;
+  }
   .bottom-full:where([data-ac-ds], [data-ac-ds] *) {
     bottom: 100% !important;
   }
@@ -421,14 +479,11 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .left-3:where([data-ac-ds], [data-ac-ds] *) {
     left: calc(var(--spacing) * 3) !important;
   }
-  .left-3\.5:where([data-ac-ds], [data-ac-ds] *) {
-    left: calc(var(--spacing) * 3.5) !important;
-  }
   .left-4:where([data-ac-ds], [data-ac-ds] *) {
     left: calc(var(--spacing) * 4) !important;
   }
-  .left-5:where([data-ac-ds], [data-ac-ds] *) {
-    left: calc(var(--spacing) * 5) !important;
+  .left-\[8\%\]:where([data-ac-ds], [data-ac-ds] *) {
+    left: 8% !important;
   }
   .left-\[calc\(50\%\+26px\)\]:where([data-ac-ds], [data-ac-ds] *) {
     left: calc(50% + 26px) !important;
@@ -436,6 +491,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .isolate:where([data-ac-ds], [data-ac-ds] *) {
     isolation: isolate !important;
   }
+  .-z-10:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: calc(10 * -1) !important;
+  }
   .z-10:where([data-ac-ds], [data-ac-ds] *) {
     z-index: 10 !important;
   }
@@ -481,20 +539,35 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       max-width: 96rem !important;
     }
   }
+  .-m-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin: calc(var(--spacing) * -0.5) !important;
+  }
+  .-m-1:where([data-ac-ds], [data-ac-ds] *) {
+    margin: calc(var(--spacing) * -1) !important;
+  }
   .m-0:where([data-ac-ds], [data-ac-ds] *) {
     margin: 0px !important;
   }
   .m-auto:where([data-ac-ds], [data-ac-ds] *) {
     margin: auto !important;
   }
+  .page-container:where([data-ac-ds], [data-ac-ds] *) {
+    width: 100% !important;
+    max-width: var(--container-page) !important;
+    margin-inline: auto !important;
+    padding-inline: calc(var(--spacing) * 4) !important;
+  }
   .-mx-2:where([data-ac-ds], [data-ac-ds] *) {
     margin-inline: calc(var(--spacing) * -2) !important;
   }
   .mx-1:where([data-ac-ds], [data-ac-ds] *) {
     margin-inline: var(--spacing) !important;
   }
-  .mx-1\.5:where([data-ac-ds], [data-ac-ds] *) {
-    margin-inline: calc(var(--spacing) * 1.5) !important;
+  .mx-2:where([data-ac-ds], [data-ac-ds] *) {
+    margin-inline: calc(var(--spacing) * 2) !important;
+  }
+  .mx-4:where([data-ac-ds], [data-ac-ds] *) {
+    margin-inline: calc(var(--spacing) * 4) !important;
   }
   .mx-auto:where([data-ac-ds], [data-ac-ds] *) {
     margin-inline: auto !important;
@@ -547,6 +620,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .mt-6:where([data-ac-ds], [data-ac-ds] *) {
     margin-top: calc(var(--spacing) * 6) !important;
   }
+  .mt-\[3px\]:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: 3px !important;
+  }
   .mt-auto:where([data-ac-ds], [data-ac-ds] *) {
     margin-top: auto !important;
   }
@@ -571,6 +647,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .mr-1\.5:where([data-ac-ds], [data-ac-ds] *) {
     margin-right: calc(var(--spacing) * 1.5) !important;
   }
+  .mr-3:where([data-ac-ds], [data-ac-ds] *) {
+    margin-right: calc(var(--spacing) * 3) !important;
+  }
+  .mr-4:where([data-ac-ds], [data-ac-ds] *) {
+    margin-right: calc(var(--spacing) * 4) !important;
+  }
   .mb-1:where([data-ac-ds], [data-ac-ds] *) {
     margin-bottom: var(--spacing) !important;
   }
@@ -589,6 +671,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .mb-5:where([data-ac-ds], [data-ac-ds] *) {
     margin-bottom: calc(var(--spacing) * 5) !important;
   }
+  .mb-6:where([data-ac-ds], [data-ac-ds] *) {
+    margin-bottom: calc(var(--spacing) * 6) !important;
+  }
   .-ml-0\.5:where([data-ac-ds], [data-ac-ds] *) {
     margin-left: calc(var(--spacing) * -0.5) !important;
   }
@@ -604,6 +689,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .ml-5:where([data-ac-ds], [data-ac-ds] *) {
     margin-left: calc(var(--spacing) * 5) !important;
   }
+  .ml-\[18px\]:where([data-ac-ds], [data-ac-ds] *) {
+    margin-left: 18px !important;
+  }
   .ml-auto:where([data-ac-ds], [data-ac-ds] *) {
     margin-left: auto !important;
   }
@@ -652,6 +740,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .table:where([data-ac-ds], [data-ac-ds] *) {
     display: table !important;
   }
+  .aspect-square:where([data-ac-ds], [data-ac-ds] *) {
+    aspect-ratio: 1 / 1 !important;
+  }
   .ac-scrollbar:where([data-ac-ds], [data-ac-ds] *) {
     overflow: auto !important;
     scrollbar-width: thin !important;
@@ -716,10 +807,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     width: calc(var(--spacing) * 8) !important;
     height: calc(var(--spacing) * 8) !important;
   }
+  .size-8\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 8.5) !important;
+    height: calc(var(--spacing) * 8.5) !important;
+  }
   .size-9:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 9) !important;
     height: calc(var(--spacing) * 9) !important;
   }
+  .size-9\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 9.5) !important;
+    height: calc(var(--spacing) * 9.5) !important;
+  }
   .size-10:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 10) !important;
     height: calc(var(--spacing) * 10) !important;
@@ -732,6 +831,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     width: calc(var(--spacing) * 12) !important;
     height: calc(var(--spacing) * 12) !important;
   }
+  .size-15:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 15) !important;
+    height: calc(var(--spacing) * 15) !important;
+  }
   .size-16:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 16) !important;
     height: calc(var(--spacing) * 16) !important;
@@ -740,6 +843,46 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     width: calc(var(--spacing) * 20) !important;
     height: calc(var(--spacing) * 20) !important;
   }
+  .size-24:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 24) !important;
+    height: calc(var(--spacing) * 24) !important;
+  }
+  .size-32:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 32) !important;
+    height: calc(var(--spacing) * 32) !important;
+  }
+  .size-44:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 44) !important;
+    height: calc(var(--spacing) * 44) !important;
+  }
+  .size-48:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 48) !important;
+    height: calc(var(--spacing) * 48) !important;
+  }
+  .size-\[17px\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: 17px !important;
+    height: 17px !important;
+  }
+  .size-\[18px\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: 18px !important;
+    height: 18px !important;
+  }
+  .size-\[19px\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: 19px !important;
+    height: 19px !important;
+  }
+  .size-\[21px\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: 21px !important;
+    height: 21px !important;
+  }
+  .size-\[34px\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: 34px !important;
+    height: 34px !important;
+  }
+  .size-\[38px\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: 38px !important;
+    height: 38px !important;
+  }
   .size-full:where([data-ac-ds], [data-ac-ds] *) {
     width: 100% !important;
     height: 100% !important;
@@ -786,6 +929,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .h-8:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 8) !important;
   }
+  .h-8\.5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 8.5) !important;
+  }
   .h-9:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 9) !important;
   }
@@ -795,21 +941,24 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .h-10:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 10) !important;
   }
+  .h-10\.5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 10.5) !important;
+  }
   .h-11:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 11) !important;
   }
   .h-12:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 12) !important;
   }
-  .h-13:where([data-ac-ds], [data-ac-ds] *) {
-    height: calc(var(--spacing) * 13) !important;
-  }
   .h-18:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 18) !important;
   }
   .h-32:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 32) !important;
   }
+  .h-44:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 44) !important;
+  }
   .h-48:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 48) !important;
   }
@@ -819,6 +968,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .h-px:where([data-ac-ds], [data-ac-ds] *) {
     height: 1px !important;
   }
+  .max-h-60:where([data-ac-ds], [data-ac-ds] *) {
+    max-height: calc(var(--spacing) * 60) !important;
+  }
   .max-h-72:where([data-ac-ds], [data-ac-ds] *) {
     max-height: calc(var(--spacing) * 72) !important;
   }
@@ -828,6 +980,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .max-h-\[calc\(100dvh-32px\)\]:where([data-ac-ds], [data-ac-ds] *) {
     max-height: calc(100dvh - 32px) !important;
   }
+  .max-h-\[min\(46vh\,416px\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    max-height: min(46vh, 416px) !important;
+  }
   .min-h-0:where([data-ac-ds], [data-ac-ds] *) {
     min-height: 0px !important;
   }
@@ -843,21 +998,33 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .min-h-10:where([data-ac-ds], [data-ac-ds] *) {
     min-height: calc(var(--spacing) * 10) !important;
   }
+  .min-h-10\.5:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: calc(var(--spacing) * 10.5) !important;
+  }
   .min-h-12:where([data-ac-ds], [data-ac-ds] *) {
     min-height: calc(var(--spacing) * 12) !important;
   }
   .min-h-16:where([data-ac-ds], [data-ac-ds] *) {
     min-height: calc(var(--spacing) * 16) !important;
   }
+  .min-h-17:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: calc(var(--spacing) * 17) !important;
+  }
   .min-h-20:where([data-ac-ds], [data-ac-ds] *) {
     min-height: calc(var(--spacing) * 20) !important;
   }
+  .min-h-40:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: calc(var(--spacing) * 40) !important;
+  }
   .min-h-full:where([data-ac-ds], [data-ac-ds] *) {
     min-height: 100% !important;
   }
   .w-0\.5:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 0.5) !important;
   }
+  .w-0\.75:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 0.75) !important;
+  }
   .w-1\/2:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(1 / 2 * 100%) !important;
   }
@@ -876,9 +1043,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .w-3\/5:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(3 / 5 * 100%) !important;
   }
-  .w-5:where([data-ac-ds], [data-ac-ds] *) {
-    width: calc(var(--spacing) * 5) !important;
-  }
   .w-7:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 7) !important;
   }
@@ -891,6 +1055,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .w-10:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 10) !important;
   }
+  .w-10\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 10.5) !important;
+  }
   .w-11:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 11) !important;
   }
@@ -939,21 +1106,24 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .w-72:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 72) !important;
   }
-  .w-76:where([data-ac-ds], [data-ac-ds] *) {
-    width: calc(var(--spacing) * 76) !important;
+  .w-\[34px\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: 34px !important;
+  }
+  .w-\[38px\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: 38px !important;
   }
   .w-\[calc\(100\%-52px\)\]:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(100% - 52px) !important;
   }
-  .w-\[calc\(276px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
-    width: calc(276px * var(--ac-scale)) !important;
+  .w-\[calc\(320px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(320px * var(--ac-scale)) !important;
+  }
+  .w-\[calc\(328px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(328px * var(--ac-scale)) !important;
   }
   .w-\[calc\(340px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(340px * var(--ac-scale)) !important;
   }
-  .w-\[calc\(380px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
-    width: calc(380px * var(--ac-scale)) !important;
-  }
   .w-auto:where([data-ac-ds], [data-ac-ds] *) {
     width: auto !important;
   }
@@ -969,12 +1139,21 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .w-px:where([data-ac-ds], [data-ac-ds] *) {
     width: 1px !important;
   }
+  .max-w-2xl:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: var(--container-2xl) !important;
+  }
   .max-w-3xl:where([data-ac-ds], [data-ac-ds] *) {
     max-width: var(--container-3xl) !important;
   }
+  .max-w-4xl:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: var(--container-4xl) !important;
+  }
   .max-w-5xl:where([data-ac-ds], [data-ac-ds] *) {
     max-width: var(--container-5xl) !important;
   }
+  .max-w-6xl:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: var(--container-6xl) !important;
+  }
   .max-w-36:where([data-ac-ds], [data-ac-ds] *) {
     max-width: calc(var(--spacing) * 36) !important;
   }
@@ -987,15 +1166,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .max-w-80:where([data-ac-ds], [data-ac-ds] *) {
     max-width: calc(var(--spacing) * 80) !important;
   }
-  .max-w-110:where([data-ac-ds], [data-ac-ds] *) {
-    max-width: calc(var(--spacing) * 110) !important;
-  }
   .max-w-120:where([data-ac-ds], [data-ac-ds] *) {
     max-width: calc(var(--spacing) * 120) !important;
   }
-  .max-w-130:where([data-ac-ds], [data-ac-ds] *) {
-    max-width: calc(var(--spacing) * 130) !important;
-  }
   .max-w-160:where([data-ac-ds], [data-ac-ds] *) {
     max-width: calc(var(--spacing) * 160) !important;
   }
@@ -1005,9 +1178,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .max-w-250:where([data-ac-ds], [data-ac-ds] *) {
     max-width: calc(var(--spacing) * 250) !important;
   }
-  .max-w-\[85\%\]:where([data-ac-ds], [data-ac-ds] *) {
-    max-width: 85% !important;
-  }
   .max-w-\[280px\]:where([data-ac-ds], [data-ac-ds] *) {
     max-width: 280px !important;
   }
@@ -1035,9 +1205,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .max-w-prose:where([data-ac-ds], [data-ac-ds] *) {
     max-width: 65ch !important;
   }
+  .max-w-sm:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: var(--container-sm) !important;
+  }
+  .max-w-xl:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: var(--container-xl) !important;
+  }
   .min-w-0:where([data-ac-ds], [data-ac-ds] *) {
     min-width: 0px !important;
   }
+  .min-w-4:where([data-ac-ds], [data-ac-ds] *) {
+    min-width: calc(var(--spacing) * 4) !important;
+  }
   .min-w-4\.5:where([data-ac-ds], [data-ac-ds] *) {
     min-width: calc(var(--spacing) * 4.5) !important;
   }
@@ -1050,11 +1229,17 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .min-w-7:where([data-ac-ds], [data-ac-ds] *) {
     min-width: calc(var(--spacing) * 7) !important;
   }
-  .min-w-8:where([data-ac-ds], [data-ac-ds] *) {
-    min-width: calc(var(--spacing) * 8) !important;
+  .min-w-8\.5:where([data-ac-ds], [data-ac-ds] *) {
+    min-width: calc(var(--spacing) * 8.5) !important;
+  }
+  .min-w-10:where([data-ac-ds], [data-ac-ds] *) {
+    min-width: calc(var(--spacing) * 10) !important;
   }
-  .min-w-\[64px\]:where([data-ac-ds], [data-ac-ds] *) {
-    min-width: 64px !important;
+  .min-w-14:where([data-ac-ds], [data-ac-ds] *) {
+    min-width: calc(var(--spacing) * 14) !important;
+  }
+  .min-w-\[120px\]:where([data-ac-ds], [data-ac-ds] *) {
+    min-width: 120px !important;
   }
   .min-w-\[160px\]:where([data-ac-ds], [data-ac-ds] *) {
     min-width: 160px !important;
@@ -1086,9 +1271,15 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .grow:where([data-ac-ds], [data-ac-ds] *) {
     flex-grow: 1 !important;
   }
+  .basis-\[240px\]:where([data-ac-ds], [data-ac-ds] *) {
+    flex-basis: 240px !important;
+  }
   .basis-full:where([data-ac-ds], [data-ac-ds] *) {
     flex-basis: 100% !important;
   }
+  .table-fixed:where([data-ac-ds], [data-ac-ds] *) {
+    table-layout: fixed !important;
+  }
   .border-collapse:where([data-ac-ds], [data-ac-ds] *) {
     border-collapse: collapse !important;
   }
@@ -1103,18 +1294,21 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .origin-bottom:where([data-ac-ds], [data-ac-ds] *) {
     transform-origin: bottom !important;
   }
+  .origin-bottom-left:where([data-ac-ds], [data-ac-ds] *) {
+    transform-origin: 0 100% !important;
+  }
   .origin-bottom-right:where([data-ac-ds], [data-ac-ds] *) {
     transform-origin: 100% 100% !important;
   }
   .origin-left:where([data-ac-ds], [data-ac-ds] *) {
     transform-origin: 0 !important;
   }
-  .origin-right:where([data-ac-ds], [data-ac-ds] *) {
-    transform-origin: 100% !important;
-  }
   .origin-top:where([data-ac-ds], [data-ac-ds] *) {
     transform-origin: top !important;
   }
+  .origin-top-left:where([data-ac-ds], [data-ac-ds] *) {
+    transform-origin: 0 0 !important;
+  }
   .origin-top-right:where([data-ac-ds], [data-ac-ds] *) {
     transform-origin: 100% 0 !important;
   }
@@ -1126,6 +1320,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
   }
+  .-translate-x-2:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: calc(var(--spacing) * -2) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .-translate-x-\[3px\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: calc(3px * -1) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .-translate-x-\[14px\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: calc(14px * -1) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
   .-translate-x-full:where([data-ac-ds], [data-ac-ds] *) {
     --tw-translate-x: -100% !important;
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
@@ -1142,10 +1348,22 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-translate-x: calc(1 / 4 * 100%) !important;
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
   }
+  .translate-x-4:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: calc(var(--spacing) * 4) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
   .translate-x-5:where([data-ac-ds], [data-ac-ds] *) {
     --tw-translate-x: calc(var(--spacing) * 5) !important;
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
   }
+  .translate-x-\[3px\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: 3px !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .translate-x-\[10px\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: 10px !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
   .-translate-y-1:where([data-ac-ds], [data-ac-ds] *) {
     --tw-translate-y: calc(var(--spacing) * -1) !important;
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
@@ -1154,6 +1372,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
   }
+  .-translate-y-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-y: calc(var(--spacing) * -2.5) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
   .translate-y-1:where([data-ac-ds], [data-ac-ds] *) {
     --tw-translate-y: var(--spacing) !important;
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
@@ -1168,6 +1390,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-scale-z: 0% !important;
     scale: var(--tw-scale-x) var(--tw-scale-y) !important;
   }
+  .scale-50:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-scale-x: 50% !important;
+    --tw-scale-y: 50% !important;
+    --tw-scale-z: 50% !important;
+    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
+  }
   .scale-75:where([data-ac-ds], [data-ac-ds] *) {
     --tw-scale-x: 75% !important;
     --tw-scale-y: 75% !important;
@@ -1180,20 +1408,50 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-scale-z: 95% !important;
     scale: var(--tw-scale-x) var(--tw-scale-y) !important;
   }
+  .scale-110:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-scale-x: 110% !important;
+    --tw-scale-y: 110% !important;
+    --tw-scale-z: 110% !important;
+    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
+  }
   .-rotate-90:where([data-ac-ds], [data-ac-ds] *) {
     rotate: calc(90deg * -1) !important;
   }
+  .-rotate-\[15deg\]:where([data-ac-ds], [data-ac-ds] *) {
+    rotate: calc(15deg * -1) !important;
+  }
+  .rotate-0:where([data-ac-ds], [data-ac-ds] *) {
+    rotate: 0deg !important;
+  }
+  .rotate-45:where([data-ac-ds], [data-ac-ds] *) {
+    rotate: 45deg !important;
+  }
   .rotate-90:where([data-ac-ds], [data-ac-ds] *) {
     rotate: 90deg !important;
   }
   .rotate-180:where([data-ac-ds], [data-ac-ds] *) {
     rotate: 180deg !important;
   }
+  .rotate-\[15deg\]:where([data-ac-ds], [data-ac-ds] *) {
+    rotate: 15deg !important;
+  }
   .transform:where([data-ac-ds], [data-ac-ds] *) {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
   }
-  .animate-pop-in:where([data-ac-ds], [data-ac-ds] *) {
-    animation: var(--animate-pop-in) !important;
+  .animate-loader-dot-1:where([data-ac-ds], [data-ac-ds] *) {
+    animation: var(--animate-loader-dot-1) !important;
+  }
+  .animate-loader-dot-2:where([data-ac-ds], [data-ac-ds] *) {
+    animation: var(--animate-loader-dot-2) !important;
+  }
+  .animate-loader-dot-3:where([data-ac-ds], [data-ac-ds] *) {
+    animation: var(--animate-loader-dot-3) !important;
+  }
+  .animate-loader-glow:where([data-ac-ds], [data-ac-ds] *) {
+    animation: var(--animate-loader-glow) !important;
+  }
+  .animate-loader-spin:where([data-ac-ds], [data-ac-ds] *) {
+    animation: var(--animate-loader-spin) !important;
   }
   .animate-pulse:where([data-ac-ds], [data-ac-ds] *) {
     animation: var(--animate-pulse) !important;
@@ -1201,6 +1459,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .animate-spin:where([data-ac-ds], [data-ac-ds] *) {
     animation: var(--animate-spin) !important;
   }
+  .cursor-auto:where([data-ac-ds], [data-ac-ds] *) {
+    cursor: auto !important;
+  }
   .cursor-default:where([data-ac-ds], [data-ac-ds] *) {
     cursor: default !important;
   }
@@ -1213,6 +1474,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .cursor-text:where([data-ac-ds], [data-ac-ds] *) {
     cursor: text !important;
   }
+  .cursor-wait:where([data-ac-ds], [data-ac-ds] *) {
+    cursor: wait !important;
+  }
   .touch-none:where([data-ac-ds], [data-ac-ds] *) {
     touch-action: none !important;
   }
@@ -1243,6 +1507,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .grid-cols-3:where([data-ac-ds], [data-ac-ds] *) {
     grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
   }
+  .grid-cols-4:where([data-ac-ds], [data-ac-ds] *) {
+    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
+  }
   .grid-cols-\[minmax\(0\,1fr\)_auto\]:where([data-ac-ds], [data-ac-ds] *) {
     grid-template-columns: minmax(0,1fr) auto !important;
   }
@@ -1321,6 +1588,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .gap-6:where([data-ac-ds], [data-ac-ds] *) {
     gap: calc(var(--spacing) * 6) !important;
   }
+  .gap-7:where([data-ac-ds], [data-ac-ds] *) {
+    gap: calc(var(--spacing) * 7) !important;
+  }
   .gap-8:where([data-ac-ds], [data-ac-ds] *) {
     gap: calc(var(--spacing) * 8) !important;
   }
@@ -1334,15 +1604,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse)) !important;
     margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse))) !important;
   }
-  :where(.space-y-2 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
-    --tw-space-y-reverse: 0 !important;
-    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;
-    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;
-  }
-  :where(.space-y-3 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
+  :where(.space-y-1\.5 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
     --tw-space-y-reverse: 0 !important;
-    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)) !important;
-    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;
+    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)) !important;
+    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))) !important;
   }
   :where(.space-y-4 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
     --tw-space-y-reverse: 0 !important;
@@ -1398,9 +1663,19 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;
     border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
   }
+  :where(.divide-dashed > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-border-style: dashed !important;
+    border-style: dashed !important;
+  }
   :where(.divide-border > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
     border-color: var(--color-border) !important;
   }
+  :where(.divide-border\/70 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, #ebebeb 70%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-border) 70%, transparent) !important;
+    }
+  }
   .self-center:where([data-ac-ds], [data-ac-ds] *) {
     align-self: center !important;
   }
@@ -1439,6 +1714,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .overflow-y-hidden:where([data-ac-ds], [data-ac-ds] *) {
     overflow-y: hidden !important;
   }
+  .scroll-smooth:where([data-ac-ds], [data-ac-ds] *) {
+    scroll-behavior: smooth !important;
+  }
   .rounded-4:where([data-ac-ds], [data-ac-ds] *) {
     border-radius: var(--radius-4) !important;
   }
@@ -1457,13 +1735,24 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .rounded-16:where([data-ac-ds], [data-ac-ds] *) {
     border-radius: var(--radius-16) !important;
   }
+  .rounded-\[inherit\]:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: inherit !important;
+  }
   .rounded-full:where([data-ac-ds], [data-ac-ds] *) {
     border-radius: calc(infinity * 1px) !important;
   }
+  .rounded-t-8:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-left-radius: var(--radius-8) !important;
+    border-top-right-radius: var(--radius-8) !important;
+  }
   .rounded-t-14:where([data-ac-ds], [data-ac-ds] *) {
     border-top-left-radius: var(--radius-14) !important;
     border-top-right-radius: var(--radius-14) !important;
   }
+  .rounded-t-\[calc\(var\(--radius-14\)-1px\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-left-radius: calc(var(--radius-14) - 1px) !important;
+    border-top-right-radius: calc(var(--radius-14) - 1px) !important;
+  }
   .rounded-l-8:where([data-ac-ds], [data-ac-ds] *) {
     border-top-left-radius: var(--radius-8) !important;
     border-bottom-left-radius: var(--radius-8) !important;
@@ -1488,6 +1777,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     border-bottom-right-radius: var(--radius-16) !important;
     border-bottom-left-radius: var(--radius-16) !important;
   }
+  .rounded-b-\[calc\(var\(--radius-14\)-1px\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    border-bottom-right-radius: calc(var(--radius-14) - 1px) !important;
+    border-bottom-left-radius: calc(var(--radius-14) - 1px) !important;
+  }
   .border:where([data-ac-ds], [data-ac-ds] *) {
     border-style: var(--tw-border-style) !important;
     border-width: 1px !important;
@@ -1496,6 +1789,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     border-style: var(--tw-border-style) !important;
     border-width: 2px !important;
   }
+  .border-4:where([data-ac-ds], [data-ac-ds] *) {
+    border-style: var(--tw-border-style) !important;
+    border-width: 4px !important;
+  }
+  .border-\[3px\]:where([data-ac-ds], [data-ac-ds] *) {
+    border-style: var(--tw-border-style) !important;
+    border-width: 3px !important;
+  }
   .border-y:where([data-ac-ds], [data-ac-ds] *) {
     border-block-style: var(--tw-border-style) !important;
     border-block-width: 1px !important;
@@ -1530,7 +1831,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   }
   .focus-ring:where([data-ac-ds], [data-ac-ds] *) {
     outline: none !important;
-    border-color: var(--color-primary) !important;
+    border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 35%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb, var(--color-primary) 35%, transparent) !important;
+    }
     box-shadow: 0 0 0 2px color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
       box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
@@ -1548,6 +1852,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .border-border-dark:where([data-ac-ds], [data-ac-ds] *) {
     border-color: var(--color-border-dark) !important;
   }
+  .border-border\/60:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, #ebebeb 60%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-border) 60%, transparent) !important;
+    }
+  }
+  .border-border\/70:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, #ebebeb 70%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-border) 70%, transparent) !important;
+    }
+  }
   .border-border\/80:where([data-ac-ds], [data-ac-ds] *) {
     border-color: color-mix(in srgb, #ebebeb 80%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1569,6 +1885,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       border-color: color-mix(in oklab, var(--color-danger) 25%, transparent) !important;
     }
   }
+  .border-danger\/30:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, #ef4444 30%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-danger) 30%, transparent) !important;
+    }
+  }
   .border-danger\/40:where([data-ac-ds], [data-ac-ds] *) {
     border-color: color-mix(in srgb, #ef4444 40%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1599,6 +1921,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       border-color: color-mix(in oklab, var(--color-info) 40%, transparent) !important;
     }
   }
+  .border-muted:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-muted) !important;
+  }
   .border-muted\/20:where([data-ac-ds], [data-ac-ds] *) {
     border-color: color-mix(in srgb, #5c5c5c 20%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1611,9 +1936,21 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       border-color: color-mix(in oklab, var(--color-muted) 70%, transparent) !important;
     }
   }
+  .border-pending\/25:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, #8b5cf6 25%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-pending) 25%, transparent) !important;
+    }
+  }
   .border-primary:where([data-ac-ds], [data-ac-ds] *) {
     border-color: var(--color-primary) !important;
   }
+  .border-primary\/15:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 15%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-primary) 15%, transparent) !important;
+    }
+  }
   .border-primary\/20:where([data-ac-ds], [data-ac-ds] *) {
     border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1644,6 +1981,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       border-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important;
     }
   }
+  .border-slate-70:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-slate-70) !important;
+  }
   .border-success\/25:where([data-ac-ds], [data-ac-ds] *) {
     border-color: color-mix(in srgb, #00a651 25%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1659,6 +1999,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .border-transparent:where([data-ac-ds], [data-ac-ds] *) {
     border-color: transparent !important;
   }
+  .border-warning\/25:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, #f59e0b 25%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-warning) 25%, transparent) !important;
+    }
+  }
   .border-warning\/30:where([data-ac-ds], [data-ac-ds] *) {
     border-color: color-mix(in srgb, #f59e0b 30%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1677,12 +2023,30 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       border-color: color-mix(in oklab, var(--color-warning) 45%, transparent) !important;
     }
   }
+  .border-white:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-white) !important;
+  }
   .border-white\/10:where([data-ac-ds], [data-ac-ds] *) {
     border-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
     }
   }
+  .border-white\/15:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, hsl(0 0% 100%) 15%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 15%, transparent) !important;
+    }
+  }
+  .border-t-primary:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-color: var(--color-primary) !important;
+  }
+  .border-r-primary\/50:where([data-ac-ds], [data-ac-ds] *) {
+    border-right-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 50%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-right-color: color-mix(in oklab, var(--color-primary) 50%, transparent) !important;
+    }
+  }
   .bg-\[color-mix\(in_srgb\,var\(--color-danger\)_8\%\,var\(--color-surface\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb,#ef4444 8%,#ffffff) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1713,18 +2077,66 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .bg-background:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-background) !important;
   }
+  .bg-background\/60:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #f9fafb 60%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-background) 60%, transparent) !important;
+    }
+  }
+  .bg-background\/80:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #f9fafb 80%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-background) 80%, transparent) !important;
+    }
+  }
   .bg-background\/90:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, #f9fafb 90%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-background) 90%, transparent) !important;
     }
   }
+  .bg-black\/50:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(0 0% 0%) 50%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 50%, transparent) !important;
+    }
+  }
+  .bg-black\/80:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(0 0% 0%) 80%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 80%, transparent) !important;
+    }
+  }
   .bg-border:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-border) !important;
   }
   .bg-border-dark:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-border-dark) !important;
   }
+  .bg-chart-1:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-chart-1) !important;
+  }
+  .bg-chart-2:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-chart-2) !important;
+  }
+  .bg-chart-3:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-chart-3) !important;
+  }
+  .bg-chart-4:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-chart-4) !important;
+  }
+  .bg-chart-5:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-chart-5) !important;
+  }
+  .bg-chart-6:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-chart-6) !important;
+  }
+  .bg-chart-7:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-chart-7) !important;
+  }
+  .bg-chart-8:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-chart-8) !important;
+  }
   .bg-current\/10:where([data-ac-ds], [data-ac-ds] *) {
     background-color: currentcolor !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1758,12 +2170,24 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-danger) 15%, transparent) !important;
     }
   }
+  .bg-danger\/80:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #ef4444 80%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-danger) 80%, transparent) !important;
+    }
+  }
   .bg-heading:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-heading) !important;
   }
   .bg-info:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-info) !important;
   }
+  .bg-info\/8:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #0069ff 8%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-info) 8%, transparent) !important;
+    }
+  }
   .bg-info\/10:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, #0069ff 10%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1782,6 +2206,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-info) 15%, transparent) !important;
     }
   }
+  .bg-info\/80:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #0069ff 80%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-info) 80%, transparent) !important;
+    }
+  }
   .bg-muted:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-muted) !important;
   }
@@ -1797,12 +2227,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-muted) 40%, transparent) !important;
     }
   }
-  .bg-muted\/45:where([data-ac-ds], [data-ac-ds] *) {
-    background-color: color-mix(in srgb, #5c5c5c 45%, transparent) !important;
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-muted) 45%, transparent) !important;
-    }
-  }
   .bg-muted\/60:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, #5c5c5c 60%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1830,6 +2254,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .bg-primary:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-primary) !important;
   }
+  .bg-primary\/4:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 4%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 4%, transparent) !important;
+    }
+  }
   .bg-primary\/5:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 5%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1860,6 +2290,21 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-primary) 15%, transparent) !important;
     }
   }
+  .bg-primary\/20:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
+    }
+  }
+  .bg-primary\/80:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 80%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 80%, transparent) !important;
+    }
+  }
+  .bg-red-50:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-red-50) !important;
+  }
   .bg-secondary:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-secondary) !important;
   }
@@ -1872,6 +2317,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .bg-sidebar:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-sidebar) !important;
   }
+  .bg-sidebar-panel\/95:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #fafafa 95%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-sidebar-panel) 95%, transparent) !important;
+    }
+  }
   .bg-slate-20:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-slate-20) !important;
   }
@@ -1881,9 +2332,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-slate-20) 10%, transparent) !important;
     }
   }
+  .bg-slate-80:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-slate-80) !important;
+  }
   .bg-success:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-success) !important;
   }
+  .bg-success\/5:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #00a651 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-success) 5%, transparent) !important;
+    }
+  }
   .bg-success\/10:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, #00a651 10%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1902,6 +2362,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-success) 15%, transparent) !important;
     }
   }
+  .bg-success\/80:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #00a651 80%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-success) 80%, transparent) !important;
+    }
+  }
   .bg-surface:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-surface) !important;
   }
@@ -1911,6 +2377,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .bg-surface-sunken:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-surface-sunken) !important;
   }
+  .bg-surface-sunken\/5:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #f0f0f0 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-surface-sunken) 5%, transparent) !important;
+    }
+  }
   .bg-surface-sunken\/40:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, #f0f0f0 40%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1923,10 +2395,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-surface-sunken) 50%, transparent) !important;
     }
   }
-  .bg-surface-sunken\/70:where([data-ac-ds], [data-ac-ds] *) {
-    background-color: color-mix(in srgb, #f0f0f0 70%, transparent) !important;
+  .bg-surface\/85:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #ffffff 85%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-surface-sunken) 70%, transparent) !important;
+      background-color: color-mix(in oklab, var(--color-surface) 85%, transparent) !important;
     }
   }
   .bg-surface\/90:where([data-ac-ds], [data-ac-ds] *) {
@@ -1935,6 +2407,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-surface) 90%, transparent) !important;
     }
   }
+  .bg-theme-moon:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-theme-moon) !important;
+  }
+  .bg-theme-sun-soft:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-theme-sun-soft) !important;
+  }
   .bg-tooltip:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-tooltip) !important;
   }
@@ -1974,6 +2452,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-warning) 20%, transparent) !important;
     }
   }
+  .bg-warning\/90:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #f59e0b 90%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-warning) 90%, transparent) !important;
+    }
+  }
   .bg-white:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-white) !important;
   }
@@ -1989,12 +2473,25 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-white) 8%, transparent) !important;
     }
   }
+  .bg-white\/10:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
+    }
+  }
   .bg-white\/70:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, hsl(0 0% 100%) 70%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
     }
   }
+  .bg-linear-to-br:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-position: to bottom right !important;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to bottom right in oklab !important;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
+  }
   .bg-linear-to-r:where([data-ac-ds], [data-ac-ds] *) {
     --tw-gradient-position: to right !important;
     @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2002,6 +2499,89 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     }
     background-image: linear-gradient(var(--tw-gradient-stops)) !important;
   }
+  .bg-linear-to-t:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-position: to top !important;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to top in oklab !important;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
+  }
+  .bg-\[linear-gradient\(to_right\,color-mix\(in_srgb\,var\(--color-border\)_25\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,color-mix\(in_srgb\,var\(--color-border\)_25\%\,transparent\)_1px\,transparent_1px\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    background-image: linear-gradient(to right,color-mix(in srgb,#ebebeb 25%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,#ebebeb 25%,transparent) 1px,transparent 1px) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-image: linear-gradient(to right,color-mix(in srgb,var(--color-border) 25%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-border) 25%,transparent) 1px,transparent 1px) !important;
+    }
+  }
+  .bg-\[radial-gradient\(circle_at_1px_1px\,var\(--color-border\)_1px\,transparent_0\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    background-image: radial-gradient(circle at 1px 1px,var(--color-border) 1px,transparent 0) !important;
+  }
+  .from-background\/70:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, #f9fafb 70%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-background) 70%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-danger\/10:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, #ef4444 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-danger) 10%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-danger\/\[0\.07\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, #ef4444 7.000000000000001%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-danger) 7.000000000000001%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-info\/10:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, #0069ff 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-info) 10%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-info\/\[0\.07\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, #0069ff 7.000000000000001%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-info) 7.000000000000001%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-pending\/10:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, #8b5cf6 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-pending) 10%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-pending\/\[0\.07\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, #8b5cf6 7.000000000000001%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-pending) 7.000000000000001%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-primary:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: var(--color-primary) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-primary\/8:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 8%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 8%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-primary\/10:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
   .from-primary\/70:where([data-ac-ds], [data-ac-ds] *) {
     --tw-gradient-from: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 70%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2009,6 +2589,110 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
   }
+  .from-primary\/80:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 80%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 80%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-primary\/\[0\.07\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 7.000000000000001%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 7.000000000000001%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-transparent:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: transparent !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-warning\/10:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, #f59e0b 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-warning) 10%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-warning\/\[0\.07\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: color-mix(in srgb, #f59e0b 7.000000000000001%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-warning) 7.000000000000001%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .via-\[color-mix\(in_srgb\,var\(--color-primary\)_80\%\,var\(--color-chart-6\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-via: color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 80%,#0891b2) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in srgb,var(--color-primary) 80%,var(--color-chart-6)) !important;
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
+  }
+  .via-background:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-via: var(--color-background) !important;
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
+  }
+  .via-danger\/3:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-via: color-mix(in srgb, #ef4444 3%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-danger) 3%, transparent) !important;
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
+  }
+  .via-info\/3:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-via: color-mix(in srgb, #0069ff 3%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-info) 3%, transparent) !important;
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
+  }
+  .via-pending\/3:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-via: color-mix(in srgb, #8b5cf6 3%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-pending) 3%, transparent) !important;
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
+  }
+  .via-primary\/3:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-via: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 3%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-primary) 3%, transparent) !important;
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
+  }
+  .via-primary\/10:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-via: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
+  }
+  .via-warning\/3:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-via: color-mix(in srgb, #f59e0b 3%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-warning) 3%, transparent) !important;
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
+  }
+  .to-\[color-mix\(in_srgb\,var\(--color-primary\)_45\%\,var\(--color-chart-6\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-to: color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 45%,#0891b2) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in srgb,var(--color-primary) 45%,var(--color-chart-6)) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .to-primary:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-to: var(--color-primary) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
   .to-primary\/90:where([data-ac-ds], [data-ac-ds] *) {
     --tw-gradient-to: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 90%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2016,6 +2700,36 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
   }
+  .to-surface-sunken\/35:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-to: color-mix(in srgb, #f0f0f0 35%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--color-surface-sunken) 35%, transparent) !important;
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .to-transparent:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-to: transparent !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .\[mask-image\:linear-gradient\(to_bottom\,black_20\%\,transparent_95\%\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    mask-image: linear-gradient(to bottom,black 20%,transparent 95%) !important;
+  }
+  .\[mask-image\:linear-gradient\(to_left\,black\,transparent_60\%\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    mask-image: linear-gradient(to left,black,transparent 60%) !important;
+  }
+  .box-decoration-clone:where([data-ac-ds], [data-ac-ds] *) {
+    -webkit-box-decoration-break: clone !important;
+    box-decoration-break: clone !important;
+  }
+  .bg-size-\[18px_18px\]:where([data-ac-ds], [data-ac-ds] *) {
+    background-size: 18px 18px !important;
+  }
+  .bg-size-\[40px_40px\]:where([data-ac-ds], [data-ac-ds] *) {
+    background-size: 40px 40px !important;
+  }
+  .bg-clip-text:where([data-ac-ds], [data-ac-ds] *) {
+    background-clip: text !important;
+  }
   .fill-brand-green:where([data-ac-ds], [data-ac-ds] *) {
     fill: var(--color-brand-green) !important;
   }
@@ -2034,15 +2748,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .fill-white:where([data-ac-ds], [data-ac-ds] *) {
     fill: var(--color-white) !important;
   }
+  .stroke-border:where([data-ac-ds], [data-ac-ds] *) {
+    stroke: var(--color-border) !important;
+  }
   .stroke-current:where([data-ac-ds], [data-ac-ds] *) {
     stroke: currentcolor !important;
   }
-  .stroke-muted\/15:where([data-ac-ds], [data-ac-ds] *) {
-    stroke: color-mix(in srgb, #5c5c5c 15%, transparent) !important;
-    @supports (color: color-mix(in lab, red, red)) {
-      stroke: color-mix(in oklab, var(--color-muted) 15%, transparent) !important;
-    }
-  }
   .stroke-primary:where([data-ac-ds], [data-ac-ds] *) {
     stroke: var(--color-primary) !important;
   }
@@ -2082,6 +2793,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .p-6:where([data-ac-ds], [data-ac-ds] *) {
     padding: calc(var(--spacing) * 6) !important;
   }
+  .p-8:where([data-ac-ds], [data-ac-ds] *) {
+    padding: calc(var(--spacing) * 8) !important;
+  }
   .px-0\.5:where([data-ac-ds], [data-ac-ds] *) {
     padding-inline: calc(var(--spacing) * 0.5) !important;
   }
@@ -2109,6 +2823,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .px-6:where([data-ac-ds], [data-ac-ds] *) {
     padding-inline: calc(var(--spacing) * 6) !important;
   }
+  .px-8:where([data-ac-ds], [data-ac-ds] *) {
+    padding-inline: calc(var(--spacing) * 8) !important;
+  }
   .px-px:where([data-ac-ds], [data-ac-ds] *) {
     padding-inline: 1px !important;
   }
@@ -2154,21 +2871,15 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .py-12:where([data-ac-ds], [data-ac-ds] *) {
     padding-block: calc(var(--spacing) * 12) !important;
   }
+  .py-14:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 14) !important;
+  }
   .py-16:where([data-ac-ds], [data-ac-ds] *) {
     padding-block: calc(var(--spacing) * 16) !important;
   }
   .py-20:where([data-ac-ds], [data-ac-ds] *) {
     padding-block: calc(var(--spacing) * 20) !important;
   }
-  .py-\[5px\]:where([data-ac-ds], [data-ac-ds] *) {
-    padding-block: 5px !important;
-  }
-  .py-\[7px\]:where([data-ac-ds], [data-ac-ds] *) {
-    padding-block: 7px !important;
-  }
-  .py-\[76px\]:where([data-ac-ds], [data-ac-ds] *) {
-    padding-block: 76px !important;
-  }
   .pt-0:where([data-ac-ds], [data-ac-ds] *) {
     padding-top: 0px !important;
   }
@@ -2202,9 +2913,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .pr-0:where([data-ac-ds], [data-ac-ds] *) {
     padding-right: 0px !important;
   }
-  .pr-0\.5:where([data-ac-ds], [data-ac-ds] *) {
-    padding-right: calc(var(--spacing) * 0.5) !important;
-  }
   .pr-1:where([data-ac-ds], [data-ac-ds] *) {
     padding-right: var(--spacing) !important;
   }
@@ -2226,6 +2934,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .pr-4:where([data-ac-ds], [data-ac-ds] *) {
     padding-right: calc(var(--spacing) * 4) !important;
   }
+  .pr-5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: calc(var(--spacing) * 5) !important;
+  }
   .pr-8:where([data-ac-ds], [data-ac-ds] *) {
     padding-right: calc(var(--spacing) * 8) !important;
   }
@@ -2235,8 +2946,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .pr-10:where([data-ac-ds], [data-ac-ds] *) {
     padding-right: calc(var(--spacing) * 10) !important;
   }
-  .pr-16:where([data-ac-ds], [data-ac-ds] *) {
-    padding-right: calc(var(--spacing) * 16) !important;
+  .pr-20:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: calc(var(--spacing) * 20) !important;
+  }
+  .pr-28:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: calc(var(--spacing) * 28) !important;
+  }
+  .pb-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-bottom: calc(var(--spacing) * 0.5) !important;
   }
   .pb-1:where([data-ac-ds], [data-ac-ds] *) {
     padding-bottom: var(--spacing) !important;
@@ -2259,6 +2976,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .pb-6:where([data-ac-ds], [data-ac-ds] *) {
     padding-bottom: calc(var(--spacing) * 6) !important;
   }
+  .pl-1:where([data-ac-ds], [data-ac-ds] *) {
+    padding-left: var(--spacing) !important;
+  }
   .pl-1\.5:where([data-ac-ds], [data-ac-ds] *) {
     padding-left: calc(var(--spacing) * 1.5) !important;
   }
@@ -2271,12 +2991,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .pl-3:where([data-ac-ds], [data-ac-ds] *) {
     padding-left: calc(var(--spacing) * 3) !important;
   }
-  .pl-3\.5:where([data-ac-ds], [data-ac-ds] *) {
-    padding-left: calc(var(--spacing) * 3.5) !important;
-  }
   .pl-4:where([data-ac-ds], [data-ac-ds] *) {
     padding-left: calc(var(--spacing) * 4) !important;
   }
+  .pl-5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-left: calc(var(--spacing) * 5) !important;
+  }
   .pl-9:where([data-ac-ds], [data-ac-ds] *) {
     padding-left: calc(var(--spacing) * 9) !important;
   }
@@ -2312,6 +3032,11 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
     letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing)) !important;
   }
+  .text-5xl:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-5xl) !important;
+    line-height: var(--tw-leading, var(--text-5xl--line-height)) !important;
+    letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing)) !important;
+  }
   .text-2xl:where([data-ac-ds], [data-ac-ds] *) {
     font-size: var(--text-2xl) !important;
     line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
@@ -2343,6 +3068,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .text-\[9px\]:where([data-ac-ds], [data-ac-ds] *) {
     font-size: 9px !important;
   }
+  .text-\[13px\]:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: 13px !important;
+  }
   .text-\[length\:calc\(11\.5px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
     font-size: calc(11.5px * var(--ac-scale)) !important;
   }
@@ -2362,6 +3090,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-leading: calc(var(--spacing) * 7) !important;
     line-height: calc(var(--spacing) * 7) !important;
   }
+  .leading-\[1\.05\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-leading: 1.05 !important;
+    line-height: 1.05 !important;
+  }
+  .leading-\[1\.35\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-leading: 1.35 !important;
+    line-height: 1.35 !important;
+  }
+  .leading-\[1\.45\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-leading: 1.45 !important;
+    line-height: 1.45 !important;
+  }
   .leading-none:where([data-ac-ds], [data-ac-ds] *) {
     --tw-leading: 1 !important;
     line-height: 1 !important;
@@ -2398,6 +3138,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-tracking: -0.01em !important;
     letter-spacing: -0.01em !important;
   }
+  .tracking-\[-0\.03em\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-tracking: -0.03em !important;
+    letter-spacing: -0.03em !important;
+  }
   .tracking-\[0\.08em\]:where([data-ac-ds], [data-ac-ds] *) {
     --tw-tracking: 0.08em !important;
     letter-spacing: 0.08em !important;
@@ -2414,6 +3158,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-tracking: var(--tracking-wide) !important;
     letter-spacing: var(--tracking-wide) !important;
   }
+  .tracking-wider:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-tracking: var(--tracking-wider) !important;
+    letter-spacing: var(--tracking-wider) !important;
+  }
   .text-balance:where([data-ac-ds], [data-ac-ds] *) {
     text-wrap: balance !important;
   }
@@ -2435,6 +3183,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .whitespace-nowrap:where([data-ac-ds], [data-ac-ds] *) {
     white-space: nowrap !important;
   }
+  .whitespace-pre:where([data-ac-ds], [data-ac-ds] *) {
+    white-space: pre !important;
+  }
   .text-body:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-body) !important;
   }
@@ -2447,9 +3198,27 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .text-danger-strong:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-danger-strong) !important;
   }
+  .text-danger\/5:where([data-ac-ds], [data-ac-ds] *) {
+    color: color-mix(in srgb, #ef4444 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-danger) 5%, transparent) !important;
+    }
+  }
+  .text-danger\/60:where([data-ac-ds], [data-ac-ds] *) {
+    color: color-mix(in srgb, #ef4444 60%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-danger) 60%, transparent) !important;
+    }
+  }
   .text-heading:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-heading) !important;
   }
+  .text-heading\/50:where([data-ac-ds], [data-ac-ds] *) {
+    color: color-mix(in srgb, #252525 50%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-heading) 50%, transparent) !important;
+    }
+  }
   .text-heading\/80:where([data-ac-ds], [data-ac-ds] *) {
     color: color-mix(in srgb, #252525 80%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2462,6 +3231,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .text-info-strong:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-info-strong) !important;
   }
+  .text-info\/5:where([data-ac-ds], [data-ac-ds] *) {
+    color: color-mix(in srgb, #0069ff 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-info) 5%, transparent) !important;
+    }
+  }
   .text-muted:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-muted) !important;
   }
@@ -2498,18 +3273,45 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       color: color-mix(in oklab, var(--color-on-tooltip) 70%, transparent) !important;
     }
   }
+  .text-on-tooltip\/75:where([data-ac-ds], [data-ac-ds] *) {
+    color: color-mix(in srgb, #f5f5f5 75%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-on-tooltip) 75%, transparent) !important;
+    }
+  }
   .text-on-warning:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-on-warning) !important;
   }
+  .text-pending:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-pending) !important;
+  }
   .text-pending-strong:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-pending-strong) !important;
   }
+  .text-pending\/5:where([data-ac-ds], [data-ac-ds] *) {
+    color: color-mix(in srgb, #8b5cf6 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-pending) 5%, transparent) !important;
+    }
+  }
   .text-primary:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-primary) !important;
   }
   .text-primary-strong:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-primary-strong) !important;
   }
+  .text-primary\/5:where([data-ac-ds], [data-ac-ds] *) {
+    color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-primary) 5%, transparent) !important;
+    }
+  }
+  .text-primary\/6:where([data-ac-ds], [data-ac-ds] *) {
+    color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 6%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-primary) 6%, transparent) !important;
+    }
+  }
   .text-secondary:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-secondary) !important;
   }
@@ -2525,12 +3327,24 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .text-surface:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-surface) !important;
   }
+  .text-theme-sun:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-theme-sun) !important;
+  }
+  .text-transparent:where([data-ac-ds], [data-ac-ds] *) {
+    color: transparent !important;
+  }
   .text-warning:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-warning) !important;
   }
   .text-warning-strong:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-warning-strong) !important;
   }
+  .text-warning\/5:where([data-ac-ds], [data-ac-ds] *) {
+    color: color-mix(in srgb, #f59e0b 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-warning) 5%, transparent) !important;
+    }
+  }
   .text-white:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-white) !important;
   }
@@ -2580,6 +3394,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .opacity-30:where([data-ac-ds], [data-ac-ds] *) {
     opacity: 30% !important;
   }
+  .opacity-40:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 40% !important;
+  }
   .opacity-50:where([data-ac-ds], [data-ac-ds] *) {
     opacity: 50% !important;
   }
@@ -2624,6 +3441,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
+  .shadow-md:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
   .shadow-sm:where([data-ac-ds], [data-ac-ds] *) {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
@@ -2652,6 +3473,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
+  .inset-ring-2:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
   .shadow-black\/25:where([data-ac-ds], [data-ac-ds] *) {
     --tw-shadow-color: color-mix(in srgb, hsl(0 0% 0%) 25%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2688,12 +3513,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       --tw-ring-color: color-mix(in oklab, var(--color-danger) 40%, transparent) !important;
     }
   }
-  .ring-heading\/8:where([data-ac-ds], [data-ac-ds] *) {
-    --tw-ring-color: color-mix(in srgb, #252525 8%, transparent) !important;
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--color-heading) 8%, transparent) !important;
-    }
-  }
   .ring-info\/20:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: color-mix(in srgb, #0069ff 20%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2712,6 +3531,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       --tw-ring-color: color-mix(in oklab, var(--color-info) 40%, transparent) !important;
     }
   }
+  .ring-pending\/20:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, #8b5cf6 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-pending) 20%, transparent) !important;
+    }
+  }
   .ring-pending\/25:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: color-mix(in srgb, #8b5cf6 25%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2727,6 +3552,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .ring-primary:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: var(--color-primary) !important;
   }
+  .ring-primary\/5:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 5%, transparent) !important;
+    }
+  }
   .ring-primary\/20:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2739,12 +3570,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       --tw-ring-color: color-mix(in oklab, var(--color-primary) 25%, transparent) !important;
     }
   }
-  .ring-primary\/30:where([data-ac-ds], [data-ac-ds] *) {
-    --tw-ring-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 30%, transparent) !important;
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent) !important;
-    }
-  }
   .ring-primary\/40:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 40%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2754,24 +3579,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .ring-ring:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: var(--color-ring) !important;
   }
-  .ring-secondary-40\/25:where([data-ac-ds], [data-ac-ds] *) {
-    --tw-ring-color: color-mix(in srgb, hsl(var(--secondary-hue) var(--secondary-saturation) 40%) 25%, transparent) !important;
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--color-secondary-40) 25%, transparent) !important;
-    }
-  }
   .ring-secondary-70:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: var(--color-secondary-70) !important;
   }
   .ring-sidebar:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: var(--color-sidebar) !important;
   }
-  .ring-slate-20\/20:where([data-ac-ds], [data-ac-ds] *) {
-    --tw-ring-color: color-mix(in srgb, #252525 20%, transparent) !important;
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--color-slate-20) 20%, transparent) !important;
-    }
-  }
   .ring-slate-20\/40:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: color-mix(in srgb, #252525 40%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2799,6 +3612,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .ring-surface:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: var(--color-surface) !important;
   }
+  .ring-warning\/20:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, #f59e0b 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-warning) 20%, transparent) !important;
+    }
+  }
   .ring-warning\/25:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: color-mix(in srgb, #f59e0b 25%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2817,6 +3636,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       --tw-ring-color: color-mix(in oklab, var(--color-warning) 45%, transparent) !important;
     }
   }
+  .inset-ring-theme-sun:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-inset-ring-color: var(--color-theme-sun) !important;
+  }
+  .inset-ring-white:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-inset-ring-color: var(--color-white) !important;
+  }
   .ring-offset-2:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-offset-width: 2px !important;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
@@ -2832,14 +3657,36 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-blur: blur(8px) !important;
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
   }
+  .blur-2xl:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-blur: blur(var(--blur-2xl)) !important;
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
+  }
+  .blur-3xl:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-blur: blur(var(--blur-3xl)) !important;
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
+  }
+  .blur-md:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-blur: blur(var(--blur-md)) !important;
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
+  }
   .filter:where([data-ac-ds], [data-ac-ds] *) {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
   }
+  .backdrop-blur:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-backdrop-blur: blur(8px) !important;
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
+  }
   .backdrop-blur-\[2px\]:where([data-ac-ds], [data-ac-ds] *) {
     --tw-backdrop-blur: blur(2px) !important;
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
   }
+  .backdrop-blur-md:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-backdrop-blur: blur(var(--blur-md)) !important;
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
+  }
   .backdrop-blur-sm:where([data-ac-ds], [data-ac-ds] *) {
     --tw-backdrop-blur: blur(var(--blur-sm)) !important;
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
@@ -2855,11 +3702,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
     transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
   }
-  .transition-\[background-color\,border-color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
-    transition-property: background-color,border-color,box-shadow !important;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
-    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
-  }
   .transition-\[background-color\,color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
     transition-property: background-color,color,box-shadow !important;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
@@ -2945,11 +3787,31 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
     transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
   }
+  .transition-\[opacity\,translate\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: opacity,translate !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
   .transition-\[stroke-dashoffset\,color\,opacity\]:where([data-ac-ds], [data-ac-ds] *) {
     transition-property: stroke-dashoffset,color,opacity !important;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
     transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
   }
+  .transition-\[translate\,background-color\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: translate,background-color !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[translate\,box-shadow\,border-color\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: translate,box-shadow,border-color !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[translate\,rotate\,opacity\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: translate,rotate,opacity !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
   .transition-\[translate\,visibility\]:where([data-ac-ds], [data-ac-ds] *) {
     transition-property: translate,visibility !important;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
@@ -2985,6 +3847,11 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
     transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
   }
+  .transition-shadow:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: box-shadow !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
   .transition-transform:where([data-ac-ds], [data-ac-ds] *) {
     transition-property: transform, translate, scale, rotate !important;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
@@ -3010,10 +3877,38 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-duration: 300ms !important;
     transition-duration: 300ms !important;
   }
+  .duration-500:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-duration: 500ms !important;
+    transition-duration: 500ms !important;
+  }
   .duration-700:where([data-ac-ds], [data-ac-ds] *) {
     --tw-duration: 700ms !important;
     transition-duration: 700ms !important;
   }
+  .duration-\[360ms\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-duration: 360ms !important;
+    transition-duration: 360ms !important;
+  }
+  .duration-\[800ms\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-duration: 800ms !important;
+    transition-duration: 800ms !important;
+  }
+  .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ease: cubic-bezier(0.4,0,0.2,1) !important;
+    transition-timing-function: cubic-bezier(0.4,0,0.2,1) !important;
+  }
+  .ease-\[cubic-bezier\(0\.21\,1\.02\,0\.73\,1\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ease: cubic-bezier(0.21,1.02,0.73,1) !important;
+    transition-timing-function: cubic-bezier(0.21,1.02,0.73,1) !important;
+  }
+  .ease-\[cubic-bezier\(0\.26\,2\,0\.46\,0\.71\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ease: cubic-bezier(0.26,2,0.46,0.71) !important;
+    transition-timing-function: cubic-bezier(0.26,2,0.46,0.71) !important;
+  }
+  .ease-\[cubic-bezier\(0\.26\,2\.5\,0\.46\,0\.71\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ease: cubic-bezier(0.26,2.5,0.46,0.71) !important;
+    transition-timing-function: cubic-bezier(0.26,2.5,0.46,0.71) !important;
+  }
   .ease-in:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ease: var(--ease-in) !important;
     transition-timing-function: var(--ease-in) !important;
@@ -3049,9 +3944,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     border-width: 0px !important;
   }
   @media (hover: hover) {
-    .group-hover\:border-muted:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
-      border-color: var(--color-muted) !important;
-    }
     .group-hover\:text-heading:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
       color: var(--color-heading) !important;
     }
@@ -3061,6 +3953,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .group-hover\:opacity-100:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
       opacity: 100% !important;
     }
+    .group-hover\/ac-button\:translate-x-0\.5:is(:where(.group\/ac-button):hover *):where([data-ac-ds], [data-ac-ds] *) {
+      --tw-translate-x: calc(var(--spacing) * 0.5) !important;
+      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+    }
     .group-hover\/link\:translate-x-0\.5:is(:where(.group\/link):hover *):where([data-ac-ds], [data-ac-ds] *) {
       --tw-translate-x: calc(var(--spacing) * 0.5) !important;
       translate: var(--tw-translate-x) var(--tw-translate-y) !important;
@@ -3087,12 +3983,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .peer-checked\:opacity-100:is(:where(.peer):checked ~ *):where([data-ac-ds], [data-ac-ds] *) {
     opacity: 100% !important;
   }
-  .peer-indeterminate\:scale-100:is(:where(.peer):indeterminate ~ *):where([data-ac-ds], [data-ac-ds] *) {
-    --tw-scale-x: 100% !important;
-    --tw-scale-y: 100% !important;
-    --tw-scale-z: 100% !important;
-    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
-  }
   .peer-indeterminate\:opacity-100:is(:where(.peer):indeterminate ~ *):where([data-ac-ds], [data-ac-ds] *) {
     opacity: 100% !important;
   }
@@ -3150,25 +4040,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .checked\:bg-primary:checked:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-primary) !important;
   }
-  @media (hover: hover) {
-    .group-hover\:checked\:border-primary:is(:where(.group):hover *):checked:where([data-ac-ds], [data-ac-ds] *) {
-      border-color: var(--color-primary) !important;
-    }
-  }
   .indeterminate\:border-primary:indeterminate:where([data-ac-ds], [data-ac-ds] *) {
     border-color: var(--color-primary) !important;
   }
   .indeterminate\:bg-primary:indeterminate:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-primary) !important;
   }
-  @media (hover: hover) {
-    .group-hover\:indeterminate\:border-primary:is(:where(.group):hover *):indeterminate:where([data-ac-ds], [data-ac-ds] *) {
-      border-color: var(--color-primary) !important;
-    }
-  }
   .focus-within\:focus-ring:focus-within:where([data-ac-ds], [data-ac-ds] *) {
     outline: none !important;
-    border-color: var(--color-primary) !important;
+    border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 35%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb, var(--color-primary) 35%, transparent) !important;
+    }
     box-shadow: 0 0 0 2px color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
       box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
@@ -3189,6 +4072,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       --tw-translate-y: calc(var(--spacing) * -0.5) !important;
       translate: var(--tw-translate-x) var(--tw-translate-y) !important;
     }
+    .hover\:-translate-y-1:hover:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-translate-y: calc(var(--spacing) * -1) !important;
+      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+    }
     .hover\:scale-110:hover:where([data-ac-ds], [data-ac-ds] *) {
       --tw-scale-x: 110% !important;
       --tw-scale-y: 110% !important;
@@ -3228,6 +4115,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         border-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important;
       }
     }
+    .hover\:border-primary\/45:hover:where([data-ac-ds], [data-ac-ds] *) {
+      border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 45%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:border-primary\/45:hover:where([data-ac-ds], [data-ac-ds] *) {
+        border-color: color-mix(in oklab, var(--color-primary) 45%, transparent) !important;
+      }
+    }
     .hover\:border-primary\/50:hover:where([data-ac-ds], [data-ac-ds] *) {
       border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 50%, transparent) !important;
     }
@@ -3236,6 +4131,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         border-color: color-mix(in oklab, var(--color-primary) 50%, transparent) !important;
       }
     }
+    .hover\:border-primary\/60:hover:where([data-ac-ds], [data-ac-ds] *) {
+      border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 60%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:border-primary\/60:hover:where([data-ac-ds], [data-ac-ds] *) {
+        border-color: color-mix(in oklab, var(--color-primary) 60%, transparent) !important;
+      }
+    }
     .hover\:border-success\/25:hover:where([data-ac-ds], [data-ac-ds] *) {
       border-color: color-mix(in srgb, #00a651 25%, transparent) !important;
     }
@@ -3263,6 +4166,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         background-color: color-mix(in oklab, var(--color-accent-hover) 60%, transparent) !important;
       }
     }
+    .hover\:bg-accent\/60:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, #eaf0f4 60%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-accent\/60:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-accent) 60%, transparent) !important;
+      }
+    }
     .hover\:bg-current\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: currentcolor !important;
     }
@@ -3298,6 +4209,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         background-color: color-mix(in oklab, var(--color-danger) 18%, transparent) !important;
       }
     }
+    .hover\:bg-heading\/5:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, #252525 5%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-heading\/5:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-heading) 5%, transparent) !important;
+      }
+    }
     .hover\:bg-info-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: var(--color-info-hover) !important;
     }
@@ -3336,14 +4255,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
       }
     }
-    .hover\:bg-primary\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
-      background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 12%, transparent) !important;
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-primary\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
-        background-color: color-mix(in oklab, var(--color-primary) 12%, transparent) !important;
-      }
-    }
     .hover\:bg-primary\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 18%, transparent) !important;
     }
@@ -3352,6 +4263,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         background-color: color-mix(in oklab, var(--color-primary) 18%, transparent) !important;
       }
     }
+    .hover\:bg-red-40:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-red-40) !important;
+    }
     .hover\:bg-success-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: var(--color-success-hover) !important;
     }
@@ -3425,6 +4339,17 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         background-color: color-mix(in oklab, var(--color-warning) 18%, transparent) !important;
       }
     }
+    .hover\:font-bold:hover:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-font-weight: var(--font-weight-bold) !important;
+      font-weight: var(--font-weight-bold) !important;
+    }
+    .hover\:font-semibold:hover:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-font-weight: var(--font-weight-semibold) !important;
+      font-weight: var(--font-weight-semibold) !important;
+    }
+    .hover\:text-danger:hover:where([data-ac-ds], [data-ac-ds] *) {
+      color: var(--color-danger) !important;
+    }
     .hover\:text-danger-strong:hover:where([data-ac-ds], [data-ac-ds] *) {
       color: var(--color-danger-strong) !important;
     }
@@ -3434,6 +4359,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .hover\:text-primary:hover:where([data-ac-ds], [data-ac-ds] *) {
       color: var(--color-primary) !important;
     }
+    .hover\:text-primary-strong:hover:where([data-ac-ds], [data-ac-ds] *) {
+      color: var(--color-primary-strong) !important;
+    }
     .hover\:underline:hover:where([data-ac-ds], [data-ac-ds] *) {
       text-decoration-line: underline !important;
     }
@@ -3447,8 +4375,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       --tw-shadow: 0 2px 4px var(--tw-shadow-color, rgb(15 23 42 / 0.04)), 0 12px 24px -6px var(--tw-shadow-color, rgb(15 23 42 / 0.1)) !important;
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
     }
-    .hover\:shadow-md:hover:where([data-ac-ds], [data-ac-ds] *) {
-      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+    .hover\:shadow-sm:hover:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    }
+    .hover\:shadow-xl:hover:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
     }
     .not-aria-\[current\=page\]\:hover\:border-border:not([aria-current="page"]):hover:where([data-ac-ds], [data-ac-ds] *) {
@@ -3466,7 +4398,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   }
   .focus\:focus-ring:focus:where([data-ac-ds], [data-ac-ds] *) {
     outline: none !important;
-    border-color: var(--color-primary) !important;
+    border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 35%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb, var(--color-primary) 35%, transparent) !important;
+    }
     box-shadow: 0 0 0 2px color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
       box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
@@ -3475,8 +4410,11 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .focus\:border-danger:focus:where([data-ac-ds], [data-ac-ds] *) {
     border-color: var(--color-danger) !important;
   }
-  .focus\:bg-accent:focus:where([data-ac-ds], [data-ac-ds] *) {
-    background-color: var(--color-accent) !important;
+  .focus\:border-primary\/40:focus:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 40%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important;
+    }
   }
   .focus\:bg-danger\/10:focus:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, #ef4444 10%, transparent) !important;
@@ -3484,6 +4422,15 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-danger) 10%, transparent) !important;
     }
   }
+  .focus\:bg-primary\/10:focus:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
+    }
+  }
+  .focus\:bg-surface-sunken:focus:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface-sunken) !important;
+  }
   .focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--color-danger\)_20\%\,transparent\)\]:focus:where([data-ac-ds], [data-ac-ds] *) {
     --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,#ef4444 20%,transparent)) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -3491,6 +4438,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     }
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
+  .focus\:outline-none:focus:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-outline-style: none !important;
+    outline-style: none !important;
+  }
   .focus-visible\:z-10:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
     z-index: 10 !important;
   }
@@ -3499,7 +4450,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   }
   .focus-visible\:focus-ring:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
     outline: none !important;
-    border-color: var(--color-primary) !important;
+    border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 35%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb, var(--color-primary) 35%, transparent) !important;
+    }
     box-shadow: 0 0 0 2px color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
       box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
@@ -3508,23 +4462,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .focus-visible\:bg-accent-hover:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-accent-hover) !important;
   }
-  .focus-visible\:bg-danger\/10:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
-    background-color: color-mix(in srgb, #ef4444 10%, transparent) !important;
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-danger) 10%, transparent) !important;
-    }
-  }
-  .focus-visible\:bg-primary\/12:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
-    background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 12%, transparent) !important;
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-primary) 12%, transparent) !important;
-    }
-  }
-  .focus-visible\:bg-surface-sunken\/50:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
-    background-color: color-mix(in srgb, #f0f0f0 50%, transparent) !important;
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-surface-sunken) 50%, transparent) !important;
-    }
+  .focus-visible\:bg-surface-sunken:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface-sunken) !important;
   }
   .focus-visible\:opacity-100:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
     opacity: 100% !important;
@@ -3536,17 +4475,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .focus-visible\:ring-danger:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: var(--color-danger) !important;
   }
-  .focus-visible\:ring-info:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
-    --tw-ring-color: var(--color-info) !important;
-  }
   .focus-visible\:ring-ring:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-color: var(--color-ring) !important;
   }
-  .focus-visible\:ring-success:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
-    --tw-ring-color: var(--color-success) !important;
-  }
-  .focus-visible\:ring-warning:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
-    --tw-ring-color: var(--color-warning) !important;
+  .focus-visible\:ring-white\/70:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, hsl(0 0% 100%) 70%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
+    }
   }
   .focus-visible\:ring-offset-1:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-offset-width: 1px !important;
@@ -3556,6 +4492,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-ring-offset-width: 2px !important;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
   }
+  .focus-visible\:ring-offset-background:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-offset-color: var(--color-background) !important;
+  }
   .focus-visible\:ring-offset-surface:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-offset-color: var(--color-surface) !important;
   }
@@ -3573,10 +4512,28 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .active\:bg-accent-active:active:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-accent-active) !important;
   }
+  .enabled\:cursor-pointer:enabled:where([data-ac-ds], [data-ac-ds] *) {
+    cursor: pointer !important;
+  }
   @media (hover: hover) {
+    .group-hover\:enabled\:not-checked\:border-primary\/60:is(:where(.group):hover *):enabled:not(:checked):where([data-ac-ds], [data-ac-ds] *) {
+      border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 60%, transparent) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary) 60%, transparent) !important;
+      }
+    }
+    .group-hover\:enabled\:not-checked\:not-indeterminate\:border-primary\/60:is(:where(.group):hover *):enabled:not(:checked):not(:indeterminate):where([data-ac-ds], [data-ac-ds] *) {
+      border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 60%, transparent) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary) 60%, transparent) !important;
+      }
+    }
     .enabled\:hover\:border-accent-active:enabled:hover:where([data-ac-ds], [data-ac-ds] *) {
       border-color: var(--color-accent-active) !important;
     }
+    .enabled\:hover\:bg-surface-sunken:enabled:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-surface-sunken) !important;
+    }
     .enabled\:hover\:bg-white\/8:enabled:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: color-mix(in srgb, hsl(0 0% 100%) 8%, transparent) !important;
     }
@@ -3615,9 +4572,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .disabled\:hover\:bg-accent:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: var(--color-accent) !important;
     }
-    .disabled\:hover\:bg-background:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
-      background-color: var(--color-background) !important;
-    }
     .disabled\:hover\:bg-surface:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: var(--color-surface) !important;
     }
@@ -3645,16 +4599,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-primary)) !important;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
-  .has-checked\:ring-1:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
-  }
-  .has-checked\:ring-primary\/30:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
-    --tw-ring-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 30%, transparent) !important;
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent) !important;
-    }
-  }
   @media (hover: hover) {
     .has-checked\:hover\:border-primary:has(:checked):hover:where([data-ac-ds], [data-ac-ds] *) {
       border-color: var(--color-primary) !important;
@@ -3679,22 +4623,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-ring-offset-width: 2px !important;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
   }
+  .has-focus-visible\:ring-offset-background:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-offset-color: var(--color-background) !important;
+  }
   .has-focus-visible\:ring-offset-surface:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-offset-color: var(--color-surface) !important;
   }
-  .has-focus-visible\:outline-2:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
-    outline-style: var(--tw-outline-style) !important;
-    outline-width: 2px !important;
-  }
-  .has-focus-visible\:outline-offset-2:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
-    outline-offset: 2px !important;
-  }
-  .has-focus-visible\:outline-ring:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
-    outline-color: var(--color-ring) !important;
-  }
   .has-\[\.cm-editor\.cm-focused\]\:focus-ring:has(:is(.cm-editor.cm-focused)):where([data-ac-ds], [data-ac-ds] *) {
     outline: none !important;
-    border-color: var(--color-primary) !important;
+    border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 35%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb, var(--color-primary) 35%, transparent) !important;
+    }
     box-shadow: 0 0 0 2px color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
       box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
@@ -3789,6 +4729,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       --tw-translate-x: calc(var(--spacing) * -1) !important;
       translate: var(--tw-translate-x) var(--tw-translate-y) !important;
     }
+    .motion-safe\:translate-x-\[120\%\]:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-translate-x: 120% !important;
+      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+    }
     .motion-safe\:-translate-y-1:where([data-ac-ds], [data-ac-ds] *) {
       --tw-translate-y: calc(var(--spacing) * -1) !important;
       translate: var(--tw-translate-x) var(--tw-translate-y) !important;
@@ -3823,6 +4767,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .motion-safe\:animate-ping:where([data-ac-ds], [data-ac-ds] *) {
       animation: var(--animate-ping) !important;
     }
+    .motion-safe\:animate-spin:where([data-ac-ds], [data-ac-ds] *) {
+      animation: var(--animate-spin) !important;
+    }
     .motion-safe\:transition-transform:where([data-ac-ds], [data-ac-ds] *) {
       transition-property: transform, translate, scale, rotate !important;
       transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
@@ -3850,12 +4797,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     }
   }
   @media (prefers-reduced-motion: reduce) {
+    .motion-reduce\:hidden:where([data-ac-ds], [data-ac-ds] *) {
+      display: none !important;
+    }
     .motion-reduce\:w-full:where([data-ac-ds], [data-ac-ds] *) {
       width: 100% !important;
     }
     .motion-reduce\:animate-none:where([data-ac-ds], [data-ac-ds] *) {
       animation: none !important;
     }
+    .motion-reduce\:scroll-auto:where([data-ac-ds], [data-ac-ds] *) {
+      scroll-behavior: auto !important;
+    }
     .motion-reduce\:opacity-40:where([data-ac-ds], [data-ac-ds] *) {
       opacity: 40% !important;
     }
@@ -3867,7 +4820,15 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .motion-reduce\:transition-none:where([data-ac-ds], [data-ac-ds] *) {
       transition-property: none !important;
     }
+    .motion-reduce\:duration-150:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-duration: 150ms !important;
+      transition-duration: 150ms !important;
+    }
     @media (hover: hover) {
+      .motion-reduce\:group-hover\/ac-button\:translate-x-0:is(:where(.group\/ac-button):hover *):where([data-ac-ds], [data-ac-ds] *) {
+        --tw-translate-x: 0px !important;
+        translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+      }
       .motion-reduce\:hover\:translate-y-0:hover:where([data-ac-ds], [data-ac-ds] *) {
         --tw-translate-y: 0px !important;
         translate: var(--tw-translate-x) var(--tw-translate-y) !important;
@@ -3891,6 +4852,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .max-sm\:hidden:where([data-ac-ds], [data-ac-ds] *) {
       display: none !important;
     }
+    .max-sm\:w-auto:where([data-ac-ds], [data-ac-ds] *) {
+      width: auto !important;
+    }
     .max-sm\:rounded-10:where([data-ac-ds], [data-ac-ds] *) {
       border-radius: var(--radius-10) !important;
     }
@@ -3901,19 +4865,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       border-style: var(--tw-border-style) !important;
       border-width: 1px !important;
     }
-    .max-sm\:border-0:where([data-ac-ds], [data-ac-ds] *) {
-      border-style: var(--tw-border-style) !important;
-      border-width: 0px !important;
-    }
     .max-sm\:border-border:where([data-ac-ds], [data-ac-ds] *) {
       border-color: var(--color-border) !important;
     }
     .max-sm\:bg-surface:where([data-ac-ds], [data-ac-ds] *) {
       background-color: var(--color-surface) !important;
     }
-    .max-sm\:p-0:where([data-ac-ds], [data-ac-ds] *) {
-      padding: 0px !important;
-    }
     .max-sm\:p-3:where([data-ac-ds], [data-ac-ds] *) {
       padding: calc(var(--spacing) * 3) !important;
     }
@@ -3932,14 +4889,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .sm\:inset-x-auto:where([data-ac-ds], [data-ac-ds] *) {
       inset-inline: auto !important;
     }
-    .sm\:top-6:where([data-ac-ds], [data-ac-ds] *) {
-      top: calc(var(--spacing) * 6) !important;
-    }
-    .sm\:right-6:where([data-ac-ds], [data-ac-ds] *) {
-      right: calc(var(--spacing) * 6) !important;
-    }
-    .sm\:bottom-6:where([data-ac-ds], [data-ac-ds] *) {
-      bottom: calc(var(--spacing) * 6) !important;
+    .sm\:right-5:where([data-ac-ds], [data-ac-ds] *) {
+      right: calc(var(--spacing) * 5) !important;
     }
     .sm\:left-1\/2:where([data-ac-ds], [data-ac-ds] *) {
       left: calc(1 / 2 * 100%) !important;
@@ -3980,8 +4931,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .sm\:w-48:where([data-ac-ds], [data-ac-ds] *) {
       width: calc(var(--spacing) * 48) !important;
     }
-    .sm\:w-89:where([data-ac-ds], [data-ac-ds] *) {
-      width: calc(var(--spacing) * 89) !important;
+    .sm\:w-\[384px\]:where([data-ac-ds], [data-ac-ds] *) {
+      width: 384px !important;
     }
     .sm\:max-w-100:where([data-ac-ds], [data-ac-ds] *) {
       max-width: calc(var(--spacing) * 100) !important;
@@ -4008,8 +4959,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .sm\:grid-cols-4:where([data-ac-ds], [data-ac-ds] *) {
       grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
     }
-    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_220px\]:where([data-ac-ds], [data-ac-ds] *) {
-      grid-template-columns: minmax(0,1fr) minmax(0,1fr) 220px !important;
+    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_256px\]:where([data-ac-ds], [data-ac-ds] *) {
+      grid-template-columns: minmax(0,1fr) minmax(0,1fr) 256px !important;
     }
     .sm\:flex-col:where([data-ac-ds], [data-ac-ds] *) {
       flex-direction: column !important;
@@ -4029,18 +4980,21 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .sm\:items-center:where([data-ac-ds], [data-ac-ds] *) {
       align-items: center !important;
     }
-    .sm\:gap-2:where([data-ac-ds], [data-ac-ds] *) {
-      gap: calc(var(--spacing) * 2) !important;
+    .sm\:justify-between:where([data-ac-ds], [data-ac-ds] *) {
+      justify-content: space-between !important;
+    }
+    .sm\:gap-3:where([data-ac-ds], [data-ac-ds] *) {
+      gap: calc(var(--spacing) * 3) !important;
     }
     .sm\:gap-4:where([data-ac-ds], [data-ac-ds] *) {
       gap: calc(var(--spacing) * 4) !important;
     }
-    .sm\:gap-x-3:where([data-ac-ds], [data-ac-ds] *) {
-      column-gap: calc(var(--spacing) * 3) !important;
-    }
     .sm\:self-auto:where([data-ac-ds], [data-ac-ds] *) {
       align-self: auto !important;
     }
+    .sm\:self-center:where([data-ac-ds], [data-ac-ds] *) {
+      align-self: center !important;
+    }
     .sm\:border-r:where([data-ac-ds], [data-ac-ds] *) {
       border-right-style: var(--tw-border-style) !important;
       border-right-width: 1px !important;
@@ -4056,20 +5010,23 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .sm\:p-8:where([data-ac-ds], [data-ac-ds] *) {
       padding: calc(var(--spacing) * 8) !important;
     }
-    .sm\:px-2:where([data-ac-ds], [data-ac-ds] *) {
-      padding-inline: calc(var(--spacing) * 2) !important;
-    }
     .sm\:px-2\.5:where([data-ac-ds], [data-ac-ds] *) {
       padding-inline: calc(var(--spacing) * 2.5) !important;
     }
+    .sm\:px-3:where([data-ac-ds], [data-ac-ds] *) {
+      padding-inline: calc(var(--spacing) * 3) !important;
+    }
     .sm\:px-6:where([data-ac-ds], [data-ac-ds] *) {
       padding-inline: calc(var(--spacing) * 6) !important;
     }
-    .sm\:pr-2\.5:where([data-ac-ds], [data-ac-ds] *) {
-      padding-right: calc(var(--spacing) * 2.5) !important;
+    .sm\:px-7:where([data-ac-ds], [data-ac-ds] *) {
+      padding-inline: calc(var(--spacing) * 7) !important;
     }
-    .sm\:pl-3:where([data-ac-ds], [data-ac-ds] *) {
-      padding-left: calc(var(--spacing) * 3) !important;
+    .sm\:py-6:where([data-ac-ds], [data-ac-ds] *) {
+      padding-block: calc(var(--spacing) * 6) !important;
+    }
+    .sm\:text-\[28px\]:where([data-ac-ds], [data-ac-ds] *) {
+      font-size: 28px !important;
     }
   }
   @media (width >= 48rem) {
@@ -4079,6 +5036,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .md\:mb-0:where([data-ac-ds], [data-ac-ds] *) {
       margin-bottom: 0px !important;
     }
+    .md\:block:where([data-ac-ds], [data-ac-ds] *) {
+      display: block !important;
+    }
     .md\:flex:where([data-ac-ds], [data-ac-ds] *) {
       display: flex !important;
     }
@@ -4088,6 +5048,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .md\:hidden:where([data-ac-ds], [data-ac-ds] *) {
       display: none !important;
     }
+    .md\:h-11:where([data-ac-ds], [data-ac-ds] *) {
+      height: calc(var(--spacing) * 11) !important;
+    }
+    .md\:w-60:where([data-ac-ds], [data-ac-ds] *) {
+      width: calc(var(--spacing) * 60) !important;
+    }
     .md\:grid-cols-2:where([data-ac-ds], [data-ac-ds] *) {
       grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
     }
@@ -4100,14 +5066,72 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .md\:gap-x-10:where([data-ac-ds], [data-ac-ds] *) {
       column-gap: calc(var(--spacing) * 10) !important;
     }
-    .md\:py-8:where([data-ac-ds], [data-ac-ds] *) {
-      padding-block: calc(var(--spacing) * 8) !important;
+    .md\:px-4:where([data-ac-ds], [data-ac-ds] *) {
+      padding-inline: calc(var(--spacing) * 4) !important;
     }
     .md\:text-3xl:where([data-ac-ds], [data-ac-ds] *) {
       font-size: var(--text-3xl) !important;
       line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
       letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing)) !important;
     }
+    .md\:text-4xl:where([data-ac-ds], [data-ac-ds] *) {
+      font-size: var(--text-4xl) !important;
+      line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
+      letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing)) !important;
+    }
+    .md\:text-6xl:where([data-ac-ds], [data-ac-ds] *) {
+      font-size: var(--text-6xl) !important;
+      line-height: var(--tw-leading, var(--text-6xl--line-height)) !important;
+      letter-spacing: var(--tw-tracking, var(--text-6xl--letter-spacing)) !important;
+    }
+    .md\:text-lg:where([data-ac-ds], [data-ac-ds] *) {
+      font-size: var(--text-lg) !important;
+      line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+    }
+    .md\:text-xl:where([data-ac-ds], [data-ac-ds] *) {
+      font-size: var(--text-xl) !important;
+      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+    }
+  }
+  @media (width >= 64rem) {
+    .lg\:hidden:where([data-ac-ds], [data-ac-ds] *) {
+      display: none !important;
+    }
+    .lg\:w-1\/3:where([data-ac-ds], [data-ac-ds] *) {
+      width: calc(1 / 3 * 100%) !important;
+    }
+    .lg\:w-2\/3:where([data-ac-ds], [data-ac-ds] *) {
+      width: calc(2 / 3 * 100%) !important;
+    }
+    .lg\:w-52:where([data-ac-ds], [data-ac-ds] *) {
+      width: calc(var(--spacing) * 52) !important;
+    }
+    .lg\:w-80:where([data-ac-ds], [data-ac-ds] *) {
+      width: calc(var(--spacing) * 80) !important;
+    }
+    .lg\:flex-row:where([data-ac-ds], [data-ac-ds] *) {
+      flex-direction: row !important;
+    }
+    .lg\:items-center:where([data-ac-ds], [data-ac-ds] *) {
+      align-items: center !important;
+    }
+    .lg\:gap-10:where([data-ac-ds], [data-ac-ds] *) {
+      gap: calc(var(--spacing) * 10) !important;
+    }
+    .lg\:py-16:where([data-ac-ds], [data-ac-ds] *) {
+      padding-block: calc(var(--spacing) * 16) !important;
+    }
+    .lg\:text-\[60px\]:where([data-ac-ds], [data-ac-ds] *) {
+      font-size: 60px !important;
+    }
+  }
+  @media (width >= 80rem) {
+    .xl\:w-64:where([data-ac-ds], [data-ac-ds] *) {
+      width: calc(var(--spacing) * 64) !important;
+    }
+    .xl\:w-96:where([data-ac-ds], [data-ac-ds] *) {
+      width: calc(var(--spacing) * 96) !important;
+    }
   }
   @container (width < 768px) {
     .\@max-3xl\:hidden:where([data-ac-ds], [data-ac-ds] *) {
@@ -4152,6 +5176,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       justify-content: space-between !important;
     }
   }
+  .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *):where([data-ac-ds], [data-ac-ds] *) {
+    rotate: 180deg !important;
+  }
   .dark\:fill-heading:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):where([data-ac-ds], [data-ac-ds] *) {
     fill: var(--color-heading) !important;
   }
@@ -4186,6 +5213,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-font-weight: var(--font-weight-medium) !important;
     font-weight: var(--font-weight-medium) !important;
   }
+  .\[\&_a\]\:text-heading a:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-heading) !important;
+  }
   .\[\&_a\]\:text-inherit a:where([data-ac-ds], [data-ac-ds] *) {
     color: inherit !important;
   }
@@ -4207,6 +5237,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .\[\&_a\:hover\]\:decoration-current a:hover:where([data-ac-ds], [data-ac-ds] *) {
     text-decoration-color: currentcolor !important;
   }
+  .\[\&_div\:has\(\>input\)\]\:rounded-8 div:has( > input):where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: var(--radius-8) !important;
+  }
   .\[\&_img\]\:size-full img:where([data-ac-ds], [data-ac-ds] *) {
     width: 100% !important;
     height: 100% !important;
@@ -4214,9 +5247,16 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .\[\&_img\]\:object-contain img:where([data-ac-ds], [data-ac-ds] *) {
     object-fit: contain !important;
   }
+  .\[\&_input\]\:rounded-8 input:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: var(--radius-8) !important;
+  }
   .\[\&_input\]\:font-mono input:where([data-ac-ds], [data-ac-ds] *) {
     font-family: var(--font-mono) !important;
   }
+  .\[\&_input\]\:font-medium input:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-font-weight: var(--font-weight-medium) !important;
+    font-weight: var(--font-weight-medium) !important;
+  }
   .\[\&_strong\]\:font-semibold strong:where([data-ac-ds], [data-ac-ds] *) {
     --tw-font-weight: var(--font-weight-semibold) !important;
     font-weight: var(--font-weight-semibold) !important;
@@ -4247,6 +5287,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     width: calc(var(--spacing) * 8) !important;
     height: calc(var(--spacing) * 8) !important;
   }
+  .\[\&_svg\]\:animate-spin svg:where([data-ac-ds], [data-ac-ds] *) {
+    animation: var(--animate-spin) !important;
+  }
   .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none:where([data-ac-ds], [data-ac-ds] *)::-webkit-inner-spin-button {
     appearance: none !important;
   }
@@ -4265,6 +5308,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       border-top-width: 0px !important;
     }
   }
+  .\[\&\>\*\]\:w-full > *:where([data-ac-ds], [data-ac-ds] *) {
+    width: 100% !important;
+  }
   .\[\&\>\*\]\:rounded-none > *:where([data-ac-ds], [data-ac-ds] *) {
     border-radius: 0 !important;
   }
@@ -4316,6 +5362,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     width: calc(var(--spacing) * 4) !important;
     height: calc(var(--spacing) * 4) !important;
   }
+  .\[\&\>img\]\:size-\[17px\] > img:where([data-ac-ds], [data-ac-ds] *) {
+    width: 17px !important;
+    height: 17px !important;
+  }
   @media (width >= 40rem) {
     .sm\:\[\&\>label\:first-child\]\:sr-only > label:first-child:where([data-ac-ds], [data-ac-ds] *) {
       position: absolute !important;
@@ -4339,6 +5389,22 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .\[\&\>svg\]\:text-muted > svg:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-muted) !important;
   }
+  [data-testid=ac-sidebar-section] + .\[\[data-testid\=ac-sidebar-section\]\+\&\]\:mt-5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: calc(var(--spacing) * 5) !important;
+  }
+  [data-testid=ac-sidebar-section] + .\[\[data-testid\=ac-sidebar-section\]\+\&\]\:border-t:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-style: var(--tw-border-style) !important;
+    border-top-width: 1px !important;
+  }
+  [data-testid=ac-sidebar-section] + .\[\[data-testid\=ac-sidebar-section\]\+\&\]\:border-muted\/20:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, #5c5c5c 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-muted) 20%, transparent) !important;
+    }
+  }
+  [data-testid=ac-sidebar-section] + .\[\[data-testid\=ac-sidebar-section\]\+\&\]\:pt-4:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: calc(var(--spacing) * 4) !important;
+  }
   tr:last-child .\[tr\:last-child_\&\]\:border-0:where([data-ac-ds], [data-ac-ds] *) {
     border-style: var(--tw-border-style) !important;
     border-width: 0px !important;
@@ -4509,6 +5575,7 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   --color-background: #0a0a0a;
   --color-surface: #171717;
   --color-surface-muted: #1f1f1f;
+  --color-sidebar-panel: #171717;
   --color-surface-sunken: #2c2c2c;
   --color-accent: #2a3138;
   --color-accent-hover: #323b44;
@@ -4575,9 +5642,16 @@ h6:is([data-ac-ds], [data-ac-ds] *) {
   }
 p:is([data-ac-ds], [data-ac-ds] *) {
     text-wrap: pretty;
+    line-height: 1.625;
+    letter-spacing: 0.002em;
+  }
+label:is([data-ac-ds], [data-ac-ds] *), th:is([data-ac-ds], [data-ac-ds] *) {
+    font-weight: 500;
+    letter-spacing: 0.002em;
   }
 button:is([data-ac-ds], [data-ac-ds] *), input:is([data-ac-ds], [data-ac-ds] *), select:is([data-ac-ds], [data-ac-ds] *), textarea:is([data-ac-ds], [data-ac-ds] *) {
     font-family: inherit;
+    font-weight: 500;
     letter-spacing: inherit;
   }
 code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), pre:is([data-ac-ds], [data-ac-ds] *), samp:is([data-ac-ds], [data-ac-ds] *) {
@@ -4641,51 +5715,6 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), pre
 }
 [data-ac-chart] {
   font-variant-numeric: tabular-nums;
-  --vis-font-family: var(--font-sans);
-  --vis-axis-font-family: var(--font-sans);
-  --vis-axis-tick-label-font-size: 12px;
-  --vis-axis-tick-label-weight: 400;
-  --vis-axis-label-font-size: 12px;
-  --vis-axis-label-weight: 500;
-  --vis-axis-tick-color: var(--color-border);
-  --vis-dark-axis-tick-color: var(--color-border);
-  --vis-axis-domain-color: var(--color-border-dark);
-  --vis-dark-axis-domain-color: var(--color-border-dark);
-  --vis-axis-grid-color: var(--color-border);
-  --vis-dark-axis-grid-color: var(--color-border);
-  --vis-axis-tick-label-color: var(--color-muted);
-  --vis-dark-axis-tick-label-color: var(--color-muted);
-  --vis-axis-label-color: var(--color-muted);
-  --vis-dark-axis-label-color: var(--color-muted);
-  --vis-crosshair-line-stroke-color: var(--color-border-dark);
-  --vis-crosshair-circle-stroke-color: var(--color-surface);
-  --vis-crosshair-circle-stroke-width: 2px;
-  --vis-crosshair-circle-stroke-opacity: 1;
-  --vis-stacked-bar-stroke-color: var(--color-surface);
-  --vis-dark-stacked-bar-stroke-color: var(--color-surface);
-  --vis-stacked-bar-stroke-width: 1px;
-  --vis-grouped-bar-hover-stroke-width: 0px;
-  --vis-area-fill-opacity: 1;
-  --vis-donut-background-color: var(--color-surface-sunken);
-  --vis-dark-donut-background-color: var(--color-surface-sunken);
-  --vis-donut-segment-stroke-color: var(--color-surface);
-  --vis-donut-segment-stroke-width: 2px;
-  --vis-donut-central-label-text-color: var(--color-heading);
-  --vis-dark-donut-central-label-text-color: var(--color-heading);
-  --vis-donut-central-sub-label-text-color: var(--color-muted);
-  --vis-dark-donut-central-sub-label-text-color: var(--color-muted);
-  --vis-legend-label-color: var(--color-muted);
-  --vis-dark-legend-label-color: var(--color-muted);
-  --vis-legend-label-font-size: 12px;
-  --vis-tooltip-background-color: var(--color-surface);
-  --vis-dark-tooltip-background-color: var(--color-surface);
-  --vis-tooltip-border-color: var(--color-border);
-  --vis-dark-tooltip-border-color: var(--color-border);
-  --vis-tooltip-text-color: var(--color-body);
-  --vis-dark-tooltip-text-color: var(--color-body);
-  --vis-tooltip-border-radius: 10px;
-  --vis-tooltip-box-shadow: var(--shadow-lg);
-  --vis-tooltip-padding: 10px 12px;
 }
 @property --tw-border-spacing-x {
   syntax: "<length>";
@@ -5024,14 +6053,29 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), pre
     opacity: 0.5;
   }
 }
-@keyframes ac-pop-in {
-  from {
-    opacity: 0;
-    transform: scale(0.95);
-  }
+@keyframes ac-loader-spin {
   to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ac-loader-glow {
+  0%, 100% {
+    opacity: 0.5;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.15;
+    transform: scale(1.15);
+  }
+}
+@keyframes ac-loader-dot {
+  0%, 70%, 100% {
+    opacity: 0.4;
+    transform: scale(1) translateY(0);
+  }
+  35% {
     opacity: 1;
-    transform: none;
+    transform: scale(1.2) translateY(-2px);
   }
 }
 @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {