@ac-design/design-system 2.2.1 → 2.4.0

package/dist/lib/compat.css

@@ -482,9 +482,24 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .left-4:where([data-ac-ds], [data-ac-ds] *) {
     left: calc(var(--spacing) * 4) !important;
   }
+  .left-\[7px\]:where([data-ac-ds], [data-ac-ds] *) {
+    left: 7px !important;
+  }
   .left-\[8\%\]:where([data-ac-ds], [data-ac-ds] *) {
     left: 8% !important;
   }
+  .left-\[9px\]:where([data-ac-ds], [data-ac-ds] *) {
+    left: 9px !important;
+  }
+  .left-\[11px\]:where([data-ac-ds], [data-ac-ds] *) {
+    left: 11px !important;
+  }
+  .left-\[15px\]:where([data-ac-ds], [data-ac-ds] *) {
+    left: 15px !important;
+  }
+  .left-\[19px\]:where([data-ac-ds], [data-ac-ds] *) {
+    left: 19px !important;
+  }
   .left-\[calc\(50\%\+26px\)\]:where([data-ac-ds], [data-ac-ds] *) {
     left: calc(50% + 26px) !important;
   }
@@ -584,6 +599,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .my-1:where([data-ac-ds], [data-ac-ds] *) {
     margin-block: var(--spacing) !important;
   }
+  .my-6:where([data-ac-ds], [data-ac-ds] *) {
+    margin-block: calc(var(--spacing) * 6) !important;
+  }
   .-mt-0\.5:where([data-ac-ds], [data-ac-ds] *) {
     margin-top: calc(var(--spacing) * -0.5) !important;
   }
@@ -647,12 +665,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .mr-1\.5:where([data-ac-ds], [data-ac-ds] *) {
     margin-right: calc(var(--spacing) * 1.5) !important;
   }
+  .mr-2:where([data-ac-ds], [data-ac-ds] *) {
+    margin-right: calc(var(--spacing) * 2) !important;
+  }
   .mr-3:where([data-ac-ds], [data-ac-ds] *) {
     margin-right: calc(var(--spacing) * 3) !important;
   }
   .mr-4:where([data-ac-ds], [data-ac-ds] *) {
     margin-right: calc(var(--spacing) * 4) !important;
   }
+  .mr-5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-right: calc(var(--spacing) * 5) !important;
+  }
   .mb-1:where([data-ac-ds], [data-ac-ds] *) {
     margin-bottom: var(--spacing) !important;
   }
@@ -831,6 +855,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     width: calc(var(--spacing) * 12) !important;
     height: calc(var(--spacing) * 12) !important;
   }
+  .size-14:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 14) !important;
+    height: calc(var(--spacing) * 14) !important;
+  }
   .size-15:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 15) !important;
     height: calc(var(--spacing) * 15) !important;
@@ -923,6 +951,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .h-6:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 6) !important;
   }
+  .h-6\.5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 6.5) !important;
+  }
   .h-7:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 7) !important;
   }
@@ -947,12 +978,24 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .h-11:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 11) !important;
   }
+  .h-11\.5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 11.5) !important;
+  }
   .h-12:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 12) !important;
   }
+  .h-12\.5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 12.5) !important;
+  }
+  .h-15:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 15) !important;
+  }
   .h-18:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 18) !important;
   }
+  .h-30:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 30) !important;
+  }
   .h-32:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 32) !important;
   }
@@ -962,6 +1005,15 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .h-48:where([data-ac-ds], [data-ac-ds] *) {
     height: calc(var(--spacing) * 48) !important;
   }
+  .h-60:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 60) !important;
+  }
+  .h-\[50px\]:where([data-ac-ds], [data-ac-ds] *) {
+    height: 50px !important;
+  }
+  .h-auto:where([data-ac-ds], [data-ac-ds] *) {
+    height: auto !important;
+  }
   .h-full:where([data-ac-ds], [data-ac-ds] *) {
     height: 100% !important;
   }
@@ -1016,6 +1068,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .min-h-40:where([data-ac-ds], [data-ac-ds] *) {
     min-height: calc(var(--spacing) * 40) !important;
   }
+  .min-h-\[26px\]:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: 26px !important;
+  }
+  .min-h-\[34px\]:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: 34px !important;
+  }
+  .min-h-\[38px\]:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: 38px !important;
+  }
+  .min-h-\[50px\]:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: 50px !important;
+  }
   .min-h-full:where([data-ac-ds], [data-ac-ds] *) {
     min-height: 100% !important;
   }
