episode metadata

1 files changed, 18 insertions, 109 deletions

diff --git a/static/css/main.css b/static/css/main.css
index c6ee6a9..a0ea458 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -673,16 +673,12 @@ video {
   z-index: 10;
 }
 
-.z-50 {
-  z-index: 50;
-}
-
 .z-20 {
   z-index: 20;
 }
 
-.z-30 {
-  z-index: 30;
+.z-50 {
+  z-index: 50;
 }
 
 .-mx-4 {
@@ -705,11 +701,6 @@ video {
   margin-bottom: 2rem;
 }
 
-.-mx-2 {
-  margin-left: -0.5rem;
-  margin-right: -0.5rem;
-}
-
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -750,14 +741,6 @@ video {
   margin-top: 2rem;
 }
 
-.mt-\[0\.35rem\] {
-  margin-top: 0.35rem;
-}
-
-.ml-1 {
-  margin-left: 0.25rem;
-}
-
 .block {
   display: block;
 }
@@ -802,9 +785,8 @@ video {
   height: 1.5rem;
 }
 
-.size-5 {
-  width: 1.25rem;
-  height: 1.25rem;
+.h-16 {
+  height: 4rem;
 }
 
 .h-24 {
@@ -847,18 +829,10 @@ video {
   height: 100%;
 }
 
-.h-16 {
-  height: 4rem;
-}
-
 .max-h-24 {
   max-height: 6rem;
 }
 
-.max-h-screen {
-  max-height: 100vh;
-}
-
 .max-h-96 {
   max-height: 24rem;
 }
@@ -871,6 +845,10 @@ video {
   width: 2.5rem;
 }
 
+.w-12 {
+  width: 3rem;
+}
+
 .w-16 {
   width: 4rem;
 }
@@ -887,6 +865,10 @@ video {
   width: 1rem;
 }
 
+.w-48 {
+  width: 12rem;
+}
+
 .w-5 {
   width: 1.25rem;
 }
@@ -916,32 +898,20 @@ video {
   width: max-content;
 }
 
-.w-48 {
-  width: 12rem;
-}
-
-.w-12 {
-  width: 3rem;
-}
-
 .min-w-32 {
   min-width: 8rem;
 }
 
-.min-w-96 {
-  min-width: 24rem;
-}
-
-.min-w-80 {
-  min-width: 20rem;
+.max-w-7xl {
+  max-width: 80rem;
 }
 
-.min-w-72 {
-  min-width: 18rem;
+.max-w-\[calc\(100\%-10rem\)\] {
+  max-width: calc(100% - 10rem);
 }
 
-.max-w-7xl {
-  max-width: 80rem;
+.max-w-\[calc\(100\%-4rem\)\] {
+  max-width: calc(100% - 4rem);
 }
 
 .max-w-\[calc\(100\%-6rem\)\] {
@@ -957,23 +927,6 @@ video {
   max-width: max-content;
 }
 
-.max-w-\[calc\(100\%-10rem\)\] {
-  max-width: calc(100% - 10rem);
-}
-
-.max-w-fit {
-  max-width: -moz-fit-content;
-  max-width: fit-content;
-}
-
-.max-w-\[calc\(100\%-4rem\)\] {
-  max-width: calc(100% - 4rem);
-}
-
-.max-w-0\.5 {
-  max-width: 0.125rem;
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1078,10 +1031,6 @@ video {
   justify-content: space-around;
 }
 
-.justify-evenly {
-  justify-content: space-evenly;
-}
-
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1098,10 +1047,6 @@ video {
   gap: 2rem;
 }
 
-.gap-11 {
-  gap: 2.75rem;
-}
-
 .space-y-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2301,18 +2246,6 @@ main {
     height: 1rem;
   }
 
-  .sm\:flex-wrap {
-    flex-wrap: wrap;
-  }
-
-  .sm\:place-content-center {
-    place-content: center;
-  }
-
-  .sm\:items-center {
-    align-items: center;
-  }
-
   .sm\:gap-2 {
     gap: 0.5rem;
   }
@@ -2360,18 +2293,10 @@ main {
     height: 4rem;
   }
 
-  .lg\:h-\[42vw\] {
-    height: 42vw;
-  }
-
   .lg\:h-\[39vw\] {
     height: 39vw;
   }
 
-  .lg\:max-h-\[806px\] {
-    max-height: 806px;
-  }
-
   .lg\:max-h-\[761px\] {
     max-height: 761px;
   }
@@ -2396,10 +2321,6 @@ main {
     width: 15rem;
   }
 
-  .lg\:w-1\/3 {
-    width: 33.333333%;
-  }
-
   .lg\:flex-row {
     flex-direction: row;
   }
@@ -2420,18 +2341,6 @@ main {
     justify-content: flex-end;
   }
 
-  .lg\:justify-between {
-    justify-content: space-between;
-  }
-
-  .lg\:justify-around {
-    justify-content: space-around;
-  }
-
-  .lg\:justify-evenly {
-    justify-content: space-evenly;
-  }
-
   .lg\:bg-white {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));