@arolariu/components 0.1.2 → 0.3.0

package/dist/index.css

@@ -193,8 +193,8 @@
     --tracking-widest: .1em;
     --leading-tight: 1.25;
     --leading-snug: 1.375;
+    --leading-normal: 1.5;
     --leading-relaxed: 1.625;
-    --radius-xs: .125rem;
     --radius-sm: .25rem;
     --radius-md: .375rem;
     --radius-lg: .5rem;
@@ -469,8 +469,8 @@
 @layer components;
 
 @layer utilities {
-  .\@container\/card-header {
-    container: card-header / inline-size;
+  .\@container\/field-group {
+    container: field-group / inline-size;
   }
 
   .pointer-events-none {
@@ -490,7 +490,7 @@
   }
 
   .sr-only {
-    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
     white-space: nowrap;
     border-width: 0;
     width: 1px;
@@ -664,10 +664,6 @@
     left: calc(50% - 500px);
   }
 
-  .isolate {
-    isolation: isolate;
-  }
-
   .z-0 {
     z-index: 0;
   }
@@ -696,30 +692,26 @@
     z-index: 7;
   }
 
-  .col-span-2 {
-    grid-column: span 2 / span 2;
+  .order-first {
+    order: -9999;
   }
 
-  .col-span-3 {
-    grid-column: span 3 / span 3;
+  .order-last {
+    order: 9999;
   }
 
-  .col-start-2 {
-    grid-column-start: 2;
+  .col-span-2 {
+    grid-column: span 2 / span 2;
   }
 
-  .row-span-2 {
-    grid-row: span 2 / span 2;
+  .col-span-3 {
+    grid-column: span 3 / span 3;
   }
 
   .row-span-3 {
     grid-row: span 3 / span 3;
   }
 
-  .row-start-1 {
-    grid-row-start: 1;
-  }
-
   .container {
     width: 100%;
   }
@@ -754,6 +746,10 @@
     }
   }
 
+  .\!m-0 {
+    margin: calc(var(--spacing) * 0) !important;
+  }
+
   .m-0 {
     margin: calc(var(--spacing) * 0);
   }
@@ -774,6 +770,14 @@
     margin-inline: auto;
   }
 
+  .-my-2 {
+    margin-block: calc(var(--spacing) * -2);
+  }
+
+  .my-0 {
+    margin-block: calc(var(--spacing) * 0);
+  }
+
   .my-0\.5 {
     margin-block: calc(var(--spacing) * .5);
   }
@@ -834,6 +838,10 @@
     margin-top: calc(var(--spacing) * 16);
   }
 
+  .mt-24 {
+    margin-top: calc(var(--spacing) * 24);
+  }
+
   .mt-auto {
     margin-top: auto;
   }
@@ -902,20 +910,13 @@
     margin-left: auto;
   }
 
-  .line-clamp-1 {
-    -webkit-line-clamp: 1;
-  }
-
-  .line-clamp-1, .line-clamp-2 {
+  .line-clamp-2 {
+    -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     overflow: hidden;
   }
 
-  .line-clamp-2 {
-    -webkit-line-clamp: 2;
-  }
-
   .block {
     display: block;
   }
@@ -948,22 +949,6 @@
     display: table;
   }
 
-  .table-caption {
-    display: table-caption;
-  }
-
-  .table-cell {
-    display: table-cell;
-  }
-
-  .table-row {
-    display: table-row;
-  }
-
-  .field-sizing-content {
-    field-sizing: content;
-  }
-
   .aspect-square {
     aspect-ratio: 1;
   }
@@ -972,31 +957,11 @@
     aspect-ratio: var(--aspect-video);
   }
 
-  .size-\(--cell-size\) {
-    height: var(--cell-size);
-    width: var(--cell-size);
-  }
-
-  .size-2 {
-    height: calc(var(--spacing) * 2);
-    width: calc(var(--spacing) * 2);
-  }
-
-  .size-2\.5 {
-    height: calc(var(--spacing) * 2.5);
-    width: calc(var(--spacing) * 2.5);
-  }
-
   .size-3 {
     height: calc(var(--spacing) * 3);
     width: calc(var(--spacing) * 3);
   }
 
-  .size-3\.5 {
-    height: calc(var(--spacing) * 3.5);
-    width: calc(var(--spacing) * 3.5);
-  }
-
   .size-4 {
     height: calc(var(--spacing) * 4);
     width: calc(var(--spacing) * 4);
@@ -1007,9 +972,9 @@
     width: calc(var(--spacing) * 5);
   }
 
-  .size-7 {
-    height: calc(var(--spacing) * 7);
-    width: calc(var(--spacing) * 7);
+  .size-6 {
+    height: calc(var(--spacing) * 6);
+    width: calc(var(--spacing) * 6);
   }
 
   .size-8 {
@@ -1017,11 +982,6 @@
     width: calc(var(--spacing) * 8);
   }
 
-  .size-9 {
-    height: calc(var(--spacing) * 9);
-    width: calc(var(--spacing) * 9);
-  }
-
   .size-10 {
     height: calc(var(--spacing) * 10);
     width: calc(var(--spacing) * 10);
@@ -1037,6 +997,11 @@
     width: calc(var(--spacing) * 20);
   }
 
+  .size-\[--cell-size\] {
+    height: --cell-size;
+    width: --cell-size;
+  }
+
   .size-\[80\%\] {
     width: 80%;
     height: 80%;
@@ -1047,20 +1012,11 @@
     height: 160%;
   }
 
-  .size-auto {
-    width: auto;
-    height: auto;
-  }
-
   .size-full {
     width: 100%;
     height: 100%;
   }
 
-  .h-\(--cell-size\) {
-    height: var(--cell-size);
-  }
-
   .h-0 {
     height: calc(var(--spacing) * 0);
   }
@@ -1081,6 +1037,10 @@
     height: calc(var(--spacing) * 3);
   }
 
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
+
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -1145,8 +1105,12 @@
     height: calc(var(--spacing) * 96);
   }
 
-  .h-\[1\.15rem\] {
-    height: 1.15rem;
+  .h-\[--cell-size\] {
+    height: --cell-size;
+  }
+
+  .h-\[1px\] {
+    height: 1px;
   }
 
   .h-\[2px\] {
@@ -1189,10 +1153,6 @@
     height: 600px;
   }
 
-  .h-\[calc\(100\%-1px\)\] {
-    height: calc(100% - 1px);
-  }
-
   .h-\[calc\(100\%-3\.5rem\)\] {
     height: calc(100% - 3.5rem);
   }
@@ -1225,16 +1185,12 @@
     height: 100svh;
   }
 
-  .max-h-\(--radix-context-menu-content-available-height\) {
-    max-height: var(--radix-context-menu-content-available-height);
+  .max-h-\[--radix-context-menu-content-available-height\] {
+    max-height: --radix-context-menu-content-available-height;
   }
 
-  .max-h-\(--radix-dropdown-menu-content-available-height\) {
-    max-height: var(--radix-dropdown-menu-content-available-height);
-  }
-
-  .max-h-\(--radix-select-content-available-height\) {
-    max-height: var(--radix-select-content-available-height);
+  .max-h-\[--radix-select-content-available-height\] {
+    max-height: --radix-select-content-available-height;
   }
 
   .max-h-\[70vh\] {
@@ -1261,12 +1217,8 @@
     min-height: calc(var(--spacing) * 0);
   }
 
-  .min-h-4 {
-    min-height: calc(var(--spacing) * 4);
-  }
-
-  .min-h-16 {
-    min-height: calc(var(--spacing) * 16);
+  .min-h-\[60px\] {
+    min-height: 60px;
   }
 
   .min-h-\[100px\] {
@@ -1281,14 +1233,6 @@
     min-height: 100svh;
   }
 
-  .w-\(--cell-size\) {
-    width: var(--cell-size);
-  }
-
-  .w-\(--sidebar-width\) {
-    width: var(--sidebar-width);
-  }
-
   .w-0 {
     width: calc(var(--spacing) * 0);
   }
@@ -1313,6 +1257,10 @@
     width: calc(var(--spacing) * 3);
   }
 
+  .w-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+  }
+
   .w-3\/4 {
     width: 75%;
   }
@@ -1337,6 +1285,10 @@
     width: calc(var(--spacing) * 6);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1401,6 +1353,18 @@
     width: calc(var(--spacing) * 96);
   }
 
+  .w-\[--cell-size\] {
+    width: --cell-size;
+  }
+
+  .w-\[--sidebar-width\] {
+    width: --sidebar-width;
+  }
+
+  .w-\[1px\] {
+    width: 1px;
+  }
+
   .w-\[4px\] {
     width: 4px;
   }
@@ -1489,14 +1453,14 @@
     width: 100vw;
   }
 
-  .max-w-\(--skeleton-width\) {
-    max-width: var(--skeleton-width);
-  }
-
   .max-w-2xl {
     max-width: var(--container-2xl);
   }
 
+  .max-w-\[--skeleton-width\] {
+    max-width: --skeleton-width;
+  }
+
   .max-w-\[150px\] {
     max-width: 150px;
   }
@@ -1521,10 +1485,6 @@
     max-width: 1200px;
   }
 
-  .max-w-\[calc\(100\%-2rem\)\] {
-    max-width: calc(100% - 2rem);
-  }
-
   .max-w-lg {
     max-width: var(--container-lg);
   }
@@ -1545,10 +1505,6 @@
     max-width: var(--container-xs);
   }
 
-  .min-w-\(--cell-size\) {
-    min-width: var(--cell-size);
-  }
-
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1573,6 +1529,10 @@
     min-width: calc(var(--spacing) * 12);
   }
 
+  .min-w-\[--cell-size\] {
+    min-width: --cell-size;
+  }
+
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1617,32 +1577,32 @@
     border-collapse: collapse;
   }
 
