Add new CSS modules: Spotlight Controls on Hover, Hide Title if Logo Present. Improve Zesty Theme support

skins/optional/global/darkenBackgroundImages.css

@@ -0,0 +1,3 @@
+#reactRoot > .backgroundContainer.withBackdrop {
+    background-color: rgba(0, 0, 0, .85) !important;
+}

skins/optional/global/hideTitleIfLogoPresent.css

@@ -1,4 +1,4 @@
 /* Hide the title if a logo is present. Use visibility in case skins rely on it for spacing */
-:has(.detailLogo:not(.hide)) .nameContainer {
+:has(.libraryPage:not(.hide) .detailLogo:not(.hide)) .nameContainer {
     visibility: hidden;
 }

skins/optional/global/spotlightControlsOnHover.css

@@ -0,0 +1,8 @@
+.spotlight-section:not(:hover) .spotlight-nav-container {
+  opacity: 0;
+  transition: opacity .1s ease-in-out;
+}
+.spotlight-section:hover .spotlight-nav-container {
+  opacity: 1;
+  transition: opacity .1s ease-in-out;
+}