make studio overlay readable

Author: deuulc

themes/Theme-Minimal/scenes.css

@@ -7,12 +7,6 @@
   padding: 20px;
   margin: 8px;
 
-  /* demo */
-  /* .scene-card-preview-image,
-  .performer-card-image {
-    filter: blur(50px);
-  } */
-
   a .card-section-title {
     color: unset;
     text-decoration: none;
@@ -38,11 +32,17 @@
     width: 1.2rem;
   }
 
-  &:hover .progress-bar,
-  &:hover .rating-banner,
-  &:hover .scene-spec-overlay {
-    transition: opacity 0.3s;
-    opacity: 0;
+  &:hover,
+  &:active {
+    .thumbnail-section {
+      .progress-bar,
+      .rating-banner,
+      .scene-spec-overlay,
+      .studio-overlay {
+        transition: opacity 0.5s ease-in-out;
+        opacity: 0;
+      }
+    }
   }
 
   .thumbnail-section {
@@ -71,7 +71,9 @@
       background-color: var(--black-a6);
       backdrop-filter: blur(10px);
 
-      letter-spacing: var(0.2ch);
+      opacity: unset;
+
+      letter-spacing: 0.05ch;
     }
 
     .studio-overlay {
@@ -159,12 +161,6 @@
       display: flex !important;
       justify-content: space-between;
       align-items: center;
-
-      /* .overlay-resolution {
-      }
-
-      .overlay-duration {
-      } */
     }
 
     .preview-scrubber {
@@ -203,16 +199,19 @@
       min-height: 0;
       margin-bottom: 0;
       height: auto;
+
       .scene-card__date {
         font-size: var(--text-xs);
         color: var(--primary-11);
         line-height: 1;
       }
+
       .scene-card__description {
         display: none;
       }
     }
   }
+
   hr {
     margin-top: 0;
     display: none;
@@ -248,6 +247,7 @@
   table {
     border-collapse: separate;
     border-spacing: 0px 20px;
+
     thead {
       background-color: unset;
 
@@ -267,6 +267,7 @@
 
     tbody {
       background-color: unset;
+
       tr {
         &:hover {
           background-color: var(--primary-2);