-  .origin-\(--radix-context-menu-content-transform-origin\) {
-    transform-origin: var(--radix-context-menu-content-transform-origin);
+  .origin-\[--radix-context-menu-content-transform-origin\] {
+    transform-origin: --radix-context-menu-content-transform-origin;
   }
 
-  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
-    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+  .origin-\[--radix-dropdown-menu-content-transform-origin\] {
+    transform-origin: --radix-dropdown-menu-content-transform-origin;
   }
 
-  .origin-\(--radix-hover-card-content-transform-origin\) {
-    transform-origin: var(--radix-hover-card-content-transform-origin);
+  .origin-\[--radix-hover-card-content-transform-origin\] {
+    transform-origin: --radix-hover-card-content-transform-origin;
   }
 
-  .origin-\(--radix-menubar-content-transform-origin\) {
-    transform-origin: var(--radix-menubar-content-transform-origin);
+  .origin-\[--radix-menubar-content-transform-origin\] {
+    transform-origin: --radix-menubar-content-transform-origin;
   }
 
-  .origin-\(--radix-popover-content-transform-origin\) {
-    transform-origin: var(--radix-popover-content-transform-origin);
+  .origin-\[--radix-popover-content-transform-origin\] {
+    transform-origin: --radix-popover-content-transform-origin;
   }
 
-  .origin-\(--radix-select-content-transform-origin\) {
-    transform-origin: var(--radix-select-content-transform-origin);
+  .origin-\[--radix-select-content-transform-origin\] {
+    transform-origin: --radix-select-content-transform-origin;
   }
 
-  .origin-\(--radix-tooltip-content-transform-origin\) {
-    transform-origin: var(--radix-tooltip-content-transform-origin);
+  .origin-\[--radix-tooltip-content-transform-origin\] {
+    transform-origin: --radix-tooltip-content-transform-origin;
   }
 
   .origin-\[calc\(50\%\+400px\)\] {
@@ -1681,28 +1641,11 @@
     --tw-translate-x: 1px;
   }
 
-  .-translate-y-1\/2 {
-    --tw-translate-y: -50%;
-  }
-
-  .-translate-y-1\/2, .translate-y-0\.5 {
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
-  .translate-y-0\.5 {
-    --tw-translate-y: calc(var(--spacing) * .5);
-  }
-
-  .translate-y-\[-50\%\] {
+  .-translate-y-1\/2, .translate-y-\[-50\%\] {
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  .translate-y-\[calc\(-50\%_-_2px\)\] {
-    --tw-translate-y: calc(-50% - 2px);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
   .rotate-45 {
     rotate: 45deg;
   }
@@ -1751,6 +1694,10 @@
     cursor: pointer;
   }
 
+  .cursor-text {
+    cursor: text;
+  }
+
   .touch-none {
     touch-action: none;
   }
@@ -1763,14 +1710,6 @@
     resize: none;
   }
 
-  .scroll-my-1 {
-    scroll-margin-block: calc(var(--spacing) * 1);
-  }
-
-  .scroll-py-1 {
-    scroll-padding-block: calc(var(--spacing) * 1);
-  }
-
   .list-disc {
     list-style-type: disc;
   }
@@ -1779,10 +1718,6 @@
     list-style-type: none;
   }
 
-  .auto-rows-min {
-    grid-auto-rows: min-content;
-  }
-
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -1799,14 +1734,6 @@
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
-  .grid-cols-\[0_1fr\] {
-    grid-template-columns: 0 1fr;
-  }
-
-  .grid-rows-\[auto_auto\] {
-    grid-template-rows: auto auto;
-  }
-
   .flex-col {
     flex-direction: column;
   }
@@ -1859,14 +1786,6 @@
     justify-content: flex-start;
   }
 
-  .justify-items-start {
-    justify-items: start;
-  }
-
-  .gap-0\.5 {
-    gap: calc(var(--spacing) * .5);
-  }
-
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -1879,6 +1798,10 @@
     gap: calc(var(--spacing) * 2);
   }
 
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
+
   .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
@@ -1891,6 +1814,10 @@
     gap: calc(var(--spacing) * 6);
   }
 
+  .gap-7 {
+    gap: calc(var(--spacing) * 7);
+  }
+
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
@@ -1905,12 +1832,6 @@
     margin-block-end: calc(var(--spacing) * 0 * (1 - var(--tw-space-y-reverse)));
   }
 
-  :where(.space-y-0\.5 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(var(--spacing) * .5 * var(--tw-space-y-reverse));
-    margin-block-end: calc(var(--spacing) * .5 * (1 - var(--tw-space-y-reverse)));
-  }
-
   :where(.space-y-1 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(var(--spacing) * 1 * var(--tw-space-y-reverse));
@@ -1989,16 +1910,8 @@
     margin-inline-end: calc(var(--spacing) * 4 * (1 - var(--tw-space-x-reverse)));
   }
 
-  .gap-y-0\.5 {
-    row-gap: calc(var(--spacing) * .5);
-  }
-
-  .self-start {
-    align-self: flex-start;
-  }
-
-  .justify-self-end {
-    justify-self: flex-end;
+  .self-stretch {
+    align-self: stretch;
   }
 
   .overflow-auto {
@@ -2029,8 +1942,8 @@
     border-radius: 2px;
   }
 
-  .rounded-\[4px\] {
-    border-radius: 4px;
+  .rounded-\[calc\(var\(--radius\)-5px\)\] {
+    border-radius: calc(var(--radius)  - 5px);
   }
 
   .rounded-\[inherit\] {
@@ -2061,8 +1974,9 @@
     border-radius: var(--radius-xl);
   }
 
-  .rounded-xs {
-    border-radius: var(--radius-xs);
+  .rounded-t-\[10px\] {
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
   }
 
   .rounded-l-md {
@@ -2159,8 +2073,8 @@
     border-style: dashed;
   }
 
-  .border-\(--color-border\) {
-    border-color: var(--color-border);
+  .border-\[--color-border\] {
+    border-color: --color-border;
   }
 
   .border-amber-500 {
@@ -2207,6 +2121,16 @@
     border-color: var(--color-neutral-200);
   }
 
+  .border-neutral-200\/50 {
+    border-color: #e5e5e580;
+  }
+
+  @supports (color: color-mix(in lab,red,red)) {
+    .border-neutral-200\/50 {
+      border-color: color-mix(in oklab, var(--color-neutral-200) 50%, transparent);
+    }
+  }
+
   .border-neutral-300 {
     border-color: var(--color-neutral-300);
   }
@@ -2215,6 +2139,16 @@
     border-color: var(--color-neutral-900);
   }
 
+  .border-neutral-900\/50 {
+    border-color: #17171780;
+  }
+
+  @supports (color: color-mix(in lab,red,red)) {
+    .border-neutral-900\/50 {
+      border-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent);
+    }
+  }
+
   .border-purple-200 {
     border-color: var(--color-purple-200);
   }
@@ -2227,6 +2161,16 @@
     border-color: var(--color-purple-500);
   }
 
+  .border-red-500\/50 {
+    border-color: #fb2c3680;
+  }
+
+  @supports (color: color-mix(in lab,red,red)) {
+    .border-red-500\/50 {
+      border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
+    }
+  }
+
   .border-sidebar-border {
     border-color: var(--sidebar-border);
   }
@@ -2255,8 +2199,8 @@
     border-left-color: #0000;
   }
 
-  .bg-\(--color-bg\) {
-    background-color: var(--color-bg);
+  .bg-\[--color-bg\] {
+    background-color: --color-bg;
   }
 
   .bg-amber-50 {
@@ -2279,13 +2223,13 @@
     background-color: var(--color-black);
   }
 
-  .bg-black\/50 {
-    background-color: #00000080;
+  .bg-black\/80 {
+    background-color: #000c;
   }
 
   @supports (color: color-mix(in lab,red,red)) {
-    .bg-black\/50 {
-      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+    .bg-black\/80 {
+      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
     }
   }
 
@@ -2393,6 +2337,16 @@
     background-color: var(--color-neutral-900);
   }
 
+  .bg-neutral-900\/10 {
+    background-color: #1717171a;
+  }
+
+  @supports (color: color-mix(in lab,red,red)) {
+    .bg-neutral-900\/10 {
+      background-color: color-mix(in oklab, var(--color-neutral-900) 10%, transparent);
+    }
+  }
+
   .bg-neutral-900\/20 {
     background-color: #17171733;
   }
@@ -2751,18 +2705,10 @@
     padding: calc(var(--spacing) * 10);
   }
 
-  .p-\[3px\] {
-    padding: 3px;
-  }
-
-  .p-px {
+  .p-\[1px\] {
     padding: 1px;
   }
 
-  .px-\(--cell-size\) {
-    padding-inline: var(--cell-size);
-  }
-
   .px-0 {
     padding-inline: calc(var(--spacing) * 0);
   }
@@ -2799,6 +2745,10 @@
     padding-inline: calc(var(--spacing) * 8);
   }
 
+  .px-\[--cell-size\] {
+    padding-inline: --cell-size;
+  }
+
   .py-0\.5 {
     padding-block: calc(var(--spacing) * .5);
   }
@@ -2859,6 +2809,10 @@
     padding-right: calc(var(--spacing) * 2.5);
   }
 
+  .pr-3 {
+    padding-right: calc(var(--spacing) * 3);
+  }
+
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
@@ -2887,6 +2841,14 @@
     padding-left: calc(var(--spacing) * 2);
   }
 
+  .pl-2\.5 {
+    padding-left: calc(var(--spacing) * 2.5);
+  }
+
+  .pl-3 {
+    padding-left: calc(var(--spacing) * 3);
+  }
+
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
@@ -2923,6 +2885,10 @@
     font-family: var(--font-mono);
   }
 
+  .font-sans {
+    font-family: var(--font-sans);
+  }
+
   .text-2xl {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -2958,6 +2924,11 @@
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
 
+  .text-sm\/relaxed {
+    font-size: var(--text-sm);
+    line-height: var(--leading-relaxed);
+  }
+
   .text-xl {
     font-size: var(--text-xl);
     line-height: var(--tw-leading, var(--text-xl--line-height));
@@ -2977,6 +2948,11 @@
     line-height: 1;
   }
 
+  .leading-normal {
+    --tw-leading: var(--leading-normal);
+    line-height: var(--leading-normal);
+  }
+
   .leading-snug {
     --tw-leading: var(--leading-snug);
     line-height: var(--leading-snug);
@@ -3316,6 +3292,10 @@
     opacity: .5;
   }
 
+  .opacity-60 {
+    opacity: .6;
+  }
+
   .opacity-70 {
     opacity: .7;
   }
@@ -3400,6 +3380,11 @@
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
   }
 
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .ring-blue-500\/20 {
     --tw-ring-color: #3080ff33;
   }
@@ -3420,14 +3405,8 @@
     }
   }
 
-  .ring-neutral-950\/50 {
-    --tw-ring-color: #0a0a0a80;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .ring-neutral-950\/50 {
-      --tw-ring-color: color-mix(in oklab, var(--color-neutral-950) 50%, transparent);
-    }
+  .ring-neutral-950 {
+    --tw-ring-color: var(--color-neutral-950);
   }
 
   .ring-sidebar-ring {
@@ -3438,18 +3417,6 @@
     --tw-ring-offset-color: var(--color-white);
   }
 
-  .outline-hidden {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-
-  @media (forced-colors: active) {
-    .outline-hidden {
-      outline-offset: 2px;
-      outline: 2px solid #0000;
-    }
-  }
-
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -3494,7 +3461,7 @@
 
   .transition {
     transition-duration: var(--tw-duration, var(--default-transition-duration));
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   }
 
@@ -3546,20 +3513,15 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   }
 
-  .transition-shadow {
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-    transition-property: box-shadow;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-  }
-
   .transition-transform {
     transition-duration: var(--tw-duration, var(--default-transition-duration));
     transition-property: transform, translate, scale, rotate;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   }
 
-  .transition-none {
-    transition-property: none;
+  .duration-100 {
+    --tw-duration: .1s;
+    transition-duration: .1s;
   }
 
   .duration-200 {
@@ -3610,8 +3572,8 @@
     user-select: none;
   }
 
-  .\[--cell-size\:--spacing\(8\)\] {
-    --cell-size: calc(var(--spacing) * 8);
+  .\[--cell-size\:2rem\] {
+    --cell-size: 2rem;
   }
 
   .\[background\:linear-gradient\(20deg\,\#00f8f1\,\#ffbd1e40_16\.5\%\,\#fe848f_33\%\,\#fe848f40_49\.5\%\,\#00f8f1_66\%\,\#00f8f180_85\.5\%\,\#ffbd1e_100\%\)_0_100\%_\/_100\%_200\%\] {
@@ -3632,10 +3594,31 @@
     }
   }
 
-  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
+  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation="horizontal"]) *) {
+    text-wrap: balance;
+  }
+
+  .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
     padding-right: calc(var(--spacing) * 8);
   }
 