@@ -1043,15 +1107,24 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .w-3\/5:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(3 / 5 * 100%) !important;
   }
+  .w-6\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 6.5) !important;
+  }
   .w-7:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 7) !important;
   }
   .w-8:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 8) !important;
   }
+  .w-8\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 8.5) !important;
+  }
   .w-9:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 9) !important;
   }
+  .w-9\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 9.5) !important;
+  }
   .w-10:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 10) !important;
   }
@@ -1064,6 +1137,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .w-12:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 12) !important;
   }
+  .w-12\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 12.5) !important;
+  }
   .w-14:where([data-ac-ds], [data-ac-ds] *) {
     width: calc(var(--spacing) * 14) !important;
   }
@@ -1235,6 +1311,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .min-w-10:where([data-ac-ds], [data-ac-ds] *) {
     min-width: calc(var(--spacing) * 10) !important;
   }
+  .min-w-12:where([data-ac-ds], [data-ac-ds] *) {
+    min-width: calc(var(--spacing) * 12) !important;
+  }
   .min-w-14:where([data-ac-ds], [data-ac-ds] *) {
     min-width: calc(var(--spacing) * 14) !important;
   }
@@ -1408,6 +1487,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-scale-z: 95% !important;
     scale: var(--tw-scale-x) var(--tw-scale-y) !important;
   }
+  .scale-100:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-scale-x: 100% !important;
+    --tw-scale-y: 100% !important;
+    --tw-scale-z: 100% !important;
+    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
+  }
   .scale-110:where([data-ac-ds], [data-ac-ds] *) {
     --tw-scale-x: 110% !important;
     --tw-scale-y: 110% !important;
@@ -1513,6 +1598,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .grid-cols-\[minmax\(0\,1fr\)_auto\]:where([data-ac-ds], [data-ac-ds] *) {
     grid-template-columns: minmax(0,1fr) auto !important;
   }
+  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_256px\]:where([data-ac-ds], [data-ac-ds] *) {
+    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 256px !important;
+  }
   .grid-rows-\[0fr\]:where([data-ac-ds], [data-ac-ds] *) {
     grid-template-rows: 0fr !important;
   }
@@ -1688,6 +1776,11 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .justify-self-end:where([data-ac-ds], [data-ac-ds] *) {
     justify-self: flex-end !important;
   }
+  .\!truncate:where([data-ac-ds], [data-ac-ds] *) {
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+  }
   .truncate:where([data-ac-ds], [data-ac-ds] *) {
     overflow: hidden !important;
     text-overflow: ellipsis !important;
@@ -1785,6 +1878,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     border-style: var(--tw-border-style) !important;
     border-width: 1px !important;
   }
+  .border-0:where([data-ac-ds], [data-ac-ds] *) {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
   .border-2:where([data-ac-ds], [data-ac-ds] *) {
     border-style: var(--tw-border-style) !important;
     border-width: 2px !important;
@@ -1999,6 +2096,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .border-transparent:where([data-ac-ds], [data-ac-ds] *) {
     border-color: transparent !important;
   }
+  .border-warning\/20:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, #f59e0b 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-warning) 20%, transparent) !important;
+    }
+  }
   .border-warning\/25:where([data-ac-ds], [data-ac-ds] *) {
     border-color: color-mix(in srgb, #f59e0b 25%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2107,6 +2210,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-black) 80%, transparent) !important;
     }
   }
+  .bg-body:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-body) !important;
+  }
   .bg-border:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-border) !important;
   }
@@ -2152,6 +2258,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-danger) 5%, transparent) !important;
     }
   }
+  .bg-danger\/6:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #ef4444 6%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-danger) 6%, transparent) !important;
+    }
+  }
   .bg-danger\/10:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, #ef4444 10%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2182,6 +2294,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .bg-info:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-info) !important;
   }
+  .bg-info\/6:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #0069ff 6%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-info) 6%, transparent) !important;
+    }
+  }
   .bg-info\/8:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, #0069ff 8%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2266,6 +2384,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-primary) 5%, transparent) !important;
     }
   }
+  .bg-primary\/6:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 6%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 6%, transparent) !important;
+    }
+  }
   .bg-primary\/8:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 8%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2344,6 +2468,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-success) 5%, transparent) !important;
     }
   }
