recompile css to remove unused classes

static/tailwind.css

@@ -696,10 +696,6 @@ video {
   order: 4;
 }
 
-.col-span-2 {
-  grid-column: span 2 / span 2;
-}
-
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -710,6 +706,10 @@ video {
   margin-bottom: 1rem;
 }
 
+.-ml-1 {
+  margin-left: -0.25rem;
+}
+
 .-mt-4 {
   margin-top: -1rem;
 }
@@ -730,14 +730,6 @@ video {
   margin-top: 0.5rem;
 }
 
-.-ml-2 {
-  margin-left: -0.5rem;
-}
-
-.-ml-1 {
-  margin-left: -0.25rem;
-}
-
 .block {
   display: block;
 }
@@ -778,6 +770,10 @@ video {
   height: 6rem;
 }
 
+.h-6 {
+  height: 1.5rem;
+}
+
 .h-8 {
   height: 2rem;
 }
@@ -790,14 +786,6 @@ video {
   height: 100%;
 }
 
-.h-\[170px\] {
-  height: 170px;
-}
-
-.h-6 {
-  height: 1.5rem;
-}
-
 .max-h-\[182px\] {
   max-height: 182px;
 }
@@ -806,18 +794,6 @@ video {
   max-height: 50vh;
 }
 
-.max-h-\[calc\(100\%-2px\)\] {
-  max-height: calc(100% - 2px);
-}
-
-.max-h-\[calc\(100\%\+2px\)\] {
-  max-height: calc(100% + 2px);
-}
-
-.max-h-\[calc\(100\%\+8px\)\] {
-  max-height: calc(100% + 8px);
-}
-
 .max-h-\[calc\(100\%\+16px\)\] {
   max-height: calc(100% + 16px);
 }
@@ -838,6 +814,10 @@ video {
   width: 6rem;
 }
 
+.w-6 {
+  width: 1.5rem;
+}
+
 .w-8 {
   width: 2rem;
 }
@@ -867,14 +847,6 @@ video {
   width: max-content;
 }
 
-.w-6 {
-  width: 1.5rem;
-}
-
-.min-w-\[170px\] {
-  min-width: 170px;
-}
-
 .min-w-\[372px\] {
   min-width: 372px;
 }
@@ -883,10 +855,6 @@ video {
   max-width: 50vw;
 }
 
-.max-w-\[170px\] {
-  max-width: 170px;
-}
-
 .max-w-\[512px\] {
   max-width: 512px;
 }
@@ -895,14 +863,6 @@ video {
   flex: 1 1 0%;
 }
 
-.flex-shrink {
-  flex-shrink: 1;
-}
-
-.flex-grow {
-  flex-grow: 1;
-}
-
 .-translate-y-full {
   --tw-translate-y: -100%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -953,10 +913,6 @@ video {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
-.grid-cols-fluid {
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-}
-
 .flex-row {
   flex-direction: row;
 }
@@ -1257,22 +1213,10 @@ video {
   --tw-bg-opacity: 0.5;
 }
 
-.bg-opacity-55 {
-  --tw-bg-opacity: 0.55;
-}
-
-.bg-opacity-25 {
-  --tw-bg-opacity: 0.25;
-}
-
 .bg-opacity-75 {
   --tw-bg-opacity: 0.75;
 }
 
-.bg-opacity-5 {
-  --tw-bg-opacity: 0.05;
-}
-
 .object-contain {
   -o-object-fit: contain;
      object-fit: contain;
@@ -1362,16 +1306,16 @@ video {
   line-height: 1.75rem;
 }
 
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -1433,18 +1377,6 @@ video {
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 
-.backdrop-blur-sm {
-  --tw-backdrop-blur: blur(4px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-
-.backdrop-blur-lg {
-  --tw-backdrop-blur: blur(16px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-
 .transition-\[border-color\] {
   transition-property: border-color;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1554,20 +1486,6 @@ body {
   opacity: 0.25;
 }
 
-@media (min-width: 370px) {
-  .xs\:flex-1 {
-    flex: 1 1 0%;
-  }
-
-  .xs\:flex-grow {
-    flex-grow: 1;
-  }
-
-  .xs\:\[flex-grow\:1\] {
-    flex-grow: 1;
-  }
-}
-
 @media (min-width: 640px) {
   .sm\:-right-32 {
     right: -8rem;
@@ -1695,10 +1613,6 @@ body {
     display: inline;
   }
 
-  .md\:grid {
-    display: grid;
-  }
-
   .md\:hidden {
     display: none;
   }
@@ -1711,14 +1625,6 @@ body {
     width: auto;
   }
 
-  .md\:w-\[170px\] {
-    width: 170px;
-  }
-
-  .md\:grid-cols-fluid {
-    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  }
-
   .md\:gap-4 {
     gap: 1rem;
   }
@@ -1772,10 +1678,6 @@ body {
     flex-direction: row;
   }
 
-  .lg\:gap-4 {
-    gap: 1rem;
-  }
-
   .lg\:text-4xl {
     font-size: 2.25rem;
     line-height: 2.5rem;
@@ -1789,10 +1691,6 @@ body {
   .lg\:\[grid-column\:span_2\] {
     grid-column: span 2;
   }
-
-  .lg\:\[span\:2\] {
-    span: 2;
-  }
 }
 
 @media (min-width: 1280px) {
@@ -1816,10 +1714,6 @@ body {
     flex-direction: column;
   }
 
-  .xl\:gap-1 {
-    gap: 0.25rem;
-  }
-
   .xl\:text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;