+  .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *) {
+    --tw-translate-y: calc(var(--spacing) * .5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) {
+    align-self: flex-start;
+  }
+
+  .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has( > input) *) {
+    padding-top: calc(var(--spacing) * 2.5);
+  }
+
+  .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has( > input) *) {
+    padding-bottom: calc(var(--spacing) * 2.5);
+  }
+
   .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
     margin-top: calc(var(--spacing) * -8);
   }
@@ -3644,32 +3627,32 @@
     display: none;
   }
 
-  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
+  .group-data-\[collapsible\=icon\]\:\!size-8:is(:where(.group)[data-collapsible="icon"] *) {
     height: calc(var(--spacing) * 8) !important;
     width: calc(var(--spacing) * 8) !important;
   }
 
-  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
-    width: var(--sidebar-width-icon);
+  .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]:is(:where(.group)[data-collapsible="icon"] *) {
+    width: --sidebar-width-icon;
   }
 
-  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
-    width: calc(var(--sidebar-width-icon)  + var(--spacing) * 4);
+  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
+    width: calc(var(--sidebar-width-icon)  + 1rem);
   }
 
-  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
-    width: calc(var(--sidebar-width-icon)  + var(--spacing) * 4 + 2px);
+  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
+    width: calc(var(--sidebar-width-icon)  + 1rem + 2px);
   }
 
   .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
     overflow: hidden;
   }
 
-  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
+  .group-data-\[collapsible\=icon\]\:\!p-0:is(:where(.group)[data-collapsible="icon"] *) {
     padding: calc(var(--spacing) * 0) !important;
   }
 
-  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
+  .group-data-\[collapsible\=icon\]\:\!p-2:is(:where(.group)[data-collapsible="icon"] *) {
     padding: calc(var(--spacing) * 2) !important;
   }
 
@@ -3694,11 +3677,7 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
-    pointer-events: none;
-  }
-
-  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
+  .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
     opacity: .5;
   }
 
@@ -3754,48 +3733,46 @@
     border-color: var(--sidebar-border);
   }
 
-  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
+  .group-data-\[variant\=floating\]\:shadow:is(:where(.group)[data-variant="floating"] *) {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
-    display: block;
+  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
+    margin-bottom: calc(var(--spacing) * -2);
   }
 
-  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *), .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
-    text-align: center;
+  .group-\[\.toast\]\:bg-neutral-100:is(:where(.group).toast *) {
+    background-color: var(--color-neutral-100);
   }
 
-  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
-    top: 100%;
+  .group-\[\.toast\]\:bg-neutral-900:is(:where(.group).toast *) {
+    background-color: var(--color-neutral-900);
   }
 
-  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
-    margin-top: calc(var(--spacing) * 1.5);
+  .group-\[\.toast\]\:text-neutral-50:is(:where(.group).toast *) {
+    color: var(--color-neutral-50);
   }
 
-  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
-    overflow: hidden;
+  .group-\[\.toast\]\:text-neutral-500:is(:where(.group).toast *) {
+    color: var(--color-neutral-500);
   }
 
-  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
-    border-radius: var(--radius-md);
+  .group-\[\.toaster\]\:border-neutral-200:is(:where(.group).toaster *) {
+    border-color: var(--color-neutral-200);
   }
 
-  .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
+  .group-\[\.toaster\]\:bg-white:is(:where(.group).toaster *) {
+    background-color: var(--color-white);
   }
 
-  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
-    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  .group-\[\.toaster\]\:text-neutral-950:is(:where(.group).toaster *) {
+    color: var(--color-neutral-950);
   }
 
-  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
-    --tw-duration: .2s;
-    transition-duration: .2s;
+  .group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *) {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
   @media (hover: hover) {
@@ -3808,10 +3785,6 @@
     cursor: not-allowed;
   }
 
-  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
-    opacity: .5;
-  }
-
   .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
     opacity: .7;
   }
@@ -3832,30 +3805,6 @@
     top: calc(var(--spacing) * 1);
   }
 
-  .selection\:bg-neutral-900 ::selection {
-    background-color: var(--color-neutral-900);
-  }
-
-  .selection\:bg-neutral-900::selection {
-    background-color: var(--color-neutral-900);
-  }
-
-  .selection\:text-neutral-50 ::selection {
-    color: var(--color-neutral-50);
-  }
-
-  .selection\:text-neutral-50::selection {
-    color: var(--color-neutral-50);
-  }
-
-  .file\:inline-flex::file-selector-button {
-    display: inline-flex;
-  }
-
-  .file\:h-7::file-selector-button {
-    height: calc(var(--spacing) * 7);
-  }
-
   .file\:border-0::file-selector-button {
     border-style: var(--tw-border-style);
     border-width: 0;
@@ -4031,16 +3980,15 @@
     border-left-width: 1px;
   }
 
+  .last\:mt-0:last-child {
+    margin-top: calc(var(--spacing) * 0);
+  }
+
   .last\:rounded-r-md:last-child {
     border-bottom-right-radius: var(--radius-md);
     border-top-right-radius: var(--radius-md);
   }
 
-  .last\:border-b-0:last-child {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 0;
-  }
-
   @media (hover: hover) {
     .hover\:border-neutral-950:hover {
       border-color: var(--color-neutral-950);
@@ -4132,6 +4080,16 @@
       background-color: var(--color-neutral-200);
     }
 
+    .hover\:bg-neutral-900\/80:hover {
+      background-color: #171717cc;
+    }
+
+    @supports (color: color-mix(in lab,red,red)) {
+      .hover\:bg-neutral-900\/80:hover {
+        background-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent);
+      }
+    }
+
     .hover\:bg-neutral-900\/90:hover {
       background-color: #171717e6;
     }
@@ -4154,6 +4112,16 @@
       background-color: var(--color-purple-700);
     }
 
+    .hover\:bg-red-500\/80:hover {
+      background-color: #fb2c36cc;
+    }
+
+    @supports (color: color-mix(in lab,red,red)) {
+      .hover\:bg-red-500\/80:hover {
+        background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent);
+      }
+    }
+
     .hover\:bg-red-500\/90:hover {
       background-color: #fb2c36e6;
     }
@@ -4276,17 +4244,10 @@
 
     .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
       --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
-    }
-
-    .hover\:ring-4:hover, .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
 
-    .hover\:ring-4:hover {
-      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    }
-
-    .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) {
+    .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:is(:where(.group)[data-collapsible="offcanvas"] *):hover {
       background-color: var(--sidebar);
     }
 
@@ -4296,10 +4257,6 @@
     }
   }
 
-  .focus\:z-10:focus {
-    z-index: 10;
-  }
-
   .focus\:border-purple-600:focus {
     border-color: var(--color-purple-600);
   }
@@ -4328,12 +4285,17 @@
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
   }
 
-  .focus\:ring-2:focus, .focus\:shadow-md:focus {
+  .focus\:ring-1:focus, .focus\:shadow-md:focus {
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .focus\:ring-1:focus {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  }
+
   .focus\:ring-2:focus {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
   .focus\:ring-neutral-950:focus {
@@ -4355,27 +4317,11 @@
     --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
 
-  .focus\:outline-hidden:focus {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-
-  @media (forced-colors: active) {
-    .focus\:outline-hidden:focus {
-      outline-offset: 2px;
-      outline: 2px solid #0000;
-    }
-  }
-
   .focus\:outline-none:focus {
     --tw-outline-style: none;
     outline-style: none;
   }
 
-  .focus-visible\:z-10:focus-visible {
-    z-index: 10;
-  }
-
   .focus-visible\:border-green-500:focus-visible {
     border-color: var(--color-green-500);
   }
@@ -4403,11 +4349,6 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .focus-visible\:ring-4:focus-visible {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
   .focus-visible\:ring-\[3px\]:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4437,14 +4378,8 @@
     }
   }
 
-  .focus-visible\:ring-red-500\/20:focus-visible {
-    --tw-ring-color: #fb2c3633;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .focus-visible\:ring-red-500\/20:focus-visible {
-      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
-    }
+  .focus-visible\:ring-sidebar-ring:focus-visible {
+    --tw-ring-color: var(--sidebar-ring);
   }
 
   .focus-visible\:ring-offset-0:focus-visible {
@@ -4462,21 +4397,8 @@
     --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
 
-  .focus-visible\:outline-hidden:focus-visible {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-
-  @media (forced-colors: active) {
-    .focus-visible\:outline-hidden:focus-visible {
-      outline-offset: 2px;
-      outline: 2px solid #0000;
-    }
-  }
-
-  .focus-visible\:outline-1:focus-visible {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
+  .focus-visible\:ring-offset-white:focus-visible {
+    --tw-ring-offset-color: var(--color-white);
   }
 
   .focus-visible\:outline-none:focus-visible {
@@ -4504,14 +4426,6 @@
     opacity: .5;
   }
 
-  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
-    cursor: w-resize;
-  }
-
-  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
-    cursor: e-resize;
-  }
-
   .has-focus\:border-neutral-950:has(:focus) {
     border-color: var(--color-neutral-950);
   }
@@ -4531,204 +4445,179 @@
     }
   }
 
-  .has-disabled\:opacity-50:has(:disabled) {
-    opacity: .5;
-  }
-
-  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
-    grid-template-columns: 1fr auto;
-  }
-
-  .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]) {
-    background-color: var(--sidebar);
-  }
-
-  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg) {
-    grid-template-columns: calc(var(--spacing) * 4) 1fr;
-  }
-
-  .has-\[\>svg\]\:gap-x-3:has( > svg) {
-    column-gap: calc(var(--spacing) * 3);
+  .has-data-\[state\=checked\]\:border-neutral-900:has([data-state="checked"]) {
+    border-color: var(--color-neutral-900);
   }
 
-  .has-\[\>svg\]\:px-2\.5:has( > svg) {
-    padding-inline: calc(var(--spacing) * 2.5);
+  .has-data-\[state\=checked\]\:bg-neutral-900\/5:has([data-state="checked"]) {
+    background-color: #1717170d;
   }
 
-  .has-\[\>svg\]\:px-3:has( > svg) {
-    padding-inline: calc(var(--spacing) * 3);
+  @supports (color: color-mix(in lab,red,red)) {
+    .has-data-\[state\=checked\]\:bg-neutral-900\/5:has([data-state="checked"]) {
+      background-color: color-mix(in oklab, var(--color-neutral-900) 5%, transparent);
+    }
   }
 
-  .has-\[\>svg\]\:px-4:has( > svg) {
-    padding-inline: calc(var(--spacing) * 4);
+  .has-\[\:disabled\]\:opacity-50:has(:disabled) {
+    opacity: .5;
   }
 
-  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
-    pointer-events: none;
+  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot="input-group-control"]:focus-visible) {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .aria-disabled\:opacity-50[aria-disabled="true"] {
-    opacity: .5;
+  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-neutral-950:has([data-slot="input-group-control"]:focus-visible) {
+    --tw-ring-color: var(--color-neutral-950);
   }
 
-  .aria-invalid\:border-red-500[aria-invalid="true"] {
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-red-500:has([data-slot][aria-invalid="true"]) {
     border-color: var(--color-red-500);
   }
 
-  .aria-invalid\:ring-red-500\/20[aria-invalid="true"] {
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-red-500\/20:has([data-slot][aria-invalid="true"]) {
     --tw-ring-color: #fb2c3633;
   }
 
   @supports (color: color-mix(in lab,red,red)) {
-    .aria-invalid\:ring-red-500\/20[aria-invalid="true"] {
+    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-red-500\/20:has([data-slot][aria-invalid="true"]) {
       --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
     }
   }
 
-  .aria-selected\:text-neutral-500[aria-selected="true"] {
-    color: var(--color-neutral-500);
-  }
-
-  .data-\[active\=true\]\:z-10[data-active="true"] {
-    z-index: 10;
+  .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant="inset"]) {
+    background-color: var(--sidebar);
   }
 
-  .data-\[active\=true\]\:border-neutral-950[data-active="true"] {
-    border-color: var(--color-neutral-950);
+  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align="block-end"]) {
+    height: auto;
   }
 
-  .data-\[active\=true\]\:bg-neutral-100\/50[data-active="true"] {
-    background-color: #f5f5f580;
+  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align="block-end"]) {
+    flex-direction: column;
   }
 
-  @supports (color: color-mix(in lab,red,red)) {
-    .data-\[active\=true\]\:bg-neutral-100\/50[data-active="true"] {
-      background-color: color-mix(in oklab, var(--color-neutral-100) 50%, transparent);
-    }
+  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align="block-start"]) {
+    height: auto;
   }
 
-  .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
-    background-color: var(--sidebar-accent);
+  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) {
+    flex-direction: column;
   }
 
-  .data-\[active\=true\]\:font-medium[data-active="true"] {
-    --tw-font-weight: var(--font-weight-medium);
-    font-weight: var(--font-weight-medium);
+  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot="button-group"]) {
+    gap: calc(var(--spacing) * 2);
   }
 
-  .data-\[active\=true\]\:text-neutral-900[data-active="true"] {
-    color: var(--color-neutral-900);
+  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) {
+    gap: calc(var(--spacing) * 3);
   }
 
-  .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
-    color: var(--sidebar-accent-foreground);
+  .has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
+    align-items: flex-start;
   }
 
