ahhhhhh

static/css/main.css

@@ -473,6 +473,12 @@
   .h-screen {
     height: 100vh;
   }
+  .max-h-8 {
+    max-height: calc(var(--spacing) * 8);
+  }
+  .max-h-12 {
+    max-height: calc(var(--spacing) * 12);
+  }
   .w-1 {
     width: calc(var(--spacing) * 1);
   }
@@ -536,6 +542,9 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-3 {
+    flex: 3;
+  }
   .flex-auto {
     flex: auto;
   }
@@ -885,6 +894,9 @@
   .align-super {
     vertical-align: super;
   }
+  .align-text-bottom {
+    vertical-align: text-bottom;
+  }
   .font-sans {
     font-family: var(--font-sans);
   }
@@ -920,6 +932,9 @@
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
   }
+  .text-ellipsis {
+    text-overflow: ellipsis;
+  }
   .text-\[\#f39\] {
     color: #f39;
   }
@@ -1155,11 +1170,6 @@
       color: var(--color-gray-500);
     }
   }
-  .checked\:text-neutral-500 {
-    &:checked {
-      color: var(--color-neutral-500);
-    }
-  }
   .invalid\:text-\[\#F39\] {
     &:invalid {
       color: #F39;
@@ -1248,13 +1258,6 @@
       }
     }
   }
-  .hover\:bg-neutral-500 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-neutral-500);
-      }
-    }
-  }
   .hover\:text-blue-500 {
     &:hover {
       @media (hover: hover) {
@@ -1359,11 +1362,6 @@
       --tw-ring-color: var(--color-blue-700);
     }
   }
-  .focus\:ring-gray-700 {
-    &:focus {
-      --tw-ring-color: var(--color-gray-700);
-    }
-  }
   .focus\:ring-white {
     &:focus {
       --tw-ring-color: var(--color-white);