@baishuyun/ai-design 2.1.0-alpha.4 → 2.1.3

package/style.css

@@ -22,15 +22,9 @@
     --color-gray-600: oklch(44.6% 0.03 256.802);
     --color-black: #000;
     --color-white: #fff;
-    --spacing: 0.25rem;
+    --spacing: 3.5px;
     --container-sm: 24rem;
     --container-lg: 32rem;
-    --text-xs: 0.75rem;
-    --text-xs--line-height: calc(1 / 0.75);
-    --text-sm: 0.875rem;
-    --text-sm--line-height: calc(1.25 / 0.875);
-    --text-lg: 1.125rem;
-    --text-lg--line-height: calc(1.75 / 1.125);
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
@@ -44,7 +38,7 @@
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
-    --radius: 0.625rem;
+    --radius: 8.75px;
     --tw-space-y-reverse: 0;
     --tw-border-style: solid;
     --tw-shadow: 0 0 #0000;
@@ -280,6 +274,9 @@
   .relative {
     position: relative;
   }
+  .sticky {
+    position: sticky;
+  }
   .inset-0 {
     inset: 0px;
   }
@@ -287,7 +284,7 @@
     inset-inline: 0px;
   }
   .-top-1\.5 {
-    top: calc(var(--spacing) * -1.5);
+    top: calc(3.5px * -1.5);
   }
   .-top-\[6px\] {
     top: calc(6px * -1);
@@ -299,7 +296,7 @@
     top: calc(1 / 2 * 100%);
   }
   .top-2 {
-    top: calc(var(--spacing) * 2);
+    top: calc(3.5px * 2);
   }
   .top-\[-26px\] {
     top: -26px;
@@ -317,16 +314,16 @@
     top: 100%;
   }
   .-right-1\.5 {
-    right: calc(var(--spacing) * -1.5);
+    right: calc(3.5px * -1.5);
   }
   .right-0 {
     right: 0px;
   }
   .right-1 {
-    right: var(--spacing);
+    right: 3.5px;
   }
   .right-3 {
-    right: calc(var(--spacing) * 3);
+    right: calc(3.5px * 3);
   }
   .right-\[-9px\] {
     right: -9px;
@@ -356,7 +353,7 @@
     left: 0px;
   }
   .left-1 {
-    left: var(--spacing);
+    left: 3.5px;
   }
   .left-1\/2 {
     left: calc(1 / 2 * 100%);
@@ -413,34 +410,34 @@
     }
   }
   .m-4 {
-    margin: calc(var(--spacing) * 4);
+    margin: calc(3.5px * 4);
   }
   .m-64 {
-    margin: calc(var(--spacing) * 64);
+    margin: calc(3.5px * 64);
   }
   .m-96 {
-    margin: calc(var(--spacing) * 96);
+    margin: calc(3.5px * 96);
   }
   .m-128 {
-    margin: calc(var(--spacing) * 128);
+    margin: calc(3.5px * 128);
   }
   .m-160 {
-    margin: calc(var(--spacing) * 160);
+    margin: calc(3.5px * 160);
   }
   .m-256 {
-    margin: calc(var(--spacing) * 256);
+    margin: calc(3.5px * 256);
   }
   .m-288 {
-    margin: calc(var(--spacing) * 288);
+    margin: calc(3.5px * 288);
   }
   .m-320 {
-    margin: calc(var(--spacing) * 320);
+    margin: calc(3.5px * 320);
   }
   .m-640 {
-    margin: calc(var(--spacing) * 640);
+    margin: calc(3.5px * 640);
   }
   .m-768 {
-    margin: calc(var(--spacing) * 768);
+    margin: calc(3.5px * 768);
   }
   .m-\[20px\] {
     margin: 20px;
@@ -449,7 +446,7 @@
     margin-inline: calc(10px * -1);
   }
   .mx-5 {
-    margin-inline: calc(var(--spacing) * 5);
+    margin-inline: calc(3.5px * 5);
   }
   .mx-\[5px\] {
     margin-inline: 5px;
@@ -464,37 +461,37 @@
     margin-inline: auto;
   }
   .my-1 {
-    margin-block: var(--spacing);
+    margin-block: 3.5px;
   }
   .my-4 {
-    margin-block: calc(var(--spacing) * 4);
+    margin-block: calc(3.5px * 4);
   }
   .my-5 {
-    margin-block: calc(var(--spacing) * 5);
+    margin-block: calc(3.5px * 5);
   }
   .my-\[10px\] {
     margin-block: 10px;
   }
   .ms-1 {
-    margin-inline-start: var(--spacing);
+    margin-inline-start: 3.5px;
   }
   .ms-2 {
-    margin-inline-start: calc(var(--spacing) * 2);
+    margin-inline-start: calc(3.5px * 2);
   }
   .ms-3 {
-    margin-inline-start: calc(var(--spacing) * 3);
+    margin-inline-start: calc(3.5px * 3);
   }
   .mt-0 {
     margin-top: 0px;
   }
   .mt-0\.5 {
-    margin-top: calc(var(--spacing) * 0.5);
+    margin-top: calc(3.5px * 0.5);
   }
   .mt-1 {
-    margin-top: var(--spacing);
+    margin-top: 3.5px;
   }
   .mt-2 {
-    margin-top: calc(var(--spacing) * 2);
+    margin-top: calc(3.5px * 2);
   }
   .mt-\[2px\] {
     margin-top: 2px;
@@ -502,6 +499,9 @@
   .mt-\[4px\] {
     margin-top: 4px;
   }
+  .mt-\[7px\] {
+    margin-top: 7px;
+  }
   .mt-\[8px\] {
     margin-top: 8px;
   }
@@ -521,10 +521,10 @@
     margin-right: 0px;
   }
   .mr-1\.5 {
-    margin-right: calc(var(--spacing) * 1.5);
+    margin-right: calc(3.5px * 1.5);
   }
   .mr-2\.5 {
-    margin-right: calc(var(--spacing) * 2.5);
+    margin-right: calc(3.5px * 2.5);
   }
   .mr-\[10px\] {
     margin-right: 10px;
@@ -533,10 +533,10 @@
     margin-bottom: 0px;
   }
   .mb-1\.5 {
-    margin-bottom: calc(var(--spacing) * 1.5);
+    margin-bottom: calc(3.5px * 1.5);
   }
   .mb-2 {
-    margin-bottom: calc(var(--spacing) * 2);
+    margin-bottom: calc(3.5px * 2);
   }
   .mb-\[4px\] {
     margin-bottom: 4px;
@@ -551,7 +551,7 @@
     margin-left: 0px;
   }
   .ml-2\.5 {
-    margin-left: calc(var(--spacing) * 2.5);
+    margin-left: calc(3.5px * 2.5);
   }
   .ml-\[4px\] {
     margin-left: 4px;
@@ -605,16 +605,16 @@
     aspect-ratio: 1 / 1;
   }
   .size-4 {
-    width: calc(var(--spacing) * 4);
-    height: calc(var(--spacing) * 4);
+    width: calc(3.5px * 4);
+    height: calc(3.5px * 4);
   }
   .size-9 {
-    width: calc(var(--spacing) * 9);
-    height: calc(var(--spacing) * 9);
+    width: calc(3.5px * 9);
+    height: calc(3.5px * 9);
   }
   .size-18 {
-    width: calc(var(--spacing) * 18);
-    height: calc(var(--spacing) * 18);
+    width: calc(3.5px * 18);
+    height: calc(3.5px * 18);
   }
   .size-\[14px\] {
     width: 14px;
@@ -624,6 +624,10 @@
     width: 16px;
     height: 16px;
   }