-  .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  .has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot="field"]) {
+    width: 100%;
   }
 
-  .data-\[active\=true\]\:ring-neutral-950\/50[data-active="true"] {
-    --tw-ring-color: #0a0a0a80;
+  .has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot="field"]) {
+    flex-direction: column;
   }
 
-  @supports (color: color-mix(in lab,red,red)) {
-    .data-\[active\=true\]\:ring-neutral-950\/50[data-active="true"] {
-      --tw-ring-color: color-mix(in oklab, var(--color-neutral-950) 50%, transparent);
-    }
+  .has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot="field"]) {
+    border-radius: var(--radius-md);
   }
 
-  @media (hover: hover) {
-    .data-\[active\=true\]\:hover\:bg-neutral-100[data-active="true"]:hover {
-      background-color: var(--color-neutral-100);
-    }
+  .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
   }
 
-  .data-\[active\=true\]\:focus\:bg-neutral-100[data-active="true"]:focus {
-    background-color: var(--color-neutral-100);
+  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
+    gap: calc(var(--spacing) * 3);
   }
 
-  .data-\[active\=true\]\:aria-invalid\:border-red-500[data-active="true"][aria-invalid="true"] {
-    border-color: var(--color-red-500);
+  .has-\[\>button\]\:mr-\[-0\.4rem\]:has( > button) {
+    margin-right: -.4rem;
   }
 
-  .data-\[active\=true\]\:aria-invalid\:ring-red-500\/20[data-active="true"][aria-invalid="true"] {
-    --tw-ring-color: #fb2c3633;
+  .has-\[\>button\]\:ml-\[-0\.45rem\]:has( > button) {
+    margin-left: -.45rem;
   }
 
-  @supports (color: color-mix(in lab,red,red)) {
-    .data-\[active\=true\]\:aria-invalid\:ring-red-500\/20[data-active="true"][aria-invalid="true"] {
-      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
-    }
+  .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has( > kbd) {
+    margin-right: -.35rem;
   }
 
-  .data-\[disabled\]\:pointer-events-none[data-disabled] {
-    pointer-events: none;
+  .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has( > kbd) {
+    margin-left: -.35rem;
   }
 
-  .data-\[disabled\]\:opacity-50[data-disabled] {
-    opacity: .5;
+  .has-\[\>svg\]\:p-0:has( > svg) {
+    padding: calc(var(--spacing) * 0);
   }
 
-  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
-    pointer-events: none;
+  .has-\[\>svg\]\:px-2:has( > svg) {
+    padding-inline: calc(var(--spacing) * 2);
   }
 
-  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
-    opacity: .5;
+  .has-\[\>svg\]\:px-2\.5:has( > svg) {
+    padding-inline: calc(var(--spacing) * 2.5);
   }
 
-  .data-\[error\=true\]\:text-red-500[data-error="true"] {
-    color: var(--color-red-500);
+  .has-\[\>textarea\]\:h-auto:has( > textarea) {
+    height: auto;
   }
 
-  .data-\[inset\]\:pl-8[data-inset] {
-    padding-left: calc(var(--spacing) * 8);
+  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
+    pointer-events: none;
   }
 
-  .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
-    height: calc(var(--spacing) * 1.5);
+  .aria-disabled\:opacity-50[aria-disabled="true"] {
+    opacity: .5;
   }
 
-  .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
-    height: 100%;
+  .aria-selected\:text-neutral-500[aria-selected="true"] {
+    color: var(--color-neutral-500);
   }
 
-  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
-    height: 1px;
+  .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
+    background-color: var(--sidebar-accent);
   }
 
-  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
-    width: 100%;
+  .data-\[active\=true\]\:font-medium[data-active="true"] {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
   }
 
-  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
-    height: 100%;
+  .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
+    color: var(--sidebar-accent-foreground);
   }
 
-  .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] {
-    min-height: calc(var(--spacing) * 44);
+  .data-\[disabled\]\:pointer-events-none[data-disabled] {
+    pointer-events: none;
   }
 
-  .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] {
-    width: calc(var(--spacing) * 1.5);
+  .data-\[disabled\]\:opacity-50[data-disabled] {
+    opacity: .5;
   }
 
-  .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] {
-    width: auto;
+  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
+    pointer-events: none;
   }
 
-  .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
-    width: 100%;
+  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
+    opacity: .5;
   }
 
-  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
-    width: 1px;
+  .data-\[invalid\=true\]\:text-red-500[data-invalid="true"] {
+    color: var(--color-red-500);
   }
 
-  .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
-    flex-direction: column;
+  .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
+    height: auto;
   }
 
   .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
@@ -4778,11 +4667,6 @@
     border-radius: var(--radius-md);
   }
 
-  .data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] {
-    border-bottom-right-radius: var(--radius-md);
-    border-top-right-radius: var(--radius-md);
-  }
-
   .data-\[range-end\=true\]\:bg-neutral-900[data-range-end="true"] {
     background-color: var(--color-neutral-900);
   }
@@ -4807,11 +4691,6 @@
     border-radius: var(--radius-md);
   }
 
-  .data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] {
-    border-bottom-left-radius: var(--radius-md);
-    border-top-left-radius: var(--radius-md);
-  }
-
   .data-\[range-start\=true\]\:bg-neutral-900[data-range-start="true"] {
     background-color: var(--color-neutral-900);
   }
@@ -4860,55 +4739,8 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  .data-\[size\=default\]\:h-9[data-size="default"] {
-    height: calc(var(--spacing) * 9);
-  }
-
-  .data-\[size\=sm\]\:h-8[data-size="sm"] {
-    height: calc(var(--spacing) * 8);
-  }
-
-  :is(.\*\:data-\[slot\=alert-description\]\:text-red-500\/90 > *)[data-slot="alert-description"] {
-    color: #fb2c36e6;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    :is(.\*\:data-\[slot\=alert-description\]\:text-red-500\/90 > *)[data-slot="alert-description"] {
-      color: color-mix(in oklab, var(--color-red-500) 90%, transparent);
-    }
-  }
-
-  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] {
-    height: calc(var(--spacing) * 12);
-  }
-
-  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
-  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-
-  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
-    display: -webkit-box;
-    overflow: hidden;
-  }
-
-  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
-    display: flex;
-  }
-
-  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
-    align-items: center;
-  }
-
-  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
-    gap: calc(var(--spacing) * 2);
+  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
+    gap: calc(var(--spacing) * 3);
   }
 
   .data-\[state\=active\]\:bg-blue-600[data-state="active"] {
@@ -4919,24 +4751,24 @@
     background-color: var(--color-white);
   }
 
+  .data-\[state\=active\]\:text-neutral-950[data-state="active"] {
+    color: var(--color-neutral-950);
+  }
+
   .data-\[state\=active\]\:text-white[data-state="active"] {
     color: var(--color-white);
   }
 
-  .data-\[state\=active\]\:shadow-sm[data-state="active"] {
+  .data-\[state\=active\]\:shadow[data-state="active"] {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] {
-    --tw-translate-x: calc(100% - 2px);
+  .data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
+    --tw-translate-x: calc(var(--spacing) * 4);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  .data-\[state\=checked\]\:border-neutral-900[data-state="checked"] {
-    border-color: var(--color-neutral-900);
-  }
-
   .data-\[state\=checked\]\:bg-neutral-900[data-state="checked"] {
     background-color: var(--color-neutral-900);
   }
@@ -5048,128 +4880,23 @@
     background-color: var(--color-neutral-200);
   }
 
-  .data-\[variant\=destructive\]\:text-red-500[data-variant="destructive"] {
-    color: var(--color-red-500);
-  }
-
-  .data-\[variant\=destructive\]\:focus\:bg-red-500\/10[data-variant="destructive"]:focus {
-    background-color: #fb2c361a;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .data-\[variant\=destructive\]\:focus\:bg-red-500\/10[data-variant="destructive"]:focus {
-      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
-    }
-  }
-
-  .data-\[variant\=destructive\]\:focus\:text-red-500[data-variant="destructive"]:focus {
-    color: var(--color-red-500);
-  }
-
-  .data-\[variant\=outline\]\:border-l-0[data-variant="outline"] {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 0;
-  }
-
-  .data-\[variant\=outline\]\:shadow-xs[data-variant="outline"] {
-    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
-  .data-\[variant\=outline\]\:first\:border-l[data-variant="outline"]:first-child {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 1px;
-  }
-
-  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
-    inset-inline: calc(var(--spacing) * 0);
-  }
-
-  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
-    bottom: calc(var(--spacing) * 0);
-  }
-
-  .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
-    margin-top: calc(var(--spacing) * 24);
-  }
-
-  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
-    max-height: 80vh;
-  }
-
-  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] {
-    border-top-left-radius: var(--radius-lg);
-    border-top-right-radius: var(--radius-lg);
-  }
-
-  .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
-    border-top-style: var(--tw-border-style);
-    border-top-width: 1px;
-  }
-
-  .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
-    inset-block: calc(var(--spacing) * 0);
-  }
-
-  .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
-    left: calc(var(--spacing) * 0);
-  }
-
-  .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
-    width: 75%;
-  }
-
-  .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
-    border-right-style: var(--tw-border-style);
-    border-right-width: 1px;
-  }
-
-  .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
-    inset-block: calc(var(--spacing) * 0);
-  }
-
-  .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
-    right: calc(var(--spacing) * 0);
-  }
-
-  .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
-    width: 75%;
-  }
-
-  .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 1px;
-  }
-
-  .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
-    inset-inline: calc(var(--spacing) * 0);
-  }
-
-  .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
-    top: calc(var(--spacing) * 0);
-  }
-
-  .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
-    margin-bottom: calc(var(--spacing) * 24);
-  }
-
-  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
-    max-height: 80vh;
+  .data-\[variant\=label\]\:text-sm[data-variant="label"] {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
   }
 