+  .bg-success\/6:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #00a651 6%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-success) 6%, transparent) !important;
+    }
+  }
   .bg-success\/10:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, #00a651 10%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2395,6 +2525,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-surface-sunken) 50%, transparent) !important;
     }
   }
+  .bg-surface-sunken\/70:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #f0f0f0 70%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-surface-sunken) 70%, transparent) !important;
+    }
+  }
   .bg-surface\/85:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, #ffffff 85%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2428,6 +2564,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       background-color: color-mix(in oklab, var(--color-warning) 5%, transparent) !important;
     }
   }
+  .bg-warning\/6:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #f59e0b 6%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-warning) 6%, transparent) !important;
+    }
+  }
   .bg-warning\/10:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, #f59e0b 10%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2736,6 +2878,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .fill-brand-navy:where([data-ac-ds], [data-ac-ds] *) {
     fill: var(--color-brand-navy) !important;
   }
+  .fill-danger:where([data-ac-ds], [data-ac-ds] *) {
+    fill: var(--color-danger) !important;
+  }
   .fill-primary:where([data-ac-ds], [data-ac-ds] *) {
     fill: var(--color-primary) !important;
   }
@@ -2829,6 +2974,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .px-px:where([data-ac-ds], [data-ac-ds] *) {
     padding-inline: 1px !important;
   }
+  .py-0:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: 0px !important;
+  }
   .py-0\.5:where([data-ac-ds], [data-ac-ds] *) {
     padding-block: calc(var(--spacing) * 0.5) !important;
   }
@@ -2880,6 +3028,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .py-20:where([data-ac-ds], [data-ac-ds] *) {
     padding-block: calc(var(--spacing) * 20) !important;
   }
+  .py-\[5px\]:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: 5px !important;
+  }
+  .py-\[7px\]:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: 7px !important;
+  }
   .pt-0:where([data-ac-ds], [data-ac-ds] *) {
     padding-top: 0px !important;
   }
@@ -2910,6 +3064,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .pt-10:where([data-ac-ds], [data-ac-ds] *) {
     padding-top: calc(var(--spacing) * 10) !important;
   }
+  .pt-\[54px\]:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: 54px !important;
+  }
   .pr-0:where([data-ac-ds], [data-ac-ds] *) {
     padding-right: 0px !important;
   }
@@ -2937,6 +3094,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .pr-5:where([data-ac-ds], [data-ac-ds] *) {
     padding-right: calc(var(--spacing) * 5) !important;
   }
+  .pr-6:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: calc(var(--spacing) * 6) !important;
+  }
   .pr-8:where([data-ac-ds], [data-ac-ds] *) {
     padding-right: calc(var(--spacing) * 8) !important;
   }
@@ -2997,6 +3157,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .pl-5:where([data-ac-ds], [data-ac-ds] *) {
     padding-left: calc(var(--spacing) * 5) !important;
   }
+  .pl-6:where([data-ac-ds], [data-ac-ds] *) {
+    padding-left: calc(var(--spacing) * 6) !important;
+  }
   .pl-9:where([data-ac-ds], [data-ac-ds] *) {
     padding-left: calc(var(--spacing) * 9) !important;
   }
@@ -3018,6 +3181,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .align-top:where([data-ac-ds], [data-ac-ds] *) {
     vertical-align: top !important;
   }
+  .font-\[inherit\]:where([data-ac-ds], [data-ac-ds] *) {
+    font-family: inherit !important;
+  }
   .font-heading:where([data-ac-ds], [data-ac-ds] *) {
     font-family: var(--font-heading) !important;
   }
@@ -3142,6 +3308,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-tracking: -0.03em !important;
     letter-spacing: -0.03em !important;
   }
+  .tracking-\[-0\.012em\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-tracking: -0.012em !important;
+    letter-spacing: -0.012em !important;
+  }
   .tracking-\[0\.08em\]:where([data-ac-ds], [data-ac-ds] *) {
     --tw-tracking: 0.08em !important;
     letter-spacing: 0.08em !important;
@@ -3186,6 +3356,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .whitespace-pre:where([data-ac-ds], [data-ac-ds] *) {
     white-space: pre !important;
   }
+  .text-background:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-background) !important;
+  }
   .text-body:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-body) !important;
   }