+  .size-\[20px\] {
+    width: 20px;
+    height: 20px;
+  }
   .size-\[28px\] {
     width: 28px;
     height: 28px;
@@ -648,34 +652,34 @@
     height: 0px;
   }
   .h-3\.5 {
-    height: calc(var(--spacing) * 3.5);
+    height: calc(3.5px * 3.5);
   }
   .h-4 {
-    height: calc(var(--spacing) * 4);
+    height: calc(3.5px * 4);
   }
   .h-5 {
-    height: calc(var(--spacing) * 5);
+    height: calc(3.5px * 5);
   }
   .h-7 {
-    height: calc(var(--spacing) * 7);
+    height: calc(3.5px * 7);
   }
   .h-7\.5 {
-    height: calc(var(--spacing) * 7.5);
+    height: calc(3.5px * 7.5);
   }
   .h-8 {
-    height: calc(var(--spacing) * 8);
+    height: calc(3.5px * 8);
   }
   .h-9 {
-    height: calc(var(--spacing) * 9);
+    height: calc(3.5px * 9);
   }
   .h-10 {
-    height: calc(var(--spacing) * 10);
+    height: calc(3.5px * 10);
   }
   .h-15 {
-    height: calc(var(--spacing) * 15);
+    height: calc(3.5px * 15);
   }
   .h-500 {
-    height: calc(var(--spacing) * 500);
+    height: calc(3.5px * 500);
   }
   .h-\[1px\] {
     height: 1px;
@@ -740,6 +744,9 @@
   .h-\[42px\] {
     height: 42px;
   }
+  .h-\[46px\] {
+    height: 46px;
+  }
   .h-\[50px\] {
     height: 50px;
   }
@@ -786,7 +793,7 @@
     height: 1px;
   }
   .max-h-80 {
-    max-height: calc(var(--spacing) * 80);
+    max-height: calc(3.5px * 80);
   }
   .max-h-\[200px\] {
     max-height: 200px;
@@ -809,6 +816,9 @@
   .max-h-\[600px\] {
     max-height: 600px;
   }
+  .max-h-full {
+    max-height: 100%;
+  }
   .min-h-0 {
     min-height: 0px;
   }
@@ -831,22 +841,22 @@
     width: 0px;
   }
   .w-3\.5 {
-    width: calc(var(--spacing) * 3.5);
+    width: calc(3.5px * 3.5);
   }
   .w-4 {
-    width: calc(var(--spacing) * 4);
+    width: calc(3.5px * 4);
   }
   .w-5 {
-    width: calc(var(--spacing) * 5);
+    width: calc(3.5px * 5);
   }
