@prisma/studio-core 0.0.0-dev.202506110118 → 0.0.0-dev.202506110203

package/dist/ui/index.css

@@ -521,7 +521,9 @@
 @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
   .ps ::placeholder {
     color: currentcolor;
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ps ::placeholder {
       color: color-mix(in oklab, currentcolor 50%, transparent);
     }
   }
@@ -731,11 +733,15 @@
   line-height: var(--tw-leading, var(--text-xs--line-height));
   --tw-leading: 1;
   line-height: 1;
-  @media (width >= 48rem) {
+}
+@media (width >= 48rem) {
+  .ps .cell-input-leading {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
-  @media (width >= 48rem) {
+}
+@media (width >= 48rem) {
+  .ps .cell-input-leading {
     --tw-leading: 1;
     line-height: 1;
   }
@@ -1089,26 +1095,20 @@
 .ps .gap-px {
   gap: 1px;
 }
-.ps .space-y-1\.5 {
-  .ps :where(& > :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)));
-  }
+.ps :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)));
 }
-.ps .space-y-2 {
-  .ps :where(& > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
-  }
+.ps :where(.space-y-2 > :not(:last-child)) {
+  --tw-space-y-reverse: 0;
+  margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
 }
-.ps .space-y-3 {
-  .ps :where(& > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
-  }
+.ps :where(.space-y-3 > :not(:last-child)) {
+  --tw-space-y-reverse: 0;
+  margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
 }
 .ps .self-end {
   align-self: flex-end;
@@ -1217,13 +1217,17 @@
 }
 .ps .border-green-500\/50 {
   border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .border-green-500\/50 {
     border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
   }
 }
 .ps .border-green-500\/60 {
   border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 60%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .border-green-500\/60 {
     border-color: color-mix(in oklab, var(--color-green-500) 60%, transparent);
   }
 }
@@ -1232,7 +1236,9 @@
 }
 .ps .border-muted-foreground\/50 {
   border-color: var(--muted-foreground);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .border-muted-foreground\/50 {
     border-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
   }
 }
@@ -1244,25 +1250,33 @@
 }
 .ps .border-red-400\/20 {
   border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .border-red-400\/20 {
     border-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
   }
 }
 .ps .border-red-400\/50 {
   border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .border-red-400\/50 {
     border-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
   }
 }
 .ps .border-red-500\/60 {
   border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 60%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .border-red-500\/60 {
     border-color: color-mix(in oklab, var(--color-red-500) 60%, transparent);
   }
 }
 .ps .border-ring\/20 {
   border-color: var(--ring);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .border-ring\/20 {
     border-color: color-mix(in oklab, var(--ring) 20%, transparent);
   }
 }
@@ -1280,19 +1294,25 @@
 }
 .ps .bg-background\/50 {
   background-color: var(--background);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .bg-background\/50 {
     background-color: color-mix(in oklab, var(--background) 50%, transparent);
   }
 }
 .ps .bg-background\/90 {
   background-color: var(--background);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .bg-background\/90 {
     background-color: color-mix(in oklab, var(--background) 90%, transparent);
   }
 }
 .ps .bg-black\/80 {
   background-color: color-mix(in srgb, #000 80%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .bg-black\/80 {
     background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
   }
 }
@@ -1307,19 +1327,25 @@
 }
 .ps .bg-foreground\/10 {
   background-color: var(--foreground);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .bg-foreground\/10 {
     background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
   }
 }
 .ps .bg-green-500\/10 {
   background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .bg-green-500\/10 {
     background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
   }
 }
 .ps .bg-green-500\/30 {
   background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .bg-green-500\/30 {
     background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
   }
 }
@@ -1328,13 +1354,17 @@
 }
 .ps .bg-muted\/50 {
   background-color: var(--muted);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .bg-muted\/50 {
     background-color: color-mix(in oklab, var(--muted) 50%, transparent);
   }
 }
 .ps .bg-muted\/70 {
   background-color: var(--muted);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .bg-muted\/70 {
     background-color: color-mix(in oklab, var(--muted) 70%, transparent);
   }
 }
@@ -1352,13 +1382,17 @@
 }
 .ps .bg-red-400\/30 {
   background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 30%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .bg-red-400\/30 {
     background-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
   }
 }
 .ps .bg-red-500\/10 {
   background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .bg-red-500\/10 {
     background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
   }
 }
@@ -1367,13 +1401,17 @@
 }
 .ps .bg-secondary\/50 {
   background-color: var(--secondary);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .bg-secondary\/50 {
     background-color: color-mix(in oklab, var(--secondary) 50%, transparent);
   }
 }
 .ps .bg-secondary\/70 {
   background-color: var(--secondary);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .bg-secondary\/70 {
     background-color: color-mix(in oklab, var(--secondary) 70%, transparent);
   }
 }
@@ -1443,11 +1481,15 @@
   line-height: var(--tw-leading, var(--text-xs--line-height));
   --tw-leading: 1;
   line-height: 1;
-  @media (width >= 48rem) {
+}
+@media (width >= 48rem) {
+  .ps .cell-input-base {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
-  @media (width >= 48rem) {
+}
+@media (width >= 48rem) {
+  .ps .cell-input-base {
     --tw-leading: 1;
     line-height: 1;
   }
@@ -1593,13 +1635,17 @@
 }
 .ps .text-foreground\/60 {
   color: var(--foreground);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .text-foreground\/60 {
     color: color-mix(in oklab, var(--foreground) 60%, transparent);
   }
 }
 .ps .text-foreground\/90 {
   color: var(--foreground);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .text-foreground\/90 {
     color: color-mix(in oklab, var(--foreground) 90%, transparent);
   }
 }
@@ -1614,13 +1660,17 @@
 }
 .ps .text-muted-foreground\/60 {
   color: var(--muted-foreground);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .text-muted-foreground\/60 {
     color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
   }
 }
 .ps .text-muted-foreground\/70 {
   color: var(--muted-foreground);
-  @supports (color: color-mix(in lab, red, red)) {
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .text-muted-foreground\/70 {
     color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
   }
 }
@@ -1775,898 +1825,610 @@
   --tw-enter-scale: calc(95*1%);
   --tw-enter-scale: .95;
 }
-.ps .group-odd\:bg-table-cell-odd {
-  &:is(:where(.group):nth-child(odd) *) {
-    background-color: var(--background);
-  }
+.ps .group-odd\:bg-table-cell-odd:is(:where(.group):nth-child(odd) *) {
+  background-color: var(--background);
 }
-.ps .group-even\:bg-table-cell-even {
-  &:is(:where(.group):nth-child(even) *) {
-    background-color: var(--secondary);
-  }
+.ps .group-even\:bg-table-cell-even:is(:where(.group):nth-child(even) *) {
+  background-color: var(--secondary);
 }
-.ps .group-hover\:bg-muted {
-  &:is(:where(.group):hover *) {
-    @media (hover: hover) {
-      background-color: var(--muted);
-    }
+@media (hover: hover) {
+  .ps .group-hover\:bg-muted:is(:where(.group):hover *) {
+    background-color: var(--muted);
   }
 }
-.ps .group-data-\[select\=true\]\:p-0 {
-  &:is(:where(.group)[data-select="true"] *) {
-    padding: calc(var(--spacing) * 0);
-  }
+.ps .group-data-\[select\=true\]\:p-0:is(:where(.group)[data-select="true"] *) {
+  padding: calc(var(--spacing) * 0);
 }
-.ps .group-\[\.toast\]\:bg-muted {
-  &:is(:where(.group):is(.toast) *) {
-    background-color: var(--muted);
-  }
+.ps .group-\[\.toast\]\:bg-muted:is(:where(.group):is(.toast) *) {
+  background-color: var(--muted);
 }
-.ps .group-\[\.toast\]\:bg-primary {
-  &:is(:where(.group):is(.toast) *) {
-    background-color: var(--primary);
-  }
+.ps .group-\[\.toast\]\:bg-primary:is(:where(.group):is(.toast) *) {
+  background-color: var(--primary);
 }
-.ps .group-\[\.toast\]\:text-muted-foreground {
-  &:is(:where(.group):is(.toast) *) {
-    color: var(--muted-foreground);
-  }
+.ps .group-\[\.toast\]\:text-muted-foreground:is(:where(.group):is(.toast) *) {
+  color: var(--muted-foreground);
 }
-.ps .group-\[\.toast\]\:text-primary-foreground {
-  &:is(:where(.group):is(.toast) *) {
-    color: var(--primary-foreground);
-  }
+.ps .group-\[\.toast\]\:text-primary-foreground:is(:where(.group):is(.toast) *) {
+  color: var(--primary-foreground);
 }
-.ps .group-\[\.toaster\]\:border-border {
-  &:is(:where(.group):is(.toaster) *) {
-    border-color: var(--border);
-  }
+.ps .group-\[\.toaster\]\:border-border:is(:where(.group):is(.toaster) *) {
+  border-color: var(--border);
 }
-.ps .group-\[\.toaster\]\:bg-background {
-  &:is(:where(.group):is(.toaster) *) {
-    background-color: var(--background);
-  }
+.ps .group-\[\.toaster\]\:bg-background:is(:where(.group):is(.toaster) *) {
+  background-color: var(--background);
 }
-.ps .group-\[\.toaster\]\:text-foreground {
-  &:is(:where(.group):is(.toaster) *) {
-    color: var(--foreground);
-  }
+.ps .group-\[\.toaster\]\:text-foreground:is(:where(.group):is(.toaster) *) {
+  color: var(--foreground);
 }
-.ps .group-\[\.toaster\]\:shadow-lg {
-  &:is(:where(.group):is(.toaster) *) {
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
+.ps .group-\[\.toaster\]\:shadow-lg:is(:where(.group):is(.toaster) *) {
+  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.ps .peer-disabled\:cursor-not-allowed {
-  &:is(:where(.peer):disabled ~ *) {
-    cursor: not-allowed;
-  }
+.ps .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
+  cursor: not-allowed;
 }
-.ps .peer-disabled\:opacity-70 {
-  &:is(:where(.peer):disabled ~ *) {
-    opacity: 70%;
-  }
+.ps .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
+  opacity: 70%;
 }
-.ps .file\:border-0 {
-  &::file-selector-button {
-    border-style: var(--tw-border-style);
-    border-width: 0px;
-  }
+.ps .file\:border-0::file-selector-button {
+  border-style: var(--tw-border-style);
+  border-width: 0px;
 }
-.ps .file\:bg-transparent {
-  &::file-selector-button {
-    background-color: transparent;
-  }
+.ps .file\:bg-transparent::file-selector-button {
+  background-color: transparent;
 }
-.ps .file\:text-sm {
-  &::file-selector-button {
-    font-size: var(--text-sm);
-    line-height: var(--tw-leading, var(--text-sm--line-height));
-  }
+.ps .file\:text-sm::file-selector-button {
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
 }
-.ps .file\:font-medium {
-  &::file-selector-button {
-    --tw-font-weight: var(--font-weight-medium);
-    font-weight: var(--font-weight-medium);
-  }
+.ps .file\:font-medium::file-selector-button {
+  --tw-font-weight: var(--font-weight-medium);
+  font-weight: var(--font-weight-medium);
 }
-.ps .file\:text-foreground {
-  &::file-selector-button {
-    color: var(--foreground);
-  }
+.ps .file\:text-foreground::file-selector-button {
+  color: var(--foreground);
 }
-.ps .placeholder\:text-muted-foreground {
-  &::placeholder {
-    color: var(--muted-foreground);
-  }
+.ps .placeholder\:text-muted-foreground::placeholder {
+  color: var(--muted-foreground);
 }
-.ps .odd\:bg-table-cell-odd {
-  &:nth-child(odd) {
-    background-color: var(--background);
-  }
+.ps .odd\:bg-table-cell-odd:nth-child(odd) {
+  background-color: var(--background);
 }
-.ps .even\:bg-table-cell-even\/50 {
-  &:nth-child(even) {
-    background-color: var(--secondary);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--secondary) 50%, transparent);
-    }
-  }
+.ps .even\:bg-table-cell-even\/50:nth-child(even) {
+  background-color: var(--secondary);
 }
-.ps .hover\:border-table-border {
-  &:hover {
-    @media (hover: hover) {
-      border-color: var(--border);
-    }
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .even\:bg-table-cell-even\/50:nth-child(even) {
+    background-color: color-mix(in oklab, var(--secondary) 50%, transparent);
   }
 }
-.ps .hover\:bg-accent {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--accent);
-    }
+@media (hover: hover) {
+  .ps .hover\:border-table-border:hover {
+    border-color: var(--border);
   }
 }
-.ps .hover\:bg-destructive\/90 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
-      }
-    }
+@media (hover: hover) {
+  .ps .hover\:bg-accent:hover {
+    background-color: var(--accent);
   }
 }
-.ps .hover\:bg-green-500\/80 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 80%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-green-500) 80%, transparent);
-      }
-    }
+@media (hover: hover) {
+  .ps .hover\:bg-destructive\/90:hover {
+    background-color: var(--destructive);
   }
-}
-.ps .hover\:bg-muted\/50 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--muted);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
-      }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ps .hover\:bg-destructive\/90:hover {
+      background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
     }
   }
 }
-.ps .hover\:bg-primary\/80 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--primary);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
-      }
-    }
+@media (hover: hover) {
+  .ps .hover\:bg-green-500\/80:hover {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 80%, transparent);
   }
-}
-.ps .hover\:bg-primary\/90 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--primary);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
-      }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ps .hover\:bg-green-500\/80:hover {
+      background-color: color-mix(in oklab, var(--color-green-500) 80%, transparent);
     }
   }
 }
-.ps .hover\:bg-red-400\/80 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 80%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-red-400) 80%, transparent);
-      }
-    }
+@media (hover: hover) {
+  .ps .hover\:bg-muted\/50:hover {
+    background-color: var(--muted);
   }
-}
-.ps .hover\:bg-secondary\/80 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--secondary);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
-      }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ps .hover\:bg-muted\/50:hover {
+      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
     }
   }
 }
-.ps .hover\:text-accent-foreground {
-  &:hover {
-    @media (hover: hover) {
-      color: var(--accent-foreground);
-    }
+@media (hover: hover) {
+  .ps .hover\:bg-primary\/80:hover {
+    background-color: var(--primary);
   }
-}
-.ps .hover\:text-foreground {
-  &:hover {
-    @media (hover: hover) {
-      color: var(--foreground);
+  @supports (color: color-mix(in lab, red, red)) {
+    .ps .hover\:bg-primary\/80:hover {
+      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
     }
   }
 }
-.ps .hover\:text-primary {
-  &:hover {
-    @media (hover: hover) {
-      color: var(--primary);
-    }
+@media (hover: hover) {
+  .ps .hover\:bg-primary\/90:hover {
+    background-color: var(--primary);
   }
-}
-.ps .hover\:underline {
-  &:hover {
-    @media (hover: hover) {
-      text-decoration-line: underline;
+  @supports (color: color-mix(in lab, red, red)) {
+    .ps .hover\:bg-primary\/90:hover {
+      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
     }
   }
 }
-.ps .hover\:opacity-100 {
-  &:hover {
-    @media (hover: hover) {
-      opacity: 100%;
+@media (hover: hover) {
+  .ps .hover\:bg-red-400\/80:hover {
+    background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 80%, transparent);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ps .hover\:bg-red-400\/80:hover {
+      background-color: color-mix(in oklab, var(--color-red-400) 80%, transparent);
     }
   }
 }
-.ps .focus\:bg-accent {
-  &:focus {
-    background-color: var(--accent);
+@media (hover: hover) {
+  .ps .hover\:bg-secondary\/80:hover {
+    background-color: var(--secondary);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ps .hover\:bg-secondary\/80:hover {
+      background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
+    }
   }
 }
-.ps .focus\:text-accent-foreground {
-  &:focus {
+@media (hover: hover) {
+  .ps .hover\:text-accent-foreground:hover {
     color: var(--accent-foreground);
   }
 }
-.ps .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);
-    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) {
+  .ps .hover\:text-foreground:hover {
+    color: var(--foreground);
   }
 }
-.ps .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);
+@media (hover: hover) {
+  .ps .hover\:text-primary:hover {
+    color: var(--primary);
   }
 }
-.ps .focus\:ring-accent-foreground {
-  &:focus {
-    --tw-ring-color: var(--accent-foreground);
+@media (hover: hover) {
+  .ps .hover\:underline:hover {
+    text-decoration-line: underline;
   }
 }
-.ps .focus\:ring-ring {
-  &:focus {
-    --tw-ring-color: var(--ring);
+@media (hover: hover) {
+  .ps .hover\:opacity-100:hover {
+    opacity: 100%;
   }
 }
-.ps .focus\:ring-offset-1 {
-  &:focus {
-    --tw-ring-offset-width: 1px;
-    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  }
+.ps .focus\:bg-accent:focus {
+  background-color: var(--accent);
 }
-.ps .focus\:ring-offset-2 {
-  &:focus {
-    --tw-ring-offset-width: 2px;
-    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  }
+.ps .focus\:text-accent-foreground:focus {
+  color: var(--accent-foreground);
 }
-.ps .focus\:ring-offset-background {
-  &:focus {
-    --tw-ring-offset-color: var(--background);
-  }
+.ps .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);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.ps .focus\:outline-none {
-  &:focus {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
+.ps .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);
 }
-.ps .focus-visible\:ring-0 {
-  &:focus-visible {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
-  }
+.ps .focus\:ring-accent-foreground:focus {
+  --tw-ring-color: var(--accent-foreground);
 }
-.ps .focus-visible\:ring-1 {
-  &: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);
-  }
+.ps .focus\:ring-ring:focus {
+  --tw-ring-color: var(--ring);
 }
-.ps .focus-visible\:ring-2 {
-  &:focus-visible {
-    --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);
-  }
+.ps .focus\:ring-offset-1:focus {
+  --tw-ring-offset-width: 1px;
+  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 }
-.ps .focus-visible\:ring-ring {
-  &:focus-visible {
-    --tw-ring-color: var(--ring);
-  }
+.ps .focus\:ring-offset-2:focus {
+  --tw-ring-offset-width: 2px;
+  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 }
-.ps .focus-visible\:ring-offset-2 {
-  &:focus-visible {
-    --tw-ring-offset-width: 2px;
-    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  }
+.ps .focus\:ring-offset-background:focus {
+  --tw-ring-offset-color: var(--background);
 }
-.ps .focus-visible\:ring-offset-background {
-  &:focus-visible {
-    --tw-ring-offset-color: var(--background);
-  }
+.ps .focus\:outline-none:focus {
+  --tw-outline-style: none;
+  outline-style: none;
 }
-.ps .focus-visible\:outline-none {
-  &:focus-visible {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
+.ps .focus-visible\:ring-0:focus-visible {
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
 }
-.ps .disabled\:pointer-events-none {
-  &:disabled {
-    pointer-events: none;
-  }
+.ps .focus-visible\:ring-1: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);
 }
-.ps .disabled\:cursor-not-allowed {
-  &:disabled {
-    cursor: not-allowed;
-  }
+.ps .focus-visible\:ring-2:focus-visible {
+  --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);
 }
-.ps .disabled\:opacity-50 {
-  &:disabled {
-    opacity: 50%;
-  }
+.ps .focus-visible\:ring-ring:focus-visible {
+  --tw-ring-color: var(--ring);
 }
-.ps .aria-selected\:text-muted-foreground {
-  &[aria-selected="true"] {
-    color: var(--muted-foreground);
-  }
+.ps .focus-visible\:ring-offset-2:focus-visible {
+  --tw-ring-offset-width: 2px;
+  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 }
-.ps .aria-selected\:opacity-30 {
-  &[aria-selected="true"] {
-    opacity: 30%;
-  }
+.ps .focus-visible\:ring-offset-background:focus-visible {
+  --tw-ring-offset-color: var(--background);
 }
-.ps .aria-selected\:opacity-100 {
-  &[aria-selected="true"] {
-    opacity: 100%;
-  }
+.ps .focus-visible\:outline-none:focus-visible {
+  --tw-outline-style: none;
+  outline-style: none;
 }
-.ps .data-disabled\:pointer-events-none {
-  &[data-disabled] {
-    pointer-events: none;
-  }
+.ps .disabled\:pointer-events-none:disabled {
+  pointer-events: none;
 }
-.ps .data-disabled\:opacity-50 {
-  &[data-disabled] {
-    opacity: 50%;
-  }
+.ps .disabled\:cursor-not-allowed:disabled {
+  cursor: not-allowed;
 }
-.ps .data-placeholder\:text-muted-foreground {
-  &[data-placeholder] {
-    color: var(--muted-foreground);
-  }
+.ps .disabled\:opacity-50:disabled {
+  opacity: 50%;
 }
-.ps .data-\[active\=true\]\:bg-accent {
-  &[data-active="true"] {
-    background-color: var(--accent);
-  }
+.ps .aria-selected\:text-muted-foreground[aria-selected="true"] {
+  color: var(--muted-foreground);
 }
-.ps .data-\[active\=true\]\:text-foreground {
-  &[data-active="true"] {
-    color: var(--foreground);
-  }
+.ps .aria-selected\:opacity-30[aria-selected="true"] {
+  opacity: 30%;
 }
-.ps .data-\[focus\=true\]\:ring-2 {
-  &[data-focus="true"] {
-    --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);
-  }
+.ps .aria-selected\:opacity-100[aria-selected="true"] {
+  opacity: 100%;
 }
-.ps .data-\[focus\=true\]\:ring-indigo-400 {
-  &[data-focus="true"] {
-    --tw-ring-color: var(--color-indigo-400);
-  }
+.ps .data-disabled\:pointer-events-none[data-disabled] {
+  pointer-events: none;
 }
-.ps .data-\[focus\=true\]\:ring-inset {
-  &[data-focus="true"] {
-    --tw-ring-inset: inset;
-  }
+.ps .data-disabled\:opacity-50[data-disabled] {
+  opacity: 50%;
 }
-.ps .data-\[side\=bottom\]\:translate-y-1 {
-  &[data-side="bottom"] {
-    --tw-translate-y: calc(var(--spacing) * 1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
+.ps .data-placeholder\:text-muted-foreground[data-placeholder] {
+  color: var(--muted-foreground);
 }
-.ps .data-\[side\=bottom\]\:slide-in-from-top-2 {
-  &[data-side="bottom"] {
-    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
-  }
+.ps .data-\[active\=true\]\:bg-accent[data-active="true"] {
+  background-color: var(--accent);
 }
-.ps .data-\[side\=left\]\:-translate-x-1 {
-  &[data-side="left"] {
-    --tw-translate-x: calc(var(--spacing) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
+.ps .data-\[active\=true\]\:text-foreground[data-active="true"] {
+  color: var(--foreground);
 }
-.ps .data-\[side\=left\]\:slide-in-from-right-2 {
-  &[data-side="left"] {
-    --tw-enter-translate-x: calc(2*var(--spacing));
-  }
+.ps .data-\[focus\=true\]\:ring-2[data-focus="true"] {
+  --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);
 }
-.ps .data-\[side\=right\]\:translate-x-1 {
-  &[data-side="right"] {
-    --tw-translate-x: calc(var(--spacing) * 1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
+.ps .data-\[focus\=true\]\:ring-indigo-400[data-focus="true"] {
+  --tw-ring-color: var(--color-indigo-400);
 }
-.ps .data-\[side\=right\]\:slide-in-from-left-2 {
-  &[data-side="right"] {
-    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
-  }
+.ps .data-\[focus\=true\]\:ring-inset[data-focus="true"] {
+  --tw-ring-inset: inset;
 }
-.ps .data-\[side\=top\]\:-translate-y-1 {
-  &[data-side="top"] {
-    --tw-translate-y: calc(var(--spacing) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
+.ps .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
+  --tw-translate-y: calc(var(--spacing) * 1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.ps .data-\[side\=top\]\:slide-in-from-bottom-2 {
-  &[data-side="top"] {
-    --tw-enter-translate-y: calc(2*var(--spacing));
-  }
+.ps .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
+  --tw-enter-translate-y: calc(2*var(--spacing)*-1);
 }
-.ps .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);
-  }
+.ps .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
+  --tw-translate-x: calc(var(--spacing) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.ps .data-\[state\=checked\]\:bg-primary {
-  &[data-state="checked"] {
-    background-color: var(--primary);
-  }
+.ps .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
+  --tw-enter-translate-x: calc(2*var(--spacing));
 }
-.ps .data-\[state\=checked\]\:text-primary-foreground {
-  &[data-state="checked"] {
-    color: var(--primary-foreground);
-  }
+.ps .data-\[side\=right\]\:translate-x-1[data-side="right"] {
+  --tw-translate-x: calc(var(--spacing) * 1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.ps .data-\[state\=closed\]\:animate-out {
-  &[data-state="closed"] {
-    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-  }
+.ps .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
+  --tw-enter-translate-x: calc(2*var(--spacing)*-1);
 }
-.ps .data-\[state\=closed\]\:duration-300 {
-  &[data-state="closed"] {
-    --tw-duration: 300ms;
-    transition-duration: 300ms;
-  }
+.ps .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
+  --tw-translate-y: calc(var(--spacing) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.ps .data-\[state\=closed\]\:fade-out-0 {
-  &[data-state="closed"] {
-    --tw-exit-opacity: calc(0/100);
-    --tw-exit-opacity: 0;
-  }
+.ps .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
+  --tw-enter-translate-y: calc(2*var(--spacing));
 }
-.ps .data-\[state\=closed\]\:zoom-out-95 {
-  &[data-state="closed"] {
-    --tw-exit-scale: calc(95*1%);
-    --tw-exit-scale: .95;
-  }
+.ps .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);
 }
-.ps .data-\[state\=closed\]\:slide-out-to-bottom {
-  &[data-state="closed"] {
-    --tw-exit-translate-y: 100%;
-  }
+.ps .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
+  background-color: var(--primary);
 }
-.ps .data-\[state\=closed\]\:slide-out-to-left {
-  &[data-state="closed"] {
-    --tw-exit-translate-x: -100%;
-  }
+.ps .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
+  color: var(--primary-foreground);
 }
-.ps .data-\[state\=closed\]\:slide-out-to-left-1\/2 {
-  &[data-state="closed"] {
-    --tw-exit-translate-x: calc(1/2*100%);
-  }
+.ps .data-\[state\=closed\]\:animate-out[data-state="closed"] {
+  animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
 }
-.ps .data-\[state\=closed\]\:slide-out-to-right {
-  &[data-state="closed"] {
-    --tw-exit-translate-x: 100%;
-  }
+.ps .data-\[state\=closed\]\:duration-300[data-state="closed"] {
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
 }
-.ps .data-\[state\=closed\]\:slide-out-to-top {
-  &[data-state="closed"] {
-    --tw-exit-translate-y: -100%;
-  }
+.ps .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
+  --tw-exit-opacity: calc(0/100);
+  --tw-exit-opacity: 0;
 }
-.ps .data-\[state\=closed\]\:slide-out-to-top-\[48\%\] {
-  &[data-state="closed"] {
-    --tw-exit-translate-y: calc(48%*-1);
-  }
+.ps .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
+  --tw-exit-scale: calc(95*1%);
+  --tw-exit-scale: .95;
 }
-.ps .data-\[state\=open\]\:animate-in {
-  &[data-state="open"] {
-    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-  }
+.ps .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
+  --tw-exit-translate-y: 100%;
 }
-.ps .data-\[state\=open\]\:border-primary {
-  &[data-state="open"] {
-    border-color: var(--primary);
-  }
+.ps .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
+  --tw-exit-translate-x: -100%;
 }
-.ps .data-\[state\=open\]\:bg-accent {
-  &[data-state="open"] {
-    background-color: var(--accent);
-  }
+.ps .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
+  --tw-exit-translate-x: calc(1/2*100%);
 }
-.ps .data-\[state\=open\]\:bg-secondary {
-  &[data-state="open"] {
-    background-color: var(--secondary);
-  }
+.ps .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
+  --tw-exit-translate-x: 100%;
 }
-.ps .data-\[state\=open\]\:text-accent-foreground {
-  &[data-state="open"] {
-    color: var(--accent-foreground);
-  }
+.ps .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
+  --tw-exit-translate-y: -100%;
 }
-.ps .data-\[state\=open\]\:text-muted-foreground {
-  &[data-state="open"] {
-    color: var(--muted-foreground);
-  }
+.ps .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
+  --tw-exit-translate-y: calc(48%*-1);
 }
-.ps .data-\[state\=open\]\:duration-500 {
-  &[data-state="open"] {
-    --tw-duration: 500ms;
-    transition-duration: 500ms;
-  }
+.ps .data-\[state\=open\]\:animate-in[data-state="open"] {
+  animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
 }
-.ps .data-\[state\=open\]\:fade-in-0 {
-  &[data-state="open"] {
-    --tw-enter-opacity: calc(0/100);
-    --tw-enter-opacity: 0;
-  }
+.ps .data-\[state\=open\]\:border-primary[data-state="open"] {
+  border-color: var(--primary);
 }
-.ps .data-\[state\=open\]\:zoom-in-95 {
-  &[data-state="open"] {
-    --tw-enter-scale: calc(95*1%);
-    --tw-enter-scale: .95;
-  }
+.ps .data-\[state\=open\]\:bg-accent[data-state="open"] {
+  background-color: var(--accent);
 }
-.ps .data-\[state\=open\]\:slide-in-from-bottom {
-  &[data-state="open"] {
-    --tw-enter-translate-y: 100%;
-  }
+.ps .data-\[state\=open\]\:bg-secondary[data-state="open"] {
+  background-color: var(--secondary);
 }
-.ps .data-\[state\=open\]\:slide-in-from-left {
-  &[data-state="open"] {
-    --tw-enter-translate-x: -100%;
-  }
+.ps .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
+  color: var(--accent-foreground);
 }
-.ps .data-\[state\=open\]\:slide-in-from-left-1\/2 {
-  &[data-state="open"] {
-    --tw-enter-translate-x: calc(1/2*100%);
-  }
+.ps .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
+  color: var(--muted-foreground);
 }
-.ps .data-\[state\=open\]\:slide-in-from-right {
-  &[data-state="open"] {
-    --tw-enter-translate-x: 100%;
-  }
+.ps .data-\[state\=open\]\:duration-500[data-state="open"] {
+  --tw-duration: 500ms;
+  transition-duration: 500ms;
 }
-.ps .data-\[state\=open\]\:slide-in-from-top {
-  &[data-state="open"] {
-    --tw-enter-translate-y: -100%;
-  }
+.ps .data-\[state\=open\]\:fade-in-0[data-state="open"] {
+  --tw-enter-opacity: calc(0/100);
+  --tw-enter-opacity: 0;
 }
-.ps .data-\[state\=open\]\:slide-in-from-top-\[48\%\] {
-  &[data-state="open"] {
-    --tw-enter-translate-y: calc(48%*-1);
-  }
+.ps .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
+  --tw-enter-scale: calc(95*1%);
+  --tw-enter-scale: .95;
 }
-.ps .data-\[state\=selected\]\:bg-muted {
-  &[data-state="selected"] {
-    background-color: var(--muted);
-  }
+.ps .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
+  --tw-enter-translate-y: 100%;
 }
-.ps .data-\[state\=unchecked\]\:translate-x-0 {
-  &[data-state="unchecked"] {
-    --tw-translate-x: calc(var(--spacing) * 0);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
+.ps .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
+  --tw-enter-translate-x: -100%;
 }
-.ps .data-\[state\=unchecked\]\:bg-input {
-  &[data-state="unchecked"] {
-    background-color: var(--input);
-  }
+.ps .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
+  --tw-enter-translate-x: calc(1/2*100%);
+}
+.ps .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
+  --tw-enter-translate-x: 100%;
+}
+.ps .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
+  --tw-enter-translate-y: -100%;
 }
-.ps .sm\:max-w-sm {
-  @media (width >= 40rem) {
+.ps .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
+  --tw-enter-translate-y: calc(48%*-1);
+}
+.ps .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
+  background-color: var(--muted);
+}
+.ps .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
+  --tw-translate-x: calc(var(--spacing) * 0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.ps .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
+  background-color: var(--input);
+}
+@media (width >= 40rem) {
+  .ps .sm\:max-w-sm {
     max-width: var(--container-sm);
   }
 }
-.ps .sm\:flex-row {
-  @media (width >= 40rem) {
+@media (width >= 40rem) {
+  .ps .sm\:flex-row {
     flex-direction: row;
   }
 }
-.ps .sm\:justify-end {
-  @media (width >= 40rem) {
+@media (width >= 40rem) {
+  .ps .sm\:justify-end {
     justify-content: flex-end;
   }
 }
-.ps .sm\:space-x-2 {
-  @media (width >= 40rem) {
-    .ps :where(& > :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)));
-    }
+@media (width >= 40rem) {
+  .ps :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)));
   }
 }
-.ps .sm\:rounded-lg {
-  @media (width >= 40rem) {
+@media (width >= 40rem) {
+  .ps .sm\:rounded-lg {
     border-radius: var(--radius);
   }
 }
-.ps .sm\:text-left {
-  @media (width >= 40rem) {
+@media (width >= 40rem) {
+  .ps .sm\:text-left {
     text-align: left;
   }
 }
-.ps .md\:text-sm {
-  @media (width >= 48rem) {
+@media (width >= 48rem) {
+  .ps .md\:text-sm {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
 }
-.ps .dark\:scale-0 {
-  &:is(.dark *) {
-    --tw-scale-x: 0%;
-    --tw-scale-y: 0%;
-    --tw-scale-z: 0%;
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
+.ps .dark\:scale-0:is(.dark *) {
+  --tw-scale-x: 0%;
+  --tw-scale-y: 0%;
+  --tw-scale-z: 0%;
+  scale: var(--tw-scale-x) var(--tw-scale-y);
 }
-.ps .dark\:scale-100 {
-  &:is(.dark *) {
-    --tw-scale-x: 100%;
-    --tw-scale-y: 100%;
-    --tw-scale-z: 100%;
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
+.ps .dark\:scale-100:is(.dark *) {
+  --tw-scale-x: 100%;
+  --tw-scale-y: 100%;
+  --tw-scale-z: 100%;
+  scale: var(--tw-scale-x) var(--tw-scale-y);
 }
-.ps .dark\:-rotate-90 {
-  &:is(.dark *) {
-    rotate: calc(90deg * -1);
-  }
+.ps .dark\:-rotate-90:is(.dark *) {
+  rotate: calc(90deg * -1);
 }
-.ps .dark\:rotate-0 {
-  &:is(.dark *) {
-    rotate: 0deg;
-  }
+.ps .dark\:rotate-0:is(.dark *) {
+  rotate: 0deg;
 }
-.ps .dark\:bg-orange-950 {
-  &:is(.dark *) {
-    background-color: var(--color-orange-950);
-  }
+.ps .dark\:bg-orange-950:is(.dark *) {
+  background-color: var(--color-orange-950);
 }
-.ps .dark\:text-orange-300 {
-  &:is(.dark *) {
-    color: var(--color-orange-300);
-  }
+.ps .dark\:text-orange-300:is(.dark *) {
+  color: var(--color-orange-300);
 }
-.ps .dark\:text-white {
-  &:is(.dark *) {
-    color: var(--color-white);
-  }
+.ps .dark\:text-white:is(.dark *) {
+  color: var(--color-white);
 }
-.ps .\[\&_button\]\:border {
-  & button {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-  }
+.ps .\[\&_button\]\:border button {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
 }
-.ps .\[\&_button\]\:border-input {
-  & button {
-    border-color: var(--input);
-  }
+.ps .\[\&_button\]\:border-input button {
+  border-color: var(--input);
 }
-.ps .\[\&_button\]\:bg-background {
-  & button {
-    background-color: var(--background);
-  }
+.ps .\[\&_button\]\:bg-background button {
+  background-color: var(--background);
 }
-.ps .\[\&_button\]\:shadow-sm {
-  & button {
-    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
+.ps .\[\&_button\]\:shadow-sm button {
+  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.ps .hover\:\[\&_button\]\:bg-accent {
-  &:hover {
-    @media (hover: hover) {
-      & button {
-        background-color: var(--accent);
-      }
-    }
+@media (hover: hover) {
+  .ps .hover\:\[\&_button\]\:bg-accent:hover button {
+    background-color: var(--accent);
   }
 }
-.ps .hover\:\[\&_button\]\:text-accent-foreground {
-  &:hover {
-    @media (hover: hover) {
-      & button {
-        color: var(--accent-foreground);
-      }
-    }
+@media (hover: hover) {
+  .ps .hover\:\[\&_button\]\:text-accent-foreground:hover button {
+    color: var(--accent-foreground);
   }
 }
-.ps .\[\&_button_\>_svg\]\:fill-foreground {
-  & button > svg {
-    fill: var(--foreground);
-  }
+.ps .\[\&_button_\>_svg\]\:fill-foreground button > svg {
+  fill: var(--foreground);
 }
-.ps .\[\&_svg\]\:pointer-events-none {
-  & svg {
-    pointer-events: none;
-  }
+.ps .\[\&_svg\]\:pointer-events-none svg {
+  pointer-events: none;
 }
-.ps .\[\&_svg\]\:size-3 {
-  & svg {
-    width: calc(var(--spacing) * 3);
-    height: calc(var(--spacing) * 3);
-  }
+.ps .\[\&_svg\]\:size-3 svg {
+  width: calc(var(--spacing) * 3);
+  height: calc(var(--spacing) * 3);
 }
-.ps .\[\&_svg\]\:size-4 {
-  & svg {
-    width: calc(var(--spacing) * 4);
-    height: calc(var(--spacing) * 4);
-  }
+.ps .\[\&_svg\]\:size-4 svg {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
 }
-.ps .\[\&_svg\]\:shrink-0 {
-  & svg {
-    flex-shrink: 0;
-  }
+.ps .\[\&_svg\]\:shrink-0 svg {
+  flex-shrink: 0;
 }
-.ps .\[\&_svg_\>_path\]\:fill-background {
-  & svg > path {
-    fill: var(--background);
-  }
+.ps .\[\&_svg_\>_path\]\:fill-background svg > path {
+  fill: var(--background);
 }
-.ps .\[\&_svg_\>_path\]\:opacity-50 {
-  & svg > path {
-    opacity: 50%;
-  }
+.ps .\[\&_svg_\>_path\]\:opacity-50 svg > path {
+  opacity: 50%;
 }
-.ps .\[\&_svg_\>_rect\]\:fill-muted-foreground\/80 {
-  & svg > rect {
-    fill: var(--muted-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      fill: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
-    }
-  }
+.ps .\[\&_svg_\>_rect\]\:fill-muted-foreground\/80 svg > rect {
+  fill: var(--muted-foreground);
 }
-.ps .\[\&_tr\:last-child\]\:border-0 {
-  & tr:last-child {
-    border-style: var(--tw-border-style);
-    border-width: 0px;
+@supports (color: color-mix(in lab, red, red)) {
+  .ps .\[\&_svg_\>_rect\]\:fill-muted-foreground\/80 svg > rect {
+    fill: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
   }
 }
-.ps .\[\&\:last-of-type_td\]\:border-b-0 {
-  &:last-of-type td {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 0px;
-  }
+.ps .\[\&_tr\:last-child\]\:border-0 tr:last-child {
+  border-style: var(--tw-border-style);
+  border-width: 0px;
 }
-.ps .\[\&\>button\]\:bg-primary {
-  &>button {
-    background-color: var(--primary);
-  }
+.ps .\[\&\:last-of-type_td\]\:border-b-0:last-of-type td {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 0px;
 }
-.ps .\[\&\>button\]\:bg-transparent {
-  &>button {
-    background-color: transparent;
-  }
+.ps .\[\&\>button\]\:bg-primary>button {
+  background-color: var(--primary);
 }
-.ps .\[\&\>button\]\:font-bold {
-  &>button {
-    --tw-font-weight: var(--font-weight-bold);
-    font-weight: var(--font-weight-bold);
-  }
+.ps .\[\&\>button\]\:bg-transparent>button {
+  background-color: transparent;
 }
-.ps .\[\&\>button\]\:text-accent-foreground {
-  &>button {
-    color: var(--accent-foreground);
-  }
+.ps .\[\&\>button\]\:font-bold>button {
+  --tw-font-weight: var(--font-weight-bold);
+  font-weight: var(--font-weight-bold);
 }
-.ps .\[\&\>button\]\:text-foreground\! {
-  &>button {
-    color: var(--foreground) !important;
-  }
+.ps .\[\&\>button\]\:text-accent-foreground>button {
+  color: var(--accent-foreground);
 }
-.ps .\[\&\>button\]\:text-primary-foreground {
-  &>button {
-    color: var(--primary-foreground);
-  }
+.ps .\[\&\>button\]\:text-foreground\!>button {
+  color: var(--foreground) !important;
 }
-.ps .\[\&\>button\]\:hover\:bg-primary {
-  &>button {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--primary);
-      }
-    }
-  }
+.ps .\[\&\>button\]\:text-primary-foreground>button {
+  color: var(--primary-foreground);
 }
-.ps .\[\&\>button\]\:hover\:bg-transparent {
-  &>button {
-    &:hover {
-      @media (hover: hover) {
-        background-color: transparent;
-      }
-    }
+@media (hover: hover) {
+  .ps .\[\&\>button\]\:hover\:bg-primary>button:hover {
+    background-color: var(--primary);
   }
 }
-.ps .\[\&\>button\]\:hover\:text-foreground\! {
-  &>button {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--foreground) !important;
-      }
-    }
+@media (hover: hover) {
+  .ps .\[\&\>button\]\:hover\:bg-transparent>button:hover {
+    background-color: transparent;
   }
 }
-.ps .\[\&\>button\]\:hover\:text-primary-foreground {
-  &>button {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--primary-foreground);
-      }
-    }
+@media (hover: hover) {
+  .ps .\[\&\>button\]\:hover\:text-foreground\!>button:hover {
+    color: var(--foreground) !important;
   }
 }
-.ps .\[\&\>span\]\:line-clamp-1 {
-  &>span {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
+@media (hover: hover) {
+  .ps .\[\&\>button\]\:hover\:text-primary-foreground>button:hover {
+    color: var(--primary-foreground);
   }
 }
-.ps .\[\&\>svg\]\:size-4 {
-  &>svg {
-    width: calc(var(--spacing) * 4);
-    height: calc(var(--spacing) * 4);
-  }
+.ps .\[\&\>span\]\:line-clamp-1>span {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
 }
-.ps .\[\&\>svg\]\:shrink-0 {
-  &>svg {
-    flex-shrink: 0;
-  }
+.ps .\[\&\>svg\]\:size-4>svg {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
 }
-.ps .\[\&\>tr\]\:last\:border-b-0 {
-  &>tr {
-    &:last-child {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 0px;
-    }
-  }
+.ps .\[\&\>svg\]\:shrink-0>svg {
+  flex-shrink: 0;
 }
-.ps .\[\&\[aria-selected\]\>button\]\:bg-primary {
-  &[aria-selected]>button {
-    background-color: var(--primary);
-  }
+.ps .\[\&\>tr\]\:last\:border-b-0>tr:last-child {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 0px;
 }
-.ps .\[\&\[aria-selected\]\>button\]\:text-primary-foreground {
-  &[aria-selected]>button {
-    color: var(--primary-foreground);
-  }
+.ps .\[\&\[aria-selected\]\>button\]\:bg-primary[aria-selected]>button {
+  background-color: var(--primary);
+}
+.ps .\[\&\[aria-selected\]\>button\]\:text-primary-foreground[aria-selected]>button {
+  color: var(--primary-foreground);
 }
 @property --tw-animation-delay {
   syntax: "*";
@@ -2800,150 +2562,150 @@
   .ps button {
   cursor: pointer;
 }
-.ps {
-  .ps *, .ps ::after, .ps ::before, .ps ::backdrop, .ps ::file-selector-button {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    border: 0 solid;
-  }
-  .ps html, .ps :host {
-    line-height: 1.5;
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
-    font-feature-settings: var(--default-font-feature-settings, normal);
-    font-variation-settings: var(--default-font-variation-settings, normal);
-    -webkit-tap-highlight-color: transparent;
-  }
-  .ps hr {
-    height: 0;
-    color: inherit;
-    border-top-width: 1px;
-  }
-  .ps abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  .ps h1, .ps h2, .ps h3, .ps h4, .ps h5, .ps h6 {
-    font-size: inherit;
-    font-weight: inherit;
-  }
-  .ps a {
-    color: inherit;
-    -webkit-text-decoration: inherit;
-    text-decoration: inherit;
-  }
-  .ps b, .ps strong {
-    font-weight: bolder;
-  }
-  .ps code, .ps kbd, .ps samp, .ps pre {
-    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
-    font-feature-settings: var(--default-mono-font-feature-settings, normal);
-    font-variation-settings: var(--default-mono-font-variation-settings, normal);
-    font-size: 1em;
-  }
-  .ps small {
-    font-size: 80%;
-  }
-  .ps sub, .ps sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-  }
-  .ps sub {
-    bottom: -0.25em;
-  }
-  .ps sup {
-    top: -0.5em;
-  }
-  .ps table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  .ps :-moz-focusring {
-    outline: auto;
-  }
-  .ps progress {
-    vertical-align: baseline;
-  }
-  .ps summary {
-    display: list-item;
-  }
-  .ps ol, .ps ul, .ps menu {
-    list-style: none;
-  }
-  .ps img, .ps svg, .ps video, .ps canvas, .ps audio, .ps iframe, .ps embed, .ps object {
-    display: block;
-    vertical-align: middle;
-  }
-  .ps img, .ps video {
-    max-width: 100%;
-    height: auto;
-  }
-  .ps button, .ps input, .ps select, .ps optgroup, .ps textarea, .ps ::file-selector-button {
-    font: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
-    border-radius: 0;
-    background-color: transparent;
-    opacity: 1;
-  }
-  .ps :where(select:is([multiple], [size])) optgroup {
-    font-weight: bolder;
-  }
-  .ps :where(select:is([multiple], [size])) optgroup option {
-    padding-inline-start: 20px;
-  }
-  .ps ::file-selector-button {
-    margin-inline-end: 4px;
-  }
+.ps *, .ps ::after, .ps ::before, .ps ::backdrop, .ps ::file-selector-button {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  border: 0 solid;
+}
+.ps html, .ps :host {
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  tab-size: 4;
+  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
+  font-feature-settings: var(--default-font-feature-settings, normal);
+  font-variation-settings: var(--default-font-variation-settings, normal);
+  -webkit-tap-highlight-color: transparent;
+}
+.ps hr {
+  height: 0;
+  color: inherit;
+  border-top-width: 1px;
+}
+.ps abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+}
+.ps h1, .ps h2, .ps h3, .ps h4, .ps h5, .ps h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+.ps a {
+  color: inherit;
+  -webkit-text-decoration: inherit;
+  text-decoration: inherit;
+}
+.ps b, .ps strong {
+  font-weight: bolder;
+}
+.ps code, .ps kbd, .ps samp, .ps pre {
+  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
+  font-feature-settings: var(--default-mono-font-feature-settings, normal);
+  font-variation-settings: var(--default-mono-font-variation-settings, normal);
+  font-size: 1em;
+}
+.ps small {
+  font-size: 80%;
+}
+.ps sub, .ps sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+.ps sub {
+  bottom: -0.25em;
+}
+.ps sup {
+  top: -0.5em;
+}
+.ps table {
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
+}
+.ps :-moz-focusring {
+  outline: auto;
+}
+.ps progress {
+  vertical-align: baseline;
+}
+.ps summary {
+  display: list-item;
+}
+.ps ol, .ps ul, .ps menu {
+  list-style: none;
+}
+.ps img, .ps svg, .ps video, .ps canvas, .ps audio, .ps iframe, .ps embed, .ps object {
+  display: block;
+  vertical-align: middle;
+}
+.ps img, .ps video {
+  max-width: 100%;
+  height: auto;
+}
+.ps button, .ps input, .ps select, .ps optgroup, .ps textarea, .ps ::file-selector-button {
+  font: inherit;
+  font-feature-settings: inherit;
+  font-variation-settings: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+  border-radius: 0;
+  background-color: transparent;
+  opacity: 1;
+}
+.ps :where(select:is([multiple], [size])) optgroup {
+  font-weight: bolder;
+}
+.ps :where(select:is([multiple], [size])) optgroup option {
+  padding-inline-start: 20px;
+}
+.ps ::file-selector-button {
+  margin-inline-end: 4px;
+}
+.ps ::placeholder {
+  opacity: 1;
+}
+@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
   .ps ::placeholder {
-    opacity: 1;
+    color: currentcolor;
   }
-  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+  @supports (color: color-mix(in lab, red, red)) {
     .ps ::placeholder {
-      color: currentcolor;
-      @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab, currentcolor 50%, transparent);
-      }
+      color: color-mix(in oklab, currentcolor 50%, transparent);
     }
   }
-  .ps textarea {
-    resize: vertical;
-  }
-  .ps ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  .ps ::-webkit-date-and-time-value {
-    min-height: 1lh;
-    text-align: inherit;
-  }
-  .ps ::-webkit-datetime-edit {
-    display: inline-flex;
-  }
-  .ps ::-webkit-datetime-edit-fields-wrapper {
-    padding: 0;
-  }
-  .ps ::-webkit-datetime-edit, .ps ::-webkit-datetime-edit-year-field, .ps ::-webkit-datetime-edit-month-field, .ps ::-webkit-datetime-edit-day-field, .ps ::-webkit-datetime-edit-hour-field, .ps ::-webkit-datetime-edit-minute-field, .ps ::-webkit-datetime-edit-second-field, .ps ::-webkit-datetime-edit-millisecond-field, .ps ::-webkit-datetime-edit-meridiem-field {
-    padding-block: 0;
-  }
-  .ps :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  .ps button, .ps input:where([type='button'], [type='reset'], [type='submit']), .ps ::file-selector-button {
-    appearance: button;
-  }
-  .ps ::-webkit-inner-spin-button, .ps ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  .ps [hidden]:where(:not([hidden='until-found'])) {
-    display: none !important;
-  }
+}
+.ps textarea {
+  resize: vertical;
+}
+.ps ::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+.ps ::-webkit-date-and-time-value {
+  min-height: 1lh;
+  text-align: inherit;
+}
+.ps ::-webkit-datetime-edit {
+  display: inline-flex;
+}
+.ps ::-webkit-datetime-edit-fields-wrapper {
+  padding: 0;
+}
+.ps ::-webkit-datetime-edit, .ps ::-webkit-datetime-edit-year-field, .ps ::-webkit-datetime-edit-month-field, .ps ::-webkit-datetime-edit-day-field, .ps ::-webkit-datetime-edit-hour-field, .ps ::-webkit-datetime-edit-minute-field, .ps ::-webkit-datetime-edit-second-field, .ps ::-webkit-datetime-edit-millisecond-field, .ps ::-webkit-datetime-edit-meridiem-field {
+  padding-block: 0;
+}
+.ps :-moz-ui-invalid {
+  box-shadow: none;
+}
+.ps button, .ps input:where([type='button'], [type='reset'], [type='submit']), .ps ::file-selector-button {
+  appearance: button;
+}
+.ps ::-webkit-inner-spin-button, .ps ::-webkit-outer-spin-button {
+  height: auto;
+}
+.ps [hidden]:where(:not([hidden='until-found'])) {
+  display: none !important;
 }
 .ps [data-radix-popper-content-wrapper] {
   z-index: 950 !important;