@@ -3422,6 +3595,13 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     }
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
+  .shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--color-primary\)_20\%\,transparent\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%,transparent)) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,var(--color-primary) 20%,transparent)) !important;
+    }
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
   .shadow-\[0_0_0_6px_color-mix\(in_srgb\,var\(--color-primary\)_15\%\,transparent\)\]:where([data-ac-ds], [data-ac-ds] *) {
     --tw-shadow: 0 0 0 6px var(--tw-shadow-color, color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 15%,transparent)) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -3944,6 +4124,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     border-width: 0px !important;
   }
   @media (hover: hover) {
+    .group-hover\:border-primary\/60:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
+      border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 60%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .group-hover\:border-primary\/60:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
+        border-color: color-mix(in oklab, var(--color-primary) 60%, transparent) !important;
+      }
+    }
     .group-hover\:text-heading:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
       color: var(--color-heading) !important;
     }
@@ -4057,9 +4245,30 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
     }
   }
+  .focus-within\:border-\[color-mix\(in_srgb\,var\(--color-primary\)_35\%\,transparent\)\]:focus-within:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 35%,transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--color-primary) 35%,transparent) !important;
+    }
+  }
   .focus-within\:border-danger:focus-within:where([data-ac-ds], [data-ac-ds] *) {
     border-color: var(--color-danger) !important;
   }
+  .focus-within\:bg-accent-hover:focus-within:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-accent-hover) !important;
+  }
+  .focus-within\:bg-danger\/5:focus-within:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #ef4444 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-danger) 5%, transparent) !important;
+    }
+  }
+  .focus-within\:bg-danger\/10:focus-within:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #ef4444 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-danger) 10%, transparent) !important;
+    }
+  }
   .focus-within\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--color-danger\)_20\%\,transparent\)\]:focus-within:where([data-ac-ds], [data-ac-ds] *) {
     --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,#ef4444 20%,transparent)) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -4067,6 +4276,13 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     }
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
+  .focus-within\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--color-primary\)_20\%\,transparent\)\]:focus-within:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%,transparent)) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,var(--color-primary) 20%,transparent)) !important;
+    }
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
   @media (hover: hover) {
     .hover\:-translate-y-0\.5:hover:where([data-ac-ds], [data-ac-ds] *) {
       --tw-translate-y: calc(var(--spacing) * -0.5) !important;
@@ -4174,6 +4390,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         background-color: color-mix(in oklab, var(--color-accent) 60%, transparent) !important;
       }
     }
+    .hover\:bg-body\/90:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, #252525 90%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-body\/90:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-body) 90%, transparent) !important;
+      }
+    }
     .hover\:bg-current\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: currentcolor !important;
     }
@@ -4201,6 +4425,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         background-color: color-mix(in oklab, var(--color-danger) 10%, transparent) !important;
       }
     }
+    .hover\:bg-danger\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, #ef4444 12%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-danger\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-danger) 12%, transparent) !important;
+      }
+    }
     .hover\:bg-danger\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: color-mix(in srgb, #ef4444 18%, transparent) !important;
     }
@@ -4228,6 +4460,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         background-color: color-mix(in oklab, var(--color-info) 10%, transparent) !important;
       }
     }
+    .hover\:bg-info\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, #0069ff 12%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-info\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-info) 12%, transparent) !important;
+      }
+    }
     .hover\:bg-info\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: color-mix(in srgb, #0069ff 18%, transparent) !important;
     }
@@ -4255,6 +4495,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
       }
     }
+    .hover\:bg-primary\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 12%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-primary\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-primary) 12%, transparent) !important;
+      }
+    }
     .hover\:bg-primary\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 18%, transparent) !important;
     }
@@ -4277,6 +4525,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         background-color: color-mix(in oklab, var(--color-success) 10%, transparent) !important;
       }
     }
+    .hover\:bg-success\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, #00a651 12%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-success\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-success) 12%, transparent) !important;
+      }
+    }
     .hover\:bg-success\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: color-mix(in srgb, #00a651 18%, transparent) !important;
     }
@@ -4331,6 +4587,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
         background-color: color-mix(in oklab, var(--color-warning) 10%, transparent) !important;
       }
     }
+    .hover\:bg-warning\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, #f59e0b 12%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-warning\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-warning) 12%, transparent) !important;
+      }
+    }
     .hover\:bg-warning\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
       background-color: color-mix(in srgb, #f59e0b 18%, transparent) !important;
     }