-  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] {
-    border-bottom-left-radius: var(--radius-lg);
-    border-bottom-right-radius: var(--radius-lg);
+  .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
   }
 
-  .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
+  .nth-last-2\:-mt-1:nth-last-child(2) {
+    margin-top: calc(var(--spacing) * -1);
   }
 
   @media (width >= 40rem) {
-    .sm\:block {
-      display: block;
+    .sm\:mt-0 {
+      margin-top: calc(var(--spacing) * 0);
     }
 
     .sm\:flex {
@@ -5204,10 +4931,6 @@
       max-width: 100%;
     }
 
-    .sm\:max-w-lg {
-      max-width: var(--container-lg);
-    }
-
     .sm\:max-w-md {
       max-width: var(--container-md);
     }
@@ -5232,12 +4955,14 @@
       gap: calc(var(--spacing) * 2.5);
     }
 
-    .sm\:pr-2\.5 {
-      padding-right: calc(var(--spacing) * 2.5);
+    :where(.sm\:space-x-2 > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(var(--spacing) * 2 * var(--tw-space-x-reverse));
+      margin-inline-end: calc(var(--spacing) * 2 * (1 - var(--tw-space-x-reverse)));
     }
 
-    .sm\:pl-2\.5 {
-      padding-left: calc(var(--spacing) * 2.5);
+    .sm\:rounded-lg {
+      border-radius: var(--radius-lg);
     }
 
     .sm\:text-left {
@@ -5263,10 +4988,6 @@
       font-size: var(--text-xl);
       line-height: var(--tw-leading, var(--text-xl--line-height));
     }
-
-    .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"], .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
-      max-width: var(--container-sm);
-    }
   }
 
   @media (width >= 48rem) {
@@ -5330,10 +5051,6 @@
       justify-content: flex-end;
     }
 
-    .md\:gap-1\.5 {
-      gap: calc(var(--spacing) * 1.5);
-    }
-
     .md\:gap-4 {
       gap: calc(var(--spacing) * 4);
     }
@@ -5348,8 +5065,8 @@
       padding: calc(var(--spacing) * 4);
     }
 
-    .md\:text-left {
-      text-align: left;
+    .md\:p-12 {
+      padding: calc(var(--spacing) * 12);
     }
 
     .md\:text-3xl {
@@ -5388,17 +5105,22 @@
       border-radius: var(--radius-xl);
     }
 
-    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
+    .md\:peer-data-\[variant\=inset\]\:shadow:is(:where(.peer)[data-variant="inset"] ~ *) {
       --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
 
-    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
+    .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is(:where(.peer)[data-state="collapsed"] ~ *):is(:where(.peer)[data-variant="inset"] ~ *) {
       margin-left: calc(var(--spacing) * 2);
     }
+  }
 
-    .md\:after\:hidden:after {
-      content: var(--tw-content);
+  .after\:md\:hidden:after {
+    content: var(--tw-content);
+  }
+
+  @media (width >= 48rem) {
+    .after\:md\:hidden:after {
       display: none;
     }
   }
@@ -5470,6 +5192,20 @@
     }
   }
 
+  @container field-group (width >= 28rem) {
+    .\@md\/field-group\:flex-row {
+      flex-direction: row;
+    }
+
+    .\@md\/field-group\:items-center {
+      align-items: center;
+    }
+
+    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
+      align-items: flex-start;
+    }
+  }
+
   .dark\:border-blue-600:is(.dark *) {
     border-color: var(--color-blue-600);
   }
@@ -5486,18 +5222,52 @@
     border-color: var(--color-neutral-50);
   }
 
-  .dark\:border-neutral-200:is(.dark *) {
-    border-color: var(--color-neutral-200);
+  .dark\:border-neutral-50\/50:is(.dark *) {
+    border-color: #fafafa80;
+  }
+
+  @supports (color: color-mix(in lab,red,red)) {
+    .dark\:border-neutral-50\/50:is(.dark *) {
+      border-color: color-mix(in oklab, var(--color-neutral-50) 50%, transparent);
+    }
   }
 
   .dark\:border-neutral-700:is(.dark *) {
     border-color: var(--color-neutral-700);
   }
 
-  .dark\:border-neutral-800:is(.dark *), .dark\:dark\:border-neutral-800:is(.dark *):is(.dark *) {
+  .dark\:border-neutral-800:is(.dark *) {
     border-color: var(--color-neutral-800);
   }
 
+  .dark\:border-neutral-800\/50:is(.dark *) {
+    border-color: #26262680;
+  }
+
+  @supports (color: color-mix(in lab,red,red)) {
+    .dark\:border-neutral-800\/50:is(.dark *) {
+      border-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
+    }
+  }
+
+  .dark\:border-red-500:is(.dark *) {
+    border-color: var(--color-red-500);
+  }
+
+  .dark\:border-red-900\/50:is(.dark *) {
+    border-color: #82181a80;
+  }
+
+  @supports (color: color-mix(in lab,red,red)) {
+    .dark\:border-red-900\/50:is(.dark *) {
+      border-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
+    }
+  }
+
+  .dark\:dark\:border-red-900:is(.dark *):is(.dark *) {
+    border-color: var(--color-red-900);
+  }
+
   .dark\:bg-amber-400:is(.dark *) {
     background-color: var(--color-amber-400);
   }
@@ -5604,6 +5374,16 @@
     background-color: var(--color-neutral-50);
   }
 
+  .dark\:bg-neutral-50\/10:is(.dark *) {
+    background-color: #fafafa1a;
+  }
+
+  @supports (color: color-mix(in lab,red,red)) {
+    .dark\:bg-neutral-50\/10:is(.dark *) {
+      background-color: color-mix(in oklab, var(--color-neutral-50) 10%, transparent);
+    }
+  }
+
   .dark\:bg-neutral-50\/20:is(.dark *) {
     background-color: #fafafa33;
   }
@@ -5694,16 +5474,6 @@
     background-color: var(--color-red-400);
   }
 
-  .dark\:bg-red-500\/60:is(.dark *) {
-    background-color: #fb2c3699;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:bg-red-500\/60:is(.dark *) {
-      background-color: color-mix(in oklab, var(--color-red-500) 60%, transparent);
-    }
-  }
-
   .dark\:bg-red-900:is(.dark *) {
     background-color: var(--color-red-900);
   }
@@ -5712,6 +5482,10 @@
     background-color: var(--color-red-950);
   }
 
+  .dark\:bg-transparent:is(.dark *) {
+    background-color: #0000;
+  }
+
   .dark\:dark\:bg-neutral-800:is(.dark *):is(.dark *) {
     background-color: var(--color-neutral-800);
   }
@@ -5726,16 +5500,6 @@
     }
   }
 
-  .dark\:dark\:bg-red-900\/60:is(.dark *):is(.dark *) {
-    background-color: #82181a99;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:dark\:bg-red-900\/60:is(.dark *):is(.dark *) {
-      background-color: color-mix(in oklab, var(--color-red-900) 60%, transparent);
-    }
-  }
-
   .dark\:from-blue-500:is(.dark *) {
     --tw-gradient-from: var(--color-blue-500);
     --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));
@@ -5840,14 +5604,6 @@
     --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));
   }
 
-  .dark\:dark\:text-neutral-400:is(.dark *):is(.dark *) {
-    color: var(--color-neutral-400);
-  }
-
-  .dark\:dark\:text-red-900:is(.dark *):is(.dark *) {
-    color: var(--color-red-900);
-  }
-
   .dark\:text-blue-50:is(.dark *) {
     color: var(--color-blue-50);
   }
@@ -5902,10 +5658,6 @@
     color: var(--color-neutral-900);
   }
 
-  .dark\:text-red-500:is(.dark *) {
-    color: var(--color-red-500);
-  }
-
   .dark\:text-red-900:is(.dark *) {
     color: var(--color-red-900);
   }
@@ -5922,14 +5674,8 @@
     mix-blend-mode: plus-lighter;
   }
 