-  .w-9 {
-    width: calc(var(--spacing) * 9);
+  .w-10 {
+    width: calc(3.5px * 10);
   }
   .w-20 {
-    width: calc(var(--spacing) * 20);
+    width: calc(3.5px * 20);
   }
   .w-60 {
-    width: calc(var(--spacing) * 60);
+    width: calc(3.5px * 60);
   }
   .w-\[1px\] {
     width: 1px;
@@ -1146,6 +1156,9 @@
   .\[appearance\:textfield\] {
     appearance: textfield;
   }
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
   .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -1213,25 +1226,25 @@
     gap: 0px;
   }
   .gap-1 {
-    gap: var(--spacing);
+    gap: 3.5px;
   }
   .gap-1\.5 {
-    gap: calc(var(--spacing) * 1.5);
+    gap: calc(3.5px * 1.5);
   }
   .gap-2 {
-    gap: calc(var(--spacing) * 2);
+    gap: calc(3.5px * 2);
   }
   .gap-2\.5 {
-    gap: calc(var(--spacing) * 2.5);
+    gap: calc(3.5px * 2.5);
   }
   .gap-3 {
-    gap: calc(var(--spacing) * 3);
+    gap: calc(3.5px * 3);
   }
   .gap-4 {
-    gap: calc(var(--spacing) * 4);
+    gap: calc(3.5px * 4);
   }
   .gap-5 {
-    gap: calc(var(--spacing) * 5);
+    gap: calc(3.5px * 5);
   }
   .gap-\[2px\] {
     gap: 2px;
@@ -1265,13 +1278,13 @@
   }
   :where(.space-y-1\.5 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
+    margin-block-start: calc(calc(3.5px * 1.5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(3.5px * 1.5) * calc(1 - var(--tw-space-y-reverse)));
   }
   :where(.space-y-4 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    margin-block-start: calc(calc(3.5px * 4) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(3.5px * 4) * calc(1 - var(--tw-space-y-reverse)));
   }
   .self-center {
     align-self: center;
@@ -1306,7 +1319,7 @@
     overflow-y: hidden;
   }
   .rounded {
-    border-radius: 0.625rem;
+    border-radius: 8.75px;
   }
   .rounded-\[2px\] {
     border-radius: 2px;
@@ -1338,6 +1351,9 @@
   .rounded-\[18px\] {
     border-radius: 18px;
   }
+  .rounded-\[20px\] {
+    border-radius: 20px;
+  }
   .rounded-\[23px\] {
     border-radius: 23px;
   }
@@ -1363,6 +1379,10 @@
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
   }
+  .rounded-t-\[20px\]\! {
+    border-top-left-radius: 20px !important;
+    border-top-right-radius: 20px !important;
+  }
   .rounded-l-none {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
@@ -1656,9 +1676,6 @@
     --tw-gradient-to: transparent;
     --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));
   }