@@ -4416,6 +4680,15 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       border-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important;
     }
   }
+  .focus\:bg-accent-hover:focus:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-accent-hover) !important;
+  }
+  .focus\:bg-danger\/5:focus:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #ef4444 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-danger) 5%, transparent) !important;
+    }
+  }
   .focus\:bg-danger\/10:focus:where([data-ac-ds], [data-ac-ds] *) {
     background-color: color-mix(in srgb, #ef4444 10%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -4438,6 +4711,13 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     }
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
+  .focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--color-primary\)_20\%\,transparent\)\]:focus:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%,transparent)) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,var(--color-primary) 20%,transparent)) !important;
+    }
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
   .focus\:outline-none:focus:where([data-ac-ds], [data-ac-ds] *) {
     --tw-outline-style: none !important;
     outline-style: none !important;
@@ -4546,9 +4826,15 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
       color: var(--color-heading) !important;
     }
   }
+  .disabled\:pointer-events-none:disabled:where([data-ac-ds], [data-ac-ds] *) {
+    pointer-events: none !important;
+  }
   .disabled\:cursor-not-allowed:disabled:where([data-ac-ds], [data-ac-ds] *) {
     cursor: not-allowed !important;
   }
+  .disabled\:cursor-wait:disabled:where([data-ac-ds], [data-ac-ds] *) {
+    cursor: wait !important;
+  }
   .disabled\:bg-surface-sunken:disabled:where([data-ac-ds], [data-ac-ds] *) {
     background-color: var(--color-surface-sunken) !important;
   }
@@ -4562,6 +4848,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-shadow: 0 0 #0000 !important;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
+  .disabled\:not-checked\:not-indeterminate\:bg-surface-sunken:disabled:not(:checked):not(:indeterminate):where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface-sunken) !important;
+  }
   @media (hover: hover) {
     .disabled\:hover\:scale-100:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
       --tw-scale-x: 100% !important;
@@ -4581,6 +4870,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .disabled\:hover\:text-muted:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
       color: var(--color-muted) !important;
     }
+    .disabled\:hover\:no-underline:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
+      text-decoration-line: none !important;
+    }
   }
   .disabled\:active\:translate-y-0:disabled:active:where([data-ac-ds], [data-ac-ds] *) {
     --tw-translate-y: 0px !important;
@@ -4681,6 +4973,20 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .has-\[input\:focus-visible\]\:ring-offset-surface:has(:is(input:focus-visible)):where([data-ac-ds], [data-ac-ds] *) {
     --tw-ring-offset-color: var(--color-surface) !important;
   }
+  .has-\[\>span\>input\[type\=radio\]\:focus-visible\]\:ring-2:has( > span > input[type=radio]:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .has-\[\>span\>input\[type\=radio\]\:focus-visible\]\:ring-ring:has( > span > input[type=radio]:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-ring) !important;
+  }
+  .has-\[\>span\>input\[type\=radio\]\:focus-visible\]\:ring-offset-2:has( > span > input[type=radio]:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-offset-width: 2px !important;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+  }
+  .has-\[\>span\>input\[type\=radio\]\:focus-visible\]\:ring-offset-background:has( > span > input[type=radio]:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-offset-color: var(--color-background) !important;
+  }
   .aria-disabled\:pointer-events-none[aria-disabled="true"]:where([data-ac-ds], [data-ac-ds] *) {
     pointer-events: none !important;
   }
@@ -4855,6 +5161,21 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .max-sm\:w-auto:where([data-ac-ds], [data-ac-ds] *) {
       width: auto !important;
     }
+    .max-sm\:min-w-0:where([data-ac-ds], [data-ac-ds] *) {
+      min-width: 0px !important;
+    }
+    .max-sm\:flex-1:where([data-ac-ds], [data-ac-ds] *) {
+      flex: 1 !important;
+    }
+    .max-sm\:basis-full:where([data-ac-ds], [data-ac-ds] *) {
+      flex-basis: 100% !important;
+    }
+    .max-sm\:flex-wrap:where([data-ac-ds], [data-ac-ds] *) {
+      flex-wrap: wrap !important;
+    }
+    .max-sm\:gap-2:where([data-ac-ds], [data-ac-ds] *) {
+      gap: calc(var(--spacing) * 2) !important;
+    }
     .max-sm\:rounded-10:where([data-ac-ds], [data-ac-ds] *) {
       border-radius: var(--radius-10) !important;
     }
@@ -5051,6 +5372,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .md\:h-11:where([data-ac-ds], [data-ac-ds] *) {
       height: calc(var(--spacing) * 11) !important;
     }
+    .md\:h-13:where([data-ac-ds], [data-ac-ds] *) {
+      height: calc(var(--spacing) * 13) !important;
+    }
     .md\:w-60:where([data-ac-ds], [data-ac-ds] *) {
       width: calc(var(--spacing) * 60) !important;
     }
@@ -5060,6 +5384,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\]:where([data-ac-ds], [data-ac-ds] *) {
       grid-template-columns: minmax(0,1fr) minmax(0,2fr) !important;
     }