-  .dark\:ring-neutral-300\/50:is(.dark *) {
-    --tw-ring-color: #d4d4d480;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:ring-neutral-300\/50:is(.dark *) {
-      --tw-ring-color: color-mix(in oklab, var(--color-neutral-300) 50%, transparent);
-    }
+  .dark\:ring-neutral-300:is(.dark *) {
+    --tw-ring-color: var(--color-neutral-300);
   }
 
   .dark\:ring-offset-neutral-950:is(.dark *) {
@@ -5944,22 +5690,34 @@
     background: repeating-linear-gradient(#0000, #0000 1px, #fff 1px 2px);
   }
 
-  .dark\:selection\:bg-neutral-50:is(.dark *) ::selection {
+  .dark\:group-\[\.toast\]\:bg-neutral-50:is(.dark *):is(:where(.group).toast *) {
     background-color: var(--color-neutral-50);
   }
 
-  .dark\:selection\:bg-neutral-50:is(.dark *)::selection {
-    background-color: var(--color-neutral-50);
+  .dark\:group-\[\.toast\]\:bg-neutral-800:is(.dark *):is(:where(.group).toast *) {
+    background-color: var(--color-neutral-800);
   }
 
-  .dark\:selection\:text-neutral-900:is(.dark *) ::selection {
-    color: var(--color-neutral-900);
+  .dark\:group-\[\.toast\]\:text-neutral-400:is(.dark *):is(:where(.group).toast *) {
+    color: var(--color-neutral-400);
   }
 
-  .dark\:selection\:text-neutral-900:is(.dark *)::selection {
+  .dark\:group-\[\.toast\]\:text-neutral-900:is(.dark *):is(:where(.group).toast *) {
     color: var(--color-neutral-900);
   }
 
+  .dark\:group-\[\.toaster\]\:border-neutral-800:is(.dark *):is(:where(.group).toaster *) {
+    border-color: var(--color-neutral-800);
+  }
+
+  .dark\:group-\[\.toaster\]\:bg-neutral-950:is(.dark *):is(:where(.group).toaster *) {
+    background-color: var(--color-neutral-950);
+  }
+
+  .dark\:group-\[\.toaster\]\:text-neutral-50:is(.dark *):is(:where(.group).toaster *) {
+    color: var(--color-neutral-50);
+  }
+
   .dark\:file\:text-neutral-50:is(.dark *)::file-selector-button {
     color: var(--color-neutral-50);
   }
@@ -5978,16 +5736,6 @@
       border-color: var(--color-neutral-50);
     }
 
-    .dark\:dark\:hover\:bg-neutral-800\/50:is(.dark *):is(.dark *):hover {
-      background-color: #26262680;
-    }
-
-    @supports (color: color-mix(in lab,red,red)) {
-      .dark\:dark\:hover\:bg-neutral-800\/50:is(.dark *):is(.dark *):hover {
-        background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
-      }
-    }
-
     .dark\:hover\:bg-amber-800:is(.dark *):hover {
       background-color: var(--color-amber-800);
     }
@@ -6018,33 +5766,23 @@
       background-color: var(--color-green-800);
     }
 
-    .dark\:hover\:bg-neutral-50\/90:is(.dark *):hover {
-      background-color: #fafafae6;
-    }
-
-    @supports (color: color-mix(in lab,red,red)) {
-      .dark\:hover\:bg-neutral-50\/90:is(.dark *):hover {
-        background-color: color-mix(in oklab, var(--color-neutral-50) 90%, transparent);
-      }
-    }
-
-    .dark\:hover\:bg-neutral-100\/50:is(.dark *):hover {
-      background-color: #f5f5f580;
+    .dark\:hover\:bg-neutral-50\/80:is(.dark *):hover {
+      background-color: #fafafacc;
     }
 
     @supports (color: color-mix(in lab,red,red)) {
-      .dark\:hover\:bg-neutral-100\/50:is(.dark *):hover {
-        background-color: color-mix(in oklab, var(--color-neutral-100) 50%, transparent);
+      .dark\:hover\:bg-neutral-50\/80:is(.dark *):hover {
+        background-color: color-mix(in oklab, var(--color-neutral-50) 80%, transparent);
       }
     }
 
-    .dark\:hover\:bg-neutral-200\/50:is(.dark *):hover {
-      background-color: #e5e5e580;
+    .dark\:hover\:bg-neutral-50\/90:is(.dark *):hover {
+      background-color: #fafafae6;
     }
 
     @supports (color: color-mix(in lab,red,red)) {
-      .dark\:hover\:bg-neutral-200\/50:is(.dark *):hover {
-        background-color: color-mix(in oklab, var(--color-neutral-200) 50%, transparent);
+      .dark\:hover\:bg-neutral-50\/90:is(.dark *):hover {
+        background-color: color-mix(in oklab, var(--color-neutral-50) 90%, transparent);
       }
     }
 
@@ -6090,6 +5828,16 @@
       }
     }
 
+    .dark\:hover\:bg-red-900\/80:is(.dark *):hover {
+      background-color: #82181acc;
+    }
+
+    @supports (color: color-mix(in lab,red,red)) {
+      .dark\:hover\:bg-red-900\/80:is(.dark *):hover {
+        background-color: color-mix(in oklab, var(--color-red-900) 80%, transparent);
+      }
+    }
+
     .dark\:hover\:bg-red-900\/90:is(.dark *):hover {
       background-color: #82181ae6;
     }
@@ -6100,10 +5848,6 @@
       }
     }
 
-    .dark\:dark\:hover\:text-neutral-50:is(.dark *):is(.dark *):hover {
-      color: var(--color-neutral-50);
-    }
-
     .dark\:hover\:text-blue-300:is(.dark *):hover {
       color: var(--color-blue-300);
     }
@@ -6115,10 +5859,6 @@
     .dark\:hover\:text-neutral-400:is(.dark *):hover {
       color: var(--color-neutral-400);
     }
-
-    .dark\:hover\:text-neutral-900:is(.dark *):hover {
-      color: var(--color-neutral-900);
-    }
   }
 
   .dark\:focus\:bg-blue-900:is(.dark *):focus {
@@ -6141,16 +5881,6 @@
     border-color: var(--color-neutral-300);
   }
 
-  .dark\:dark\:focus-visible\:ring-red-900\/40:is(.dark *):is(.dark *):focus-visible {
-    --tw-ring-color: #82181a66;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:dark\:focus-visible\:ring-red-900\/40:is(.dark *):is(.dark *):focus-visible {
-      --tw-ring-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
-    }
-  }
-
   .dark\:focus-visible\:ring-neutral-300:is(.dark *):focus-visible {
     --tw-ring-color: var(--color-neutral-300);
   }
@@ -6165,24 +5895,8 @@
     }
   }
 
-  .dark\:focus-visible\:ring-red-500\/40:is(.dark *):focus-visible {
-    --tw-ring-color: #fb2c3666;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:focus-visible\:ring-red-500\/40:is(.dark *):focus-visible {
-      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
-    }
-  }
-
-  .dark\:focus-visible\:ring-red-900\/20:is(.dark *):focus-visible {
-    --tw-ring-color: #82181a33;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:focus-visible\:ring-red-900\/20:is(.dark *):focus-visible {
-      --tw-ring-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
-    }
+  .dark\:focus-visible\:ring-offset-neutral-950:is(.dark *):focus-visible {
+    --tw-ring-offset-color: var(--color-neutral-950);
   }
 
   .dark\:has-focus\:border-neutral-300:is(.dark *):has(:focus) {
@@ -6199,117 +5913,83 @@
     }
   }
 