-  .bg-center {
-    background-position: center;
-  }
   .bg-no-repeat {
     background-repeat: no-repeat;
   }
@@ -1681,28 +1698,28 @@
     padding: 0px;
   }
   .p-0\.5 {
-    padding: calc(var(--spacing) * 0.5);
+    padding: calc(3.5px * 0.5);
   }
   .p-1 {
-    padding: var(--spacing);
+    padding: 3.5px;
   }
   .p-2 {
-    padding: calc(var(--spacing) * 2);
+    padding: calc(3.5px * 2);
   }
   .p-2\.5 {
-    padding: calc(var(--spacing) * 2.5);
+    padding: calc(3.5px * 2.5);
   }
   .p-4 {
-    padding: calc(var(--spacing) * 4);
+    padding: calc(3.5px * 4);
   }
   .p-5 {
-    padding: calc(var(--spacing) * 5);
+    padding: calc(3.5px * 5);
   }
   .p-6 {
-    padding: calc(var(--spacing) * 6);
+    padding: calc(3.5px * 6);
   }
   .p-9 {
-    padding: calc(var(--spacing) * 9);
+    padding: calc(3.5px * 9);
   }
   .p-\[1px\] {
     padding: 1px;
@@ -1735,25 +1752,25 @@
     padding-inline: 0px;
   }
   .px-1 {
-    padding-inline: var(--spacing);
+    padding-inline: 3.5px;
   }
   .px-1\.5 {
-    padding-inline: calc(var(--spacing) * 1.5);
+    padding-inline: calc(3.5px * 1.5);
   }
   .px-2\.5 {
-    padding-inline: calc(var(--spacing) * 2.5);
+    padding-inline: calc(3.5px * 2.5);
   }
   .px-3 {
-    padding-inline: calc(var(--spacing) * 3);
+    padding-inline: calc(3.5px * 3);
   }
   .px-4 {
-    padding-inline: calc(var(--spacing) * 4);
+    padding-inline: calc(3.5px * 4);
   }
   .px-5 {
-    padding-inline: calc(var(--spacing) * 5);
+    padding-inline: calc(3.5px * 5);
   }
   .px-8 {
-    padding-inline: calc(var(--spacing) * 8);
+    padding-inline: calc(3.5px * 8);
   }
   .px-\[4px\] {
     padding-inline: 4px;
@@ -1789,22 +1806,22 @@
     padding-block: 0px;
   }
   .py-1 {
-    padding-block: var(--spacing);
+    padding-block: 3.5px;
   }
   .py-1\.5 {
-    padding-block: calc(var(--spacing) * 1.5);
+    padding-block: calc(3.5px * 1.5);
   }
   .py-1\.25 {
-    padding-block: calc(var(--spacing) * 1.25);
+    padding-block: calc(3.5px * 1.25);
   }
   .py-2 {
-    padding-block: calc(var(--spacing) * 2);
+    padding-block: calc(3.5px * 2);
   }
   .py-2\.5 {
-    padding-block: calc(var(--spacing) * 2.5);
+    padding-block: calc(3.5px * 2.5);
   }
   .py-3 {
-    padding-block: calc(var(--spacing) * 3);
+    padding-block: calc(3.5px * 3);
   }
   .py-\[2px\] {
     padding-block: 2px;
@@ -1824,6 +1841,9 @@
   .py-\[8px\] {
     padding-block: 8px;
   }
+  .py-\[9px\] {
+    padding-block: 9px;
+  }
   .py-\[10px\] {
     padding-block: 10px;
   }
@@ -1843,13 +1863,13 @@
     padding-block: 60px;
   }
   .pt-1 {
-    padding-top: var(--spacing);
+    padding-top: 3.5px;
   }
   .pt-2\.25 {
-    padding-top: calc(var(--spacing) * 2.25);
+    padding-top: calc(3.5px * 2.25);
   }
   .pt-6 {
-    padding-top: calc(var(--spacing) * 6);
+    padding-top: calc(3.5px * 6);
   }
   .pt-\[4px\] {
     padding-top: 4px;
@@ -1857,6 +1877,9 @@
   .pt-\[8px\] {
     padding-top: 8px;
   }
+  .pt-\[9px\] {
+    padding-top: 9px;
+  }
   .pt-\[20px\] {
     padding-top: 20px;
   }
@@ -1873,19 +1896,28 @@
     padding-bottom: 0px;
   }
   .pb-0\.5 {
-    padding-bottom: calc(var(--spacing) * 0.5);
+    padding-bottom: calc(3.5px * 0.5);
   }
   .pb-\[4px\] {
     padding-bottom: 4px;
   }