+    .md\:flex-row:where([data-ac-ds], [data-ac-ds] *) {
+      flex-direction: row !important;
+    }
+    .md\:items-start:where([data-ac-ds], [data-ac-ds] *) {
+      align-items: flex-start !important;
+    }
+    .md\:justify-between:where([data-ac-ds], [data-ac-ds] *) {
+      justify-content: space-between !important;
+    }
+    .md\:gap-4:where([data-ac-ds], [data-ac-ds] *) {
+      gap: calc(var(--spacing) * 4) !important;
+    }
     .md\:gap-10:where([data-ac-ds], [data-ac-ds] *) {
       gap: calc(var(--spacing) * 10) !important;
     }
@@ -5109,6 +5445,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .lg\:w-80:where([data-ac-ds], [data-ac-ds] *) {
       width: calc(var(--spacing) * 80) !important;
     }
+    .lg\:w-\[120px\]:where([data-ac-ds], [data-ac-ds] *) {
+      width: 120px !important;
+    }
     .lg\:flex-row:where([data-ac-ds], [data-ac-ds] *) {
       flex-direction: row !important;
     }
@@ -5121,6 +5460,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .lg\:py-16:where([data-ac-ds], [data-ac-ds] *) {
       padding-block: calc(var(--spacing) * 16) !important;
     }
+    .lg\:pl-52:where([data-ac-ds], [data-ac-ds] *) {
+      padding-left: calc(var(--spacing) * 52) !important;
+    }
     .lg\:text-\[60px\]:where([data-ac-ds], [data-ac-ds] *) {
       font-size: 60px !important;
     }
@@ -5132,6 +5474,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     .xl\:w-96:where([data-ac-ds], [data-ac-ds] *) {
       width: calc(var(--spacing) * 96) !important;
     }
+    .xl\:pl-64:where([data-ac-ds], [data-ac-ds] *) {
+      padding-left: calc(var(--spacing) * 64) !important;
+    }
   }
   @container (width < 768px) {
     .\@max-3xl\:hidden:where([data-ac-ds], [data-ac-ds] *) {
@@ -5190,6 +5535,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .\[\&_\.cm-mergeView\]\:h-full .cm-mergeView:where([data-ac-ds], [data-ac-ds] *) {
     height: 100% !important;
   }
+  .\[\&_\:has\(\>input\)\]\:rounded-8 :has( > input):where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: var(--radius-8) !important;
+  }
   .\[\&_\[data-ac-ds\]\>label\:first-child\]\:sr-only [data-ac-ds] > label:first-child:where([data-ac-ds], [data-ac-ds] *) {
     position: absolute !important;
     width: 1px !important;
@@ -5250,6 +5598,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .\[\&_input\]\:rounded-8 input:where([data-ac-ds], [data-ac-ds] *) {
     border-radius: var(--radius-8) !important;
   }
+  .\[\&_input\]\:pr-3 input:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: calc(var(--spacing) * 3) !important;
+  }
+  .\[\&_input\]\:pl-3 input:where([data-ac-ds], [data-ac-ds] *) {
+    padding-left: calc(var(--spacing) * 3) !important;
+  }
   .\[\&_input\]\:font-mono input:where([data-ac-ds], [data-ac-ds] *) {
     font-family: var(--font-mono) !important;
   }
@@ -5257,6 +5611,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-font-weight: var(--font-weight-medium) !important;
     font-weight: var(--font-weight-medium) !important;
   }
+  .\[\&_input\]\:placeholder\:text-heading\/50 input:where([data-ac-ds], [data-ac-ds] *)::placeholder {
+    color: color-mix(in srgb, #252525 50%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-heading) 50%, transparent) !important;
+    }
+  }
   .\[\&_strong\]\:font-semibold strong:where([data-ac-ds], [data-ac-ds] *) {
     --tw-font-weight: var(--font-weight-semibold) !important;
     font-weight: var(--font-weight-semibold) !important;
@@ -5287,6 +5647,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     width: calc(var(--spacing) * 8) !important;
     height: calc(var(--spacing) * 8) !important;
   }
+  .\[\&_svg\]\:size-24\! svg:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 24) !important;
+    height: calc(var(--spacing) * 24) !important;
+  }
   .\[\&_svg\]\:animate-spin svg:where([data-ac-ds], [data-ac-ds] *) {
     animation: var(--animate-spin) !important;
   }
@@ -5345,6 +5709,17 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     --tw-shadow: 0 0 #0000 !important;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
+  .\[\&\>div\:first-child\]\:sr-only > div:first-child:where([data-ac-ds], [data-ac-ds] *) {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip-path: inset(50%) !important;
+    white-space: nowrap !important;
+    border-width: 0 !important;
+  }
   @media (width >= 40rem) {
     .sm\:\[\&\>div\:first-child\]\:sr-only > div:first-child:where([data-ac-ds], [data-ac-ds] *) {
       position: absolute !important;
@@ -5366,6 +5741,17 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     width: 17px !important;
     height: 17px !important;
   }
+  .\[\&\>label\:first-child\]\:sr-only > label:first-child:where([data-ac-ds], [data-ac-ds] *) {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip-path: inset(50%) !important;
+    white-space: nowrap !important;
+    border-width: 0 !important;
+  }
   @media (width >= 40rem) {
     .sm\:\[\&\>label\:first-child\]\:sr-only > label:first-child:where([data-ac-ds], [data-ac-ds] *) {
       position: absolute !important;
@@ -5389,6 +5775,35 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .\[\&\>svg\]\:text-muted > svg:where([data-ac-ds], [data-ac-ds] *) {
     color: var(--color-muted) !important;
   }
+  :where(.\[\:where\(\&\)\]\:bg-danger\/5):where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #ef4444 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-danger) 5%, transparent) !important;
+    }
+  }
+  :where(.\[\:where\(\&\)\]\:bg-surface):where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface) !important;
+  }
+  :where(.\[\:where\(\&\)\]\:bg-surface-sunken\/40):where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #f0f0f0 40%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-surface-sunken) 40%, transparent) !important;
+    }
+  }
+  :where(.\[\:where\(\&\)\]\:bg-transparent):where([data-ac-ds], [data-ac-ds] *) {
+    background-color: transparent !important;
+  }
+  :where(.\[\:where\(\&\)_svg\]\:size-3\.5) svg:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 3.5) !important;
+    height: calc(var(--spacing) * 3.5) !important;
+  }
+  :where(.\[\:where\(\&\)_svg\]\:size-4) svg:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 4) !important;
+    height: calc(var(--spacing) * 4) !important;
+  }
+  [data-testid=ac-sidebar-section] + .\[\[data-testid\=ac-sidebar-section\]\+\&\]\:mt-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: calc(var(--spacing) * 2.5) !important;
+  }
   [data-testid=ac-sidebar-section] + .\[\[data-testid\=ac-sidebar-section\]\+\&\]\:mt-5:where([data-ac-ds], [data-ac-ds] *) {
     margin-top: calc(var(--spacing) * 5) !important;
   }
@@ -5405,6 +5820,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   [data-testid=ac-sidebar-section] + .\[\[data-testid\=ac-sidebar-section\]\+\&\]\:pt-4:where([data-ac-ds], [data-ac-ds] *) {
     padding-top: calc(var(--spacing) * 4) !important;
   }
+  [data-testid=ac-sidebar-section][data-closed] + .\[\[data-testid\=ac-sidebar-section\]\[data-closed\]\+\&\]\:mt-0:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: 0px !important;
+  }
+  tbody .\[tbody_\&\]\:h-\[51px\]:where([data-ac-ds], [data-ac-ds] *) {
+    height: 51px !important;
+  }
   tr:last-child .\[tr\:last-child_\&\]\:border-0:where([data-ac-ds], [data-ac-ds] *) {
     border-style: var(--tw-border-style) !important;
     border-width: 0px !important;