-  .dark\:aria-invalid\:border-red-900:is(.dark *)[aria-invalid="true"] {
-    border-color: var(--color-red-900);
+  .dark\:has-data-\[state\=checked\]\:border-neutral-50:is(.dark *):has([data-state="checked"]) {
+    border-color: var(--color-neutral-50);
   }
 
-  .dark\:aria-invalid\:ring-red-500\/40:is(.dark *)[aria-invalid="true"] {
-    --tw-ring-color: #fb2c3666;
+  .dark\:dark\:has-data-\[state\=checked\]\:bg-neutral-50\/10:is(.dark *):is(.dark *):has([data-state="checked"]) {
+    background-color: #fafafa1a;
   }
 
   @supports (color: color-mix(in lab,red,red)) {
-    .dark\:aria-invalid\:ring-red-500\/40:is(.dark *)[aria-invalid="true"] {
-      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
+    .dark\:dark\:has-data-\[state\=checked\]\:bg-neutral-50\/10:is(.dark *):is(.dark *):has([data-state="checked"]) {
+      background-color: color-mix(in oklab, var(--color-neutral-50) 10%, transparent);
     }
   }
 
-  .dark\:aria-invalid\:ring-red-900\/20:is(.dark *)[aria-invalid="true"] {
-    --tw-ring-color: #82181a33;
+  .dark\:has-data-\[state\=checked\]\:bg-neutral-50\/5:is(.dark *):has([data-state="checked"]) {
+    background-color: #fafafa0d;
   }
 
   @supports (color: color-mix(in lab,red,red)) {
-    .dark\:aria-invalid\:ring-red-900\/20:is(.dark *)[aria-invalid="true"] {
-      --tw-ring-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
+    .dark\:has-data-\[state\=checked\]\:bg-neutral-50\/5:is(.dark *):has([data-state="checked"]) {
+      background-color: color-mix(in oklab, var(--color-neutral-50) 5%, transparent);
     }
   }
 
-  .dark\:dark\:aria-invalid\:ring-red-900\/40:is(.dark *):is(.dark *)[aria-invalid="true"] {
-    --tw-ring-color: #82181a66;
+  .dark\:has-data-\[state\=checked\]\:bg-neutral-900\/10:is(.dark *):has([data-state="checked"]) {
+    background-color: #1717171a;
   }
 
   @supports (color: color-mix(in lab,red,red)) {
-    .dark\:dark\:aria-invalid\:ring-red-900\/40:is(.dark *):is(.dark *)[aria-invalid="true"] {
-      --tw-ring-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
+    .dark\:has-data-\[state\=checked\]\:bg-neutral-900\/10:is(.dark *):has([data-state="checked"]) {
+      background-color: color-mix(in oklab, var(--color-neutral-900) 10%, transparent);
     }
   }
 
-  .dark\:aria-selected\:text-neutral-400:is(.dark *)[aria-selected="true"] {
-    color: var(--color-neutral-400);
+  .dark\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-neutral-300:is(.dark *):has([data-slot="input-group-control"]:focus-visible) {
+    --tw-ring-color: var(--color-neutral-300);
   }
 
-  .dark\:data-\[active\=true\]\:border-neutral-300:is(.dark *)[data-active="true"] {
-    border-color: var(--color-neutral-300);
+  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-red-900:is(.dark *):has([data-slot][aria-invalid="true"]) {
+    border-color: var(--color-red-900);
   }
 
-  .dark\:data-\[active\=true\]\:bg-neutral-800\/50:is(.dark *)[data-active="true"] {
-    background-color: #26262680;
+  .dark\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-red-900\/40:is(.dark *):is(.dark *):has([data-slot][aria-invalid="true"]) {
+    --tw-ring-color: #82181a66;
   }
 
   @supports (color: color-mix(in lab,red,red)) {
-    .dark\:data-\[active\=true\]\:bg-neutral-800\/50:is(.dark *)[data-active="true"] {
-      background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
+    .dark\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-red-900\/40:is(.dark *):is(.dark *):has([data-slot][aria-invalid="true"]) {
+      --tw-ring-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
     }
   }
 
-  .dark\:data-\[active\=true\]\:text-neutral-50:is(.dark *)[data-active="true"] {
-    color: var(--color-neutral-50);
-  }
-
-  .dark\:data-\[active\=true\]\:ring-neutral-300\/50:is(.dark *)[data-active="true"] {
-    --tw-ring-color: #d4d4d480;
+  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-red-500\/40:is(.dark *):has([data-slot][aria-invalid="true"]) {
+    --tw-ring-color: #fb2c3666;
   }
 
   @supports (color: color-mix(in lab,red,red)) {
-    .dark\:data-\[active\=true\]\:ring-neutral-300\/50:is(.dark *)[data-active="true"] {
-      --tw-ring-color: color-mix(in oklab, var(--color-neutral-300) 50%, transparent);
-    }
-  }
-
-  @media (hover: hover) {
-    .dark\:data-\[active\=true\]\:hover\:bg-neutral-800:is(.dark *)[data-active="true"]:hover {
-      background-color: var(--color-neutral-800);
-    }
-  }
-
-  .dark\:data-\[active\=true\]\:focus\:bg-neutral-800:is(.dark *)[data-active="true"]:focus {
-    background-color: var(--color-neutral-800);
-  }
-
-  .dark\:data-\[active\=true\]\:aria-invalid\:border-red-900:is(.dark *)[data-active="true"][aria-invalid="true"] {
-    border-color: var(--color-red-900);
-  }
-
-  .dark\:dark\:data-\[active\=true\]\:aria-invalid\:ring-red-900\/40:is(.dark *):is(.dark *)[data-active="true"][aria-invalid="true"] {
-    --tw-ring-color: #82181a66;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:dark\:data-\[active\=true\]\:aria-invalid\:ring-red-900\/40:is(.dark *):is(.dark *)[data-active="true"][aria-invalid="true"] {
-      --tw-ring-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
-    }
-  }
-
-  .dark\:data-\[active\=true\]\:aria-invalid\:ring-red-500\/40:is(.dark *)[data-active="true"][aria-invalid="true"] {
-    --tw-ring-color: #fb2c3666;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:data-\[active\=true\]\:aria-invalid\:ring-red-500\/40:is(.dark *)[data-active="true"][aria-invalid="true"] {
+    .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-red-500\/40:is(.dark *):has([data-slot][aria-invalid="true"]) {
       --tw-ring-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
     }
   }
 
-  .dark\:data-\[active\=true\]\:aria-invalid\:ring-red-900\/20:is(.dark *)[data-active="true"][aria-invalid="true"] {
+  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-red-900\/20:is(.dark *):has([data-slot][aria-invalid="true"]) {
     --tw-ring-color: #82181a33;
   }
 
   @supports (color: color-mix(in lab,red,red)) {
-    .dark\:data-\[active\=true\]\:aria-invalid\:ring-red-900\/20:is(.dark *)[data-active="true"][aria-invalid="true"] {
+    .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-red-900\/20:is(.dark *):has([data-slot][aria-invalid="true"]) {
       --tw-ring-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
     }
   }
 
-  .dark\:data-\[error\=true\]\:text-red-900:is(.dark *)[data-error="true"] {
+  .dark\:aria-selected\:text-neutral-400:is(.dark *)[aria-selected="true"] {
+    color: var(--color-neutral-400);
+  }
+
+  .dark\:data-\[invalid\=true\]\:text-red-900:is(.dark *)[data-invalid="true"] {
     color: var(--color-red-900);
   }
 
@@ -6357,80 +6037,22 @@
     color: var(--color-neutral-50);
   }
 
-  :is(.dark\:\*\:data-\[slot\=alert-description\]\:text-red-900\/90:is(.dark *) > *)[data-slot="alert-description"] {
-    color: #82181ae6;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    :is(.dark\:\*\:data-\[slot\=alert-description\]\:text-red-900\/90:is(.dark *) > *)[data-slot="alert-description"] {
-      color: color-mix(in oklab, var(--color-red-900) 90%, transparent);
-    }
-  }
-
-  .dark\:dark\:data-\[state\=active\]\:border-neutral-800:is(.dark *):is(.dark *)[data-state="active"] {
-    border-color: var(--color-neutral-800);
-  }
-
-  .dark\:data-\[state\=active\]\:border-neutral-200:is(.dark *)[data-state="active"] {
-    border-color: var(--color-neutral-200);
-  }
-
-  .dark\:dark\:data-\[state\=active\]\:bg-neutral-800\/30:is(.dark *):is(.dark *)[data-state="active"] {
-    background-color: #2626264d;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:dark\:data-\[state\=active\]\:bg-neutral-800\/30:is(.dark *):is(.dark *)[data-state="active"] {
-      background-color: color-mix(in oklab, var(--color-neutral-800) 30%, transparent);
-    }
-  }
-
   .dark\:data-\[state\=active\]\:bg-blue-700:is(.dark *)[data-state="active"] {
     background-color: var(--color-blue-700);
   }
 
-  .dark\:data-\[state\=active\]\:bg-neutral-200\/30:is(.dark *)[data-state="active"] {
-    background-color: #e5e5e54d;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:data-\[state\=active\]\:bg-neutral-200\/30:is(.dark *)[data-state="active"] {
-      background-color: color-mix(in oklab, var(--color-neutral-200) 30%, transparent);
-    }
-  }
-
   .dark\:data-\[state\=active\]\:bg-neutral-950:is(.dark *)[data-state="active"] {
     background-color: var(--color-neutral-950);
   }
 
-  .dark\:dark\:data-\[state\=active\]\:text-neutral-50:is(.dark *):is(.dark *)[data-state="active"] {
+  .dark\:data-\[state\=active\]\:text-neutral-50:is(.dark *)[data-state="active"] {
     color: var(--color-neutral-50);
   }
 
-  .dark\:data-\[state\=active\]\:text-neutral-950:is(.dark *)[data-state="active"] {
-    color: var(--color-neutral-950);
-  }
-
-  .dark\:data-\[state\=checked\]\:border-neutral-50:is(.dark *)[data-state="checked"] {
-    border-color: var(--color-neutral-50);
-  }
-
-  .dark\:dark\:data-\[state\=checked\]\:bg-neutral-50:is(.dark *):is(.dark *)[data-state="checked"] {
-    background-color: var(--color-neutral-50);
-  }
-
-  .dark\:dark\:data-\[state\=checked\]\:bg-neutral-900:is(.dark *):is(.dark *)[data-state="checked"] {
-    background-color: var(--color-neutral-900);
-  }
-
   .dark\:data-\[state\=checked\]\:bg-neutral-50:is(.dark *)[data-state="checked"] {
     background-color: var(--color-neutral-50);
   }
 
-  .dark\:data-\[state\=checked\]\:bg-neutral-900:is(.dark *)[data-state="checked"] {
-    background-color: var(--color-neutral-900);
-  }
-
   .dark\:data-\[state\=checked\]\:text-neutral-900:is(.dark *)[data-state="checked"] {
     color: var(--color-neutral-900);
   }
@@ -6495,124 +6117,28 @@
     }
   }
 
-  .dark\:data-\[state\=open\]\:focus\:bg-neutral-800:is(.dark *)[data-state="open"]:focus, .dark\:data-\[state\=selected\]\:bg-neutral-800:is(.dark *)[data-state="selected"] {
-    background-color: var(--color-neutral-800);
-  }
-
-  .dark\:dark\:data-\[state\=unchecked\]\:bg-neutral-50:is(.dark *):is(.dark *)[data-state="unchecked"] {
-    background-color: var(--color-neutral-50);
-  }
-
-  .dark\:dark\:data-\[state\=unchecked\]\:bg-neutral-800\/80:is(.dark *):is(.dark *)[data-state="unchecked"] {
-    background-color: #262626cc;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:dark\:data-\[state\=unchecked\]\:bg-neutral-800\/80:is(.dark *):is(.dark *)[data-state="unchecked"] {
-      background-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
-    }
-  }
-
-  .dark\:data-\[state\=unchecked\]\:bg-neutral-200\/80:is(.dark *)[data-state="unchecked"] {
-    background-color: #e5e5e5cc;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:data-\[state\=unchecked\]\:bg-neutral-200\/80:is(.dark *)[data-state="unchecked"] {
-      background-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent);
-    }
-  }
-
-  .dark\:data-\[state\=unchecked\]\:bg-neutral-800:is(.dark *)[data-state="unchecked"] {
+  .dark\:data-\[state\=open\]\:focus\:bg-neutral-800:is(.dark *)[data-state="open"]:focus, .dark\:data-\[state\=selected\]\:bg-neutral-800:is(.dark *)[data-state="selected"], .dark\:data-\[state\=unchecked\]\:bg-neutral-800:is(.dark *)[data-state="unchecked"] {
     background-color: var(--color-neutral-800);
   }
 
-  .dark\:data-\[state\=unchecked\]\:bg-neutral-950:is(.dark *)[data-state="unchecked"] {
-    background-color: var(--color-neutral-950);
-  }
-
-  .dark\:data-\[variant\=destructive\]\:text-red-900:is(.dark *)[data-variant="destructive"] {
-    color: var(--color-red-900);
-  }
-
-  .dark\:dark\:data-\[variant\=destructive\]\:focus\:bg-red-900\/20:is(.dark *):is(.dark *)[data-variant="destructive"]:focus {
-    background-color: #82181a33;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:dark\:data-\[variant\=destructive\]\:focus\:bg-red-900\/20:is(.dark *):is(.dark *)[data-variant="destructive"]:focus {
-      background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
-    }
-  }
-
-  .dark\:data-\[variant\=destructive\]\:focus\:bg-red-500\/20:is(.dark *)[data-variant="destructive"]:focus {
-    background-color: #fb2c3633;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:data-\[variant\=destructive\]\:focus\:bg-red-500\/20:is(.dark *)[data-variant="destructive"]:focus {
-      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
-    }
-  }
-
-  .dark\:data-\[variant\=destructive\]\:focus\:bg-red-900\/10:is(.dark *)[data-variant="destructive"]:focus {
-    background-color: #82181a1a;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:data-\[variant\=destructive\]\:focus\:bg-red-900\/10:is(.dark *)[data-variant="destructive"]:focus {
-      background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent);
-    }
-  }
-
-  .dark\:data-\[variant\=destructive\]\:focus\:text-red-900:is(.dark *)[data-variant="destructive"]:focus {
-    color: var(--color-red-900);
-  }
-
   .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
     stroke: #0000;
   }
 
-  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-
-  @media (forced-colors: active) {
-    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
-      outline-offset: 2px;
-      outline: 2px solid #0000;
-    }
-  }
-
-  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
+  .\[\&_\.recharts-layer\]\:outline-none .recharts-layer, .\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
     --tw-outline-style: none;
     outline-style: none;
   }
 
-  @media (forced-colors: active) {
-    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
-      outline-offset: 2px;
-      outline: 2px solid #0000;
-    }
-  }
-
   .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
     stroke: #0000;
   }
 
-  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
+  .\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
     --tw-outline-style: none;
     outline-style: none;
   }
 
-  @media (forced-colors: active) {
-    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
-      outline-offset: 2px;
-      outline: 2px solid #0000;
-    }
-  }
-
   .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
     padding-inline: calc(var(--spacing) * 2);
   }
@@ -6675,6 +6201,15 @@
     width: calc(var(--spacing) * 5);
   }
 
+  .\[\&_img\]\:size-full img {
+    width: 100%;
+    height: 100%;
+  }
+
+  .\[\&_img\]\:object-cover img {
+    object-fit: cover;
+  }
+
   .\[\&_p\]\:leading-relaxed p {
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
@@ -6684,21 +6219,28 @@
     pointer-events: none;
   }
 
+  .\[\&_svg\]\:size-4 svg {
+    height: calc(var(--spacing) * 4);
+    width: calc(var(--spacing) * 4);
+  }
+
   .\[\&_svg\]\:shrink-0 svg {
     flex-shrink: 0;
   }
 
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
+    height: calc(var(--spacing) * 3);
+    width: calc(var(--spacing) * 3);
+  }
+
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
     height: calc(var(--spacing) * 4);
     width: calc(var(--spacing) * 4);
   }
 
-  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-neutral-500 svg:not([class*="text-"]) {
-    color: var(--color-neutral-500);
-  }
-
-  .dark\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-neutral-400:is(.dark *) svg:not([class*="text-"]) {
-    color: var(--color-neutral-400);
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) {
+    height: calc(var(--spacing) * 6);
+    width: calc(var(--spacing) * 6);
   }
 
   .\[\&_tr\]\:border-b tr {
@@ -6711,6 +6253,10 @@
     border-width: 0;
   }
 
+  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
+    flex: none;
+  }
+
   .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button {
     border-bottom-left-radius: var(--radius-md);
     border-top-left-radius: var(--radius-md);
@@ -6728,28 +6274,44 @@
     padding-right: calc(var(--spacing) * 0);
   }
 
-  .\[\.border-b\]\:pb-6.border-b {
-    padding-bottom: calc(var(--spacing) * 6);
+  .\[\.border-b\]\:pb-3.border-b {
+    padding-bottom: calc(var(--spacing) * 3);
   }
 
-  .\[\.border-t\]\:pt-6.border-t {
-    padding-top: calc(var(--spacing) * 6);
+  .\[\.border-t\]\:pt-3.border-t {
+    padding-top: calc(var(--spacing) * 3);
   }
 
   :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) {
     rotate: 180deg;
   }
 
-  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
-    display: flex;
+  .\[a\]\:transition-colors:is(a) {
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   }
 
-  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
-    align-items: center;
-  }
+  @media (hover: hover) {
+    .\[a\]\:hover\:bg-neutral-100\/50:is(a):hover {
+      background-color: #f5f5f580;
+    }
 
-  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
-    gap: calc(var(--spacing) * 2);
+    @supports (color: color-mix(in lab,red,red)) {
+      .\[a\]\:hover\:bg-neutral-100\/50:is(a):hover {
+        background-color: color-mix(in oklab, var(--color-neutral-100) 50%, transparent);
+      }
+    }
+
+    .dark\:\[a\]\:hover\:bg-neutral-800\/50:is(.dark *):is(a):hover {
+      background-color: #26262680;
+    }
+
+    @supports (color: color-mix(in lab,red,red)) {
+      .dark\:\[a\]\:hover\:bg-neutral-800\/50:is(.dark *):is(a):hover {
+        background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
+      }
+    }
   }
 
   .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button {
@@ -6757,15 +6319,151 @@
     border-top-right-radius: var(--radius-md);
   }
 
+  .\[\&\>\*\]\:w-full > * {
+    width: 100%;
+  }
+
+  .\[\&\>\*\]\:focus-visible\:relative > :focus-visible {
+    position: relative;
+  }
+
+  .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible {
+    z-index: 10;
+  }
+
+  @container field-group (width >= 28rem) {
+    .\@md\/field-group\:\[\&\>\*\]\:w-auto > * {
+      width: auto;
+    }
+  }
+
+  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 0;
+  }
+
+  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 0;
+  }
+
+  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .\[\&\>\.sr-only\]\:w-auto > .sr-only {
+    width: auto;
+  }
+
+  .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"] {
+    gap: calc(var(--spacing) * 4);
+  }
+
+  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
+    flex: auto;
+  }
+
+  @container field-group (width >= 28rem) {
+    .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
+      flex: auto;
+    }
+  }
+
+  .\[\&\>\[data-slot\=field\]\]\:p-4 > [data-slot="field"] {
+    padding: calc(var(--spacing) * 4);
+  }
+
+  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type {
+    border-bottom-right-radius: var(--radius-md);
+    border-top-right-radius: var(--radius-md);
+  }
+
+  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) {
+    width: fit-content;
+  }
+
   .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
     --tw-translate-y: 2px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"] {
+    margin-top: 1px;
+  }
+
+  @container field-group (width >= 28rem) {
+    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"] {
+      margin-top: 1px;
+    }
+  }
+
+  .\[\&\>a\]\:underline > a {
+    text-decoration-line: underline;
+  }
+
+  .\[\&\>a\]\:underline-offset-4 > a {
+    text-underline-offset: 4px;
+  }
+
+  .\[\&\>a\:hover\]\:text-neutral-900 > a:hover {
+    color: var(--color-neutral-900);
+  }
+
+  .dark\:\[\&\>a\:hover\]\:text-neutral-50:is(.dark *) > a:hover {
+    color: var(--color-neutral-50);
+  }
+
   .\[\&\>button\]\:hidden > button {
     display: none;
   }
 
+  .\[\&\>input\]\:flex-1 > input {
+    flex: 1;
+  }
+
+  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align="block-end"]) > input {
+    padding-top: calc(var(--spacing) * 3);
+  }
+
+  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align="block-start"]) > input {
+    padding-bottom: calc(var(--spacing) * 3);
+  }
+
+  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has( > [data-align="inline-end"]) > input {
+    padding-right: calc(var(--spacing) * 2);
+  }
+
+  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has( > [data-align="inline-start"]) > input {
+    padding-left: calc(var(--spacing) * 2);
+  }
+
+  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
+    border-radius: calc(var(--radius)  - 5px);
+  }
+
+  .\[\&\>span\]\:line-clamp-1 > span {
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    overflow: hidden;
+  }
+
   .\[\&\>span\]\:text-xs > span {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -6781,13 +6479,16 @@
     overflow: hidden;
   }
 
-  .\[\&\>svg\]\:pointer-events-none > svg {
-    pointer-events: none;
+  .\[\&\>svg\]\:absolute > svg {
+    position: absolute;
   }
 
-  .\[\&\>svg\]\:size-3 > svg {
-    height: calc(var(--spacing) * 3);
-    width: calc(var(--spacing) * 3);
+  .\[\&\>svg\]\:top-4 > svg {
+    top: calc(var(--spacing) * 4);
+  }
+
+  .\[\&\>svg\]\:left-4 > svg {
+    left: calc(var(--spacing) * 4);
   }
 
   .\[\&\>svg\]\:size-3\.5 > svg {
@@ -6808,6 +6509,10 @@
     height: calc(var(--spacing) * 3);
   }
 
+  .\[\&\>svg\]\:h-3\.5 > svg {
+    height: calc(var(--spacing) * 3.5);
+  }
+
   .\[\&\>svg\]\:w-2\.5 > svg {
     width: calc(var(--spacing) * 2.5);
   }
@@ -6816,31 +6521,61 @@
     width: calc(var(--spacing) * 3);
   }
 
+  .\[\&\>svg\]\:w-3\.5 > svg {
+    width: calc(var(--spacing) * 3.5);
+  }
+
   .\[\&\>svg\]\:shrink-0 > svg {
     flex-shrink: 0;
   }
 
-  .\[\&\>svg\]\:translate-y-0\.5 > svg {
-    --tw-translate-y: calc(var(--spacing) * .5);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
+  .\[\&\>svg\]\:text-neutral-500 > svg {
+    color: var(--color-neutral-500);
   }
 
-  .\[\&\>svg\]\:text-current > svg {
-    color: currentColor;
+  .\[\&\>svg\]\:text-neutral-950 > svg {
+    color: var(--color-neutral-950);
   }
 
-  .\[\&\>svg\]\:text-neutral-500 > svg {
-    color: var(--color-neutral-500);
+  .\[\&\>svg\]\:text-red-500 > svg {
+    color: var(--color-red-500);
   }
 
   .\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
     color: var(--sidebar-accent-foreground);
   }
 
+  .dark\:\[\&\>svg\]\:text-neutral-50:is(.dark *) > svg {
+    color: var(--color-neutral-50);
+  }
+
   .dark\:\[\&\>svg\]\:text-neutral-400:is(.dark *) > svg {
     color: var(--color-neutral-400);
   }
 
+  .dark\:\[\&\>svg\]\:text-red-900:is(.dark *) > svg {
+    color: var(--color-red-900);
+  }
+
+  .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
+    --tw-translate-y: -3px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
+    height: calc(var(--spacing) * 3.5);
+    width: calc(var(--spacing) * 3.5);
+  }
+
+  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) {
+    height: calc(var(--spacing) * 4);
+    width: calc(var(--spacing) * 4);
+  }
+
+  .\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
+    padding-left: calc(var(--spacing) * 7);
+  }
+
   .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0;
@@ -6854,11 +6589,15 @@
     rotate: 180deg;
   }
 
+  [data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
+    cursor: w-resize;
+  }
+
   [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
     right: calc(var(--spacing) * -2);
   }
 
-  [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
+  [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize, [data-side="right"] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
     cursor: e-resize;
   }
 
@@ -6874,82 +6613,56 @@
     background-color: #0000;
   }
 
-  @media (hover: hover) {
-    a.\[a\&\]\:hover\:bg-neutral-100:hover {
-      background-color: var(--color-neutral-100);
-    }
-
-    a.\[a\&\]\:hover\:bg-neutral-100\/90:hover {
-      background-color: #f5f5f5e6;
-    }
-
-    @supports (color: color-mix(in lab,red,red)) {
-      a.\[a\&\]\:hover\:bg-neutral-100\/90:hover {
-        background-color: color-mix(in oklab, var(--color-neutral-100) 90%, transparent);
-      }
-    }
-
-    a.\[a\&\]\:hover\:bg-neutral-900\/90:hover {
-      background-color: #171717e6;
-    }
-
-    @supports (color: color-mix(in lab,red,red)) {
-      a.\[a\&\]\:hover\:bg-neutral-900\/90:hover {
-        background-color: color-mix(in oklab, var(--color-neutral-900) 90%, transparent);
-      }
-    }
-
-    a.\[a\&\]\:hover\:bg-red-500\/90:hover {
-      background-color: #fb2c36e6;
-    }
+  [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-white\/20 {
+    background-color: #fff3;
+  }
 
-    @supports (color: color-mix(in lab,red,red)) {
-      a.\[a\&\]\:hover\:bg-red-500\/90:hover {
-        background-color: color-mix(in oklab, var(--color-red-500) 90%, transparent);
-      }
+  @supports (color: color-mix(in lab,red,red)) {
+    [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-white\/20 {
+      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
     }
+  }
 
-    a.\[a\&\]\:hover\:text-neutral-900:hover {
-      color: var(--color-neutral-900);
-    }
+  [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:text-white {
+    color: var(--color-white);
+  }
 
-    a.dark\:\[a\&\]\:hover\:bg-neutral-50\/90:is(.dark *):hover {
-      background-color: #fafafae6;
-    }
+  [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-neutral-950\/20:is(.dark *) {
+    background-color: #0a0a0a33;
+  }
 
-    @supports (color: color-mix(in lab,red,red)) {
-      a.dark\:\[a\&\]\:hover\:bg-neutral-50\/90:is(.dark *):hover {
-        background-color: color-mix(in oklab, var(--color-neutral-50) 90%, transparent);
-      }
+  @supports (color: color-mix(in lab,red,red)) {
+    [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-neutral-950\/20:is(.dark *) {
+      background-color: color-mix(in oklab, var(--color-neutral-950) 20%, transparent);
     }
+  }
 
-    a.dark\:\[a\&\]\:hover\:bg-neutral-800:is(.dark *):hover {
-      background-color: var(--color-neutral-800);
-    }
+  [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-white\/10:is(.dark *) {
+    background-color: #ffffff1a;
+  }
 
-    a.dark\:\[a\&\]\:hover\:bg-neutral-800\/90:is(.dark *):hover {
-      background-color: #262626e6;
+  @supports (color: color-mix(in lab,red,red)) {
+    [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-white\/10:is(.dark *) {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
     }
+  }
 
-    @supports (color: color-mix(in lab,red,red)) {
-      a.dark\:\[a\&\]\:hover\:bg-neutral-800\/90:is(.dark *):hover {
-        background-color: color-mix(in oklab, var(--color-neutral-800) 90%, transparent);
-      }
-    }
+  [data-slot="tooltip-content"] .dark\:dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-neutral-950\/10:is(.dark *):is(.dark *) {
+    background-color: #0a0a0a1a;
+  }
 
-    a.dark\:\[a\&\]\:hover\:bg-red-900\/90:is(.dark *):hover {
-      background-color: #82181ae6;
+  @supports (color: color-mix(in lab,red,red)) {
+    [data-slot="tooltip-content"] .dark\:dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-neutral-950\/10:is(.dark *):is(.dark *) {
+      background-color: color-mix(in oklab, var(--color-neutral-950) 10%, transparent);
     }
+  }
 
-    @supports (color: color-mix(in lab,red,red)) {
-      a.dark\:\[a\&\]\:hover\:bg-red-900\/90:is(.dark *):hover {
-        background-color: color-mix(in oklab, var(--color-red-900) 90%, transparent);
-      }
-    }
+  [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:text-neutral-950:is(.dark *) {
+    color: var(--color-neutral-950);
+  }
 
-    a.dark\:\[a\&\]\:hover\:text-neutral-50:is(.dark *):hover {
-      color: var(--color-neutral-50);
-    }
+  [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
+    margin-top: calc(var(--spacing) * -1.5);
   }
 }