+  .pb-\[10px\] {
+    padding-bottom: 10px;
+  }
+  .pb-\[16px\] {
+    padding-bottom: 16px;
+  }
+  .pb-\[20px\] {
+    padding-bottom: 20px;
+  }
   .pl-0 {
     padding-left: 0px;
   }
   .pl-6 {
-    padding-left: calc(var(--spacing) * 6);
+    padding-left: calc(3.5px * 6);
   }
   .pl-9 {
-    padding-left: calc(var(--spacing) * 9);
+    padding-left: calc(3.5px * 9);
   }
   .pl-\[2px\] {
     padding-left: 2px;
@@ -1939,16 +1971,16 @@
     font-family: var(--font-mono);
   }
   .text-lg {
-    font-size: var(--text-lg);
-    line-height: var(--tw-leading, var(--text-lg--line-height));
+    font-size: 15.75px;
+    line-height: var(--tw-leading, 24.5px);
   }
   .text-sm {
-    font-size: var(--text-sm);
-    line-height: var(--tw-leading, var(--text-sm--line-height));
+    font-size: 12.25px;
+    line-height: var(--tw-leading, 17.5px);
   }
   .text-xs {
-    font-size: var(--text-xs);
-    line-height: var(--tw-leading, var(--text-xs--line-height));
+    font-size: 10.5px;
+    line-height: var(--tw-leading, 14px);
   }
   .text-\[12px\] {
     font-size: 12px;
@@ -1966,12 +1998,12 @@
     font-size: 18px;
   }
   .leading-4\.25 {
-    --tw-leading: calc(var(--spacing) * 4.25);
-    line-height: calc(var(--spacing) * 4.25);
+    --tw-leading: calc(3.5px * 4.25);
+    line-height: calc(3.5px * 4.25);
   }
   .leading-5 {
-    --tw-leading: calc(var(--spacing) * 5);
-    line-height: calc(var(--spacing) * 5);
+    --tw-leading: calc(3.5px * 5);
+    line-height: calc(3.5px * 5);
   }
   .leading-\[0\] {
     --tw-leading: 0;
@@ -1989,6 +2021,10 @@
     --tw-leading: 20px;
     line-height: 20px;
   }
+  .leading-\[22px\] {
+    --tw-leading: 22px;
+    line-height: 22px;
+  }
   .leading-\[24px\] {
     --tw-leading: 24px;
     line-height: 24px;
@@ -2146,6 +2182,9 @@
   .text-\[\#ff5631\] {
     color: #ff5631;
   }
+  .text-\[\*\] {
+    color: *;
+  }
   .text-black {
     color: var(--color-black);
   }
@@ -2442,7 +2481,7 @@
   }
   .before\:top-1::before {
     content: var(--tw-content);
-    top: var(--spacing);
+    top: 3.5px;
   }
   .before\:top-\[14px\]::before {
     content: var(--tw-content);
@@ -2787,6 +2826,9 @@
     --tw-outline-style: none;
     outline-style: none;
   }
+  .active\:bg-\[\#F0F6FF\]:active {
+    background-color: #F0F6FF;
+  }
   .disabled\:pointer-events-none:disabled {
     pointer-events: none;
   }
@@ -2831,35 +2873,35 @@
     color: #999999;
   }
   .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
-    --tw-translate-y: var(--spacing);
+    --tw-translate-y: 3.5px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
-    --tw-enter-translate-y: -0.5rem;
+    --tw-enter-translate-y: -5;
     --tw-enter-translate-y: calc(2*var(--spacing)*-1);
   }
   .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
-    --tw-translate-x: calc(var(--spacing) * -1);
+    --tw-translate-x: calc(3.5px * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
-    --tw-enter-translate-x: 0.5rem;
+    --tw-enter-translate-x: 5;
     --tw-enter-translate-x: calc(2*var(--spacing));
   }
   .data-\[side\=right\]\:translate-x-1[data-side="right"] {
-    --tw-translate-x: var(--spacing);
+    --tw-translate-x: 3.5px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
-    --tw-enter-translate-x: -0.5rem;
+    --tw-enter-translate-x: -5;
     --tw-enter-translate-x: calc(2*var(--spacing)*-1);
   }
   .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
-    --tw-translate-y: calc(var(--spacing) * -1);
+    --tw-translate-y: calc(3.5px * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
-    --tw-enter-translate-y: 0.5rem;
+    --tw-enter-translate-y: 5;
     --tw-enter-translate-y: calc(2*var(--spacing));
   }
   .data-\[size\=default\]\:h-\[20px\][data-size="default"] {
@@ -2985,7 +3027,7 @@
     bottom: 0px;
   }
   .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
-    margin-top: calc(var(--spacing) * 24);
+    margin-top: calc(3.5px * 24);
   }
   .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[calc\(100vh-52px\)\][data-vaul-drawer-direction="bottom"] {
     max-height: calc(100vh - 52px);
@@ -3019,7 +3061,7 @@
     top: 0px;
   }
   .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
-    margin-bottom: calc(var(--spacing) * 24);
+    margin-bottom: calc(3.5px * 24);
   }
   .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
     max-height: 80vh;
@@ -3037,8 +3079,8 @@
     }
     :where(.sm\:space-x-2 > :not(:last-child)) {
       --tw-space-x-reverse: 0;
-      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
-      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+      margin-inline-start: calc(calc(3.5px * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(3.5px * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
     .sm\:rounded-lg {
       border-radius: var(--radius);
@@ -3087,8 +3129,8 @@
     pointer-events: none;
   }
   .\[\&_svg\]\:size-4 svg {
-    width: calc(var(--spacing) * 4);
-    height: calc(var(--spacing) * 4);
+    width: calc(3.5px * 4);
+    height: calc(3.5px * 4);
   }
   .\[\&_svg\]\:shrink-0 svg {
     flex-shrink: 0;