From 6770ba43501736eea5980c9b2089b2f28f15ba52 Mon Sep 17 00:00:00 2001
From: TwistedUmbrellaX <1173913+AbandonedCart@users.noreply.github.com>
Date: Wed, 13 Mar 2024 12:32:22 -0400
Subject: [PATCH] Revert "Combine CSS into nested selector"

---
 .../Configuration/inject.js                   | 41 +++++++++++--------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/ConfusedPolarBear.Plugin.IntroSkipper/Configuration/inject.js b/ConfusedPolarBear.Plugin.IntroSkipper/Configuration/inject.js
index d27186c..87746ab 100644
--- a/ConfusedPolarBear.Plugin.IntroSkipper/Configuration/inject.js
+++ b/ConfusedPolarBear.Plugin.IntroSkipper/Configuration/inject.js
@@ -66,6 +66,21 @@ introSkipper.injectCss = function () {
     let styleElement = document.createElement("style");
     styleElement.id = "introSkipperCss";
     styleElement.innerText = `
+    @media (hover:hover) and (pointer:fine) {
+        #skipIntro .paper-icon-button-light:hover:not(:disabled) {
+            color: black !important;
+            background-color: rgba(47, 93, 98, 0) !important;
+        }
+    }
+
+    #skipIntro .paper-icon-button-light.show-focus:focus {
+        transform: scale(1.04) !important;
+    }
+    
+    #skipIntro.upNextContainer {
+        width: unset;
+    }
+
     #skipIntro {
         padding: 0 1px;
         position: absolute;
@@ -80,23 +95,15 @@ introSkipper.injectCss = function () {
         -webkit-transition: ease-out 0.4s;
         -moz-transition: ease-out 0.4s;
         transition: ease-out 0.4s;
-        @media (hover:hover) and (pointer:fine) {
-            .paper-icon-button-light:hover:not(:disabled) {
-                color: black !important;
-                background-color: rgba(47, 93, 98, 0) !important;
-            }
-        }
-        .paper-icon-button-light.show-focus:focus {
-            transform: scale(1.04) !important;
-        }
-        #btnSkipSegmentText {
-            padding-right: 3px;
-            padding-bottom: 2px;
-        }
-        &.upNextContainer {
-            width: unset;
-        }
-        @media (max-width: 1080px) {
+    }
+
+    #skipIntro #btnSkipSegmentText {
+        padding-right: 3px;
+        padding-bottom: 2px;
+    }
+
+    @media (max-width: 1080px) {
+        #skipIntro {
             right: 10%;
         }
     }