update

public/css/app.css

@@ -513,6 +513,9 @@
   .start-1\/2 {
     inset-inline-start: calc(1/2 * 100%);
   }
+  .start-100 {
+    inset-inline-start: calc(var(--spacing) * 100);
+  }
   .end-0 {
     inset-inline-end: calc(var(--spacing) * 0);
   }
@@ -552,6 +555,9 @@
   .top-11 {
     top: calc(var(--spacing) * 11);
   }
+  .top-90 {
+    top: calc(var(--spacing) * 90);
+  }
   .top-\[-2px\] {
     top: -2px;
   }
@@ -666,9 +672,24 @@
   .order-2 {
     order: 2;
   }
+  .order-first {
+    order: -9999;
+  }
+  .col-3 {
+    grid-column: 3;
+  }
   .col-4 {
     grid-column: 4;
   }
+  .col-5 {
+    grid-column: 5;
+  }
+  .col-6 {
+    grid-column: 6;
+  }
+  .col-7 {
+    grid-column: 7;
+  }
   .col-8 {
     grid-column: 8;
   }
@@ -684,6 +705,9 @@
   .col-span-full {
     grid-column: 1 / -1;
   }
+  .float-end {
+    float: inline-end;
+  }
   .float-right {
     float: right;
   }
@@ -729,6 +753,9 @@
   .-mx-\[\.3125rem\] {
     margin-inline: calc(.3125rem * -1);
   }
+  .mx-0 {
+    margin-inline: calc(var(--spacing) * 0);
+  }
   .mx-1 {
     margin-inline: calc(var(--spacing) * 1);
   }
@@ -801,6 +828,9 @@
   .-ms-4 {
     margin-inline-start: calc(var(--spacing) * -4);
   }
+  .ms-0 {
+    margin-inline-start: calc(var(--spacing) * 0);
+  }
   .ms-1 {
     margin-inline-start: calc(var(--spacing) * 1);
   }
@@ -837,6 +867,12 @@
   .-me-4 {
     margin-inline-end: calc(var(--spacing) * -4);
   }
+  .me-0 {
+    margin-inline-end: calc(var(--spacing) * 0);
+  }
+  .me-1 {
+    margin-inline-end: calc(var(--spacing) * 1);
+  }
   .me-2 {
     margin-inline-end: calc(var(--spacing) * 2);
   }
@@ -846,6 +882,9 @@
   .me-4 {
     margin-inline-end: calc(var(--spacing) * 4);
   }
+  .me-auto {
+    margin-inline-end: auto;
+  }
   .-mt-0\.5 {
     margin-top: calc(var(--spacing) * -0.5);
   }
@@ -987,6 +1026,9 @@
   .mb-8 {
     margin-bottom: calc(var(--spacing) * 8);
   }
+  .mb-22 {
+    margin-bottom: calc(var(--spacing) * 22);
+  }
   .mb-\[2px\] {
     margin-bottom: 2px;
   }
@@ -1561,6 +1603,9 @@
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
+  .w-50 {
+    width: calc(var(--spacing) * 50);
+  }
   .w-52 {
     width: calc(var(--spacing) * 52);
   }
@@ -1576,6 +1621,9 @@
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
+  .w-75 {
+    width: calc(var(--spacing) * 75);
+  }
   .w-80 {
     width: calc(var(--spacing) * 80);
   }
@@ -1704,9 +1752,15 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .flex-grow-1 {
+    flex-grow: 1;
+  }
   .grow {
     flex-grow: 1;
   }
+  .grow\! {
+    flex-grow: 1 !important;
+  }
   .table-auto {
     table-layout: auto;
   }
@@ -3877,6 +3931,9 @@
   .pe-0 {
     padding-inline-end: calc(var(--spacing) * 0);
   }
+  .pe-1 {
+    padding-inline-end: calc(var(--spacing) * 1);
+  }
   .pe-2 {
     padding-inline-end: calc(var(--spacing) * 2);
   }
@@ -4124,6 +4181,9 @@
     --tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
   }
+  .text-nowrap {
+    text-wrap: nowrap;
+  }
   .text-wrap {
     text-wrap: wrap;
   }