From d46476ce72ecf236389c568742a2c8ad68dab771 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Tue, 11 Mar 2025 02:58:46 +0900
Subject: [PATCH] Fix: `@media -moz-pref` supports #1072

ESR era syntax has been removed.
---
 __tests__/mode.test.scss               |   16 +-
 __tests__/native_menu.test.scss        |    4 +-
 __tests__/one_liner.test.scss          |    6 +-
 __tests__/option.test.scss             |  151 ++-
 css/leptonChrome.css                   | 1542 ++++++++++++------------
 css/leptonContent.css                  |  152 ++-
 src/combined/_back_forward_button.scss |    5 +
 src/leptonChromeNightly.scss           |    7 +-
 src/leptonContentNightly.scss          |    7 +-
 src/utils/_mode.scss                   |   24 +-
 src/utils/_option.scss                 |   75 +-
 11 files changed, 1073 insertions(+), 916 deletions(-)

diff --git a/__tests__/mode.test.scss b/__tests__/mode.test.scss
index a02856e..52c1062 100644
--- a/__tests__/mode.test.scss
+++ b/__tests__/mode.test.scss
@@ -29,11 +29,11 @@
   }
 
   @include test("support pref") {
-    @include mode.SUPPORT_PREF;
+    @include mode.SUPPORT_BOOL_PREF;
 
     @include assert {
       @include output {
-        @if mode.isMediaPref() {
+        @if mode.isMediaBoolPref() {
           @include example;
         }
       }
@@ -44,11 +44,11 @@
   }
 
   @include test("media pref") {
-    @include mode.MEDIA_PREF;
+    @include mode.MEDIA_BOOL_PREF;
 
     @include assert {
       @include output {
-        @if mode.isMediaPref() {
+        @if mode.isMediaBoolPref() {
           @include example;
         }
       }
@@ -86,11 +86,11 @@
   }
 
   @include test("support pref") {
-    @include mode.SUPPORT_PREF;
+    @include mode.SUPPORT_BOOL_PREF;
 
     @include assert {
       @include output {
-        @if mode.isMediaPref() {
+        @if mode.isMediaBoolPref() {
           @include example;
         }
       }
@@ -101,11 +101,11 @@
   }
 
   @include test("media pref") {
-    @include mode.MEDIA_PREF;
+    @include mode.MEDIA_BOOL_PREF;
 
     @include assert {
       @include output {
-        @if mode.isMediaPref() {
+        @if mode.isMediaBoolPref() {
           @include example;
         }
       }
diff --git a/__tests__/native_menu.test.scss b/__tests__/native_menu.test.scss
index 0290ecb..425b09c 100644
--- a/__tests__/native_menu.test.scss
+++ b/__tests__/native_menu.test.scss
@@ -137,7 +137,7 @@
 
 @include test-module("Native Menu Option - Standard [mix]") {
   @include mode.STANDARD;
-  @include mode.SUPPORT_PREF;
+  @include mode.SUPPORT_BOOL_PREF;
 
   @include test("simple") {
     @include assert {
@@ -256,7 +256,7 @@
 
 @include test-module("Native Menu Option - MediaPref [mix]") {
   @include mode.STANDARD;
-  @include mode.MEDIA_PREF;
+  @include mode.MEDIA_BOOL_PREF;
 
   @include test("simple") {
     @include assert {
diff --git a/__tests__/one_liner.test.scss b/__tests__/one_liner.test.scss
index 77fec07..5155f68 100644
--- a/__tests__/one_liner.test.scss
+++ b/__tests__/one_liner.test.scss
@@ -51,7 +51,7 @@
 
 @include test-module("One Liner - MediaPref [mix]") {
   @include mode.STANDARD;
-  @include mode.MEDIA_PREF;
+  @include mode.MEDIA_BOOL_PREF;
 
   @include test("content") {
     @include assert {
@@ -167,9 +167,9 @@
   }
 }
 
-@include test-module("One Liner for Responsive - MEDIA_PREF [mix]") {
+@include test-module("One Liner for Responsive - MEDIA_BOOL_PREF [mix]") {
   @include mode.STANDARD;
-  @include mode.MEDIA_PREF;
+  @include mode.MEDIA_BOOL_PREF;
 
   @include test("Tabs on bottom") {
     @include assert {
diff --git a/__tests__/option.test.scss b/__tests__/option.test.scss
index b47e8df..7a8bb74 100644
--- a/__tests__/option.test.scss
+++ b/__tests__/option.test.scss
@@ -81,7 +81,7 @@
 
 @include test-module("If exist pref - Standard [mix]") {
   @include mode.STANDARD;
-  @include mode.SUPPORT_PREF;
+  @include mode.SUPPORT_BOOL_PREF;
 
   @include test("simple") {
     @include assert {
@@ -156,9 +156,9 @@
   }
 }
 
-@include test-module("If exist pref - MediaPref [mix]") {
+@include test-module("If exist pref - MediaBoolPref [mix]") {
   @include mode.STANDARD;
-  @include mode.MEDIA_PREF;
+  @include mode.MEDIA_BOOL_PREF;
 
   @include test("simple") {
     @include assert {
@@ -233,6 +233,83 @@
   }
 }
 
+@include test-module("If exist pref - Media [mix]") {
+  @include mode.STANDARD;
+  @include mode.MEDIA_PREF;
+
+  @include test("simple") {
+    @include assert {
+      @include output {
+        @include option.Option("userChrome.tab.photon") {
+          @include example;
+        }
+      }
+      @include expect {
+        @#{media} #{'-moz-pref("userChrome.tab.photon")'} {
+          @include example;
+        }
+      }
+    }
+  }
+
+  @include test("multiple") {
+    @include assert {
+      @include output {
+        @include option.Option("userChrome.tab.photon", "userChrome.padding.photon") {
+          @include example;
+        }
+      }
+      @include expect {
+        @#{media} #{'-moz-pref("userChrome.tab.photon") or -moz-pref("userChrome.padding.photon")'} {
+          @include example;
+        }
+      }
+    }
+  }
+
+  @include test("simple `and`") {
+    @include assert {
+      @include output {
+        @include option.Option("userChrome.tab.photon" "userChrome.padding.photon") {
+          @include example;
+        }
+      }
+      @include expect {
+        @#{media} #{'(-moz-pref("userChrome.tab.photon") and -moz-pref("userChrome.padding.photon"))'} {
+          @include example;
+        }
+      }
+    }
+  }
+
+  @include test("multiple `and`") {
+    @include assert {
+      @include output {
+        @include option.Option("userChrome.tab.photon" "userChrome.padding.photon", "userChrome.tab.box_shadow") {
+          @include example;
+        }
+        @include option.Option("userChrome.tab.photon" "userChrome.padding.photon", "userChrome.tab.box_shadow", "userChrome.icon.panel_full") {
+          @include example;
+        }
+        @include option.Option("userChrome.tab.photon" "userChrome.padding.photon", "userChrome.tab.box_shadow" "userChrome.icon.panel_full") {
+          @include example;
+        }
+      }
+      @include expect {
+        @#{media} #{'(-moz-pref("userChrome.tab.photon") and -moz-pref("userChrome.padding.photon")) or -moz-pref("userChrome.tab.box_shadow")'} {
+          @include example;
+        }
+        @#{media} #{'(-moz-pref("userChrome.tab.photon") and -moz-pref("userChrome.padding.photon")) or -moz-pref("userChrome.tab.box_shadow") or -moz-pref("userChrome.icon.panel_full")'} {
+          @include example;
+        }
+        @#{media} #{'(-moz-pref("userChrome.tab.photon") and -moz-pref("userChrome.padding.photon")) or (-moz-pref("userChrome.tab.box_shadow") and -moz-pref("userChrome.icon.panel_full"))'} {
+          @include example;
+        }
+      }
+    }
+  }
+}
+
 @include test-module("If not exist pref - ESR [mx]") {
   @include mode.ESR;
 
@@ -312,7 +389,7 @@
 
 @include test-module("If not exist pref - Standard [mx]") {
   @include mode.STANDARD;
-  @include mode.SUPPORT_PREF;
+  @include mode.SUPPORT_BOOL_PREF;
 
   @include test("simple") {
     @include assert {
@@ -372,9 +449,9 @@
   }
 }
 
-@include test-module("If not exist pref - MediaPref [mx]") {
+@include test-module("If not exist pref - MediaBoolPref [mx]") {
   @include mode.STANDARD;
-  @include mode.MEDIA_PREF;
+  @include mode.MEDIA_BOOL_PREF;
 
   @include test("simple") {
     @include assert {
@@ -433,3 +510,65 @@
     }
   }
 }
+
+@include test-module("If not exist pref - MediaPref [mx]") {
+  @include mode.STANDARD;
+  @include mode.MEDIA_PREF;
+
+  @include test("simple") {
+    @include assert {
+      @include output {
+        @include option.NotOption("userChrome.tab.photon") {
+          @include example;
+        }
+      }
+      @include expect {
+        @#{media} #{'not -moz-pref("userChrome.tab.photon")'} {
+          @include example;
+        }
+      }
+    }
+  }
+
+  @include test("multiple") {
+    @include assert {
+      @include output {
+        @include option.NotOption("userChrome.tab.photon", "userChrome.padding.photon") {
+          @include example;
+        }
+      }
+      @include expect {
+        @#{media} #{'(not -moz-pref("userChrome.tab.photon")) or (not -moz-pref("userChrome.padding.photon"))'} {
+          @include example;
+        }
+      }
+    }
+  }
+
+  @include test("multiple `and`") {
+    @include assert {
+      @include output {
+        @include option.NotOption("userChrome.tab.photon" "userChrome.padding.photon", "userChrome.tab.box_shadow") {
+          @include example;
+        }
+        @include option.NotOption("userChrome.tab.photon" "userChrome.padding.photon", "userChrome.tab.box_shadow", "userChrome.icon.panel_full") {
+          @include example;
+        }
+        @include option.NotOption("userChrome.tab.photon" "userChrome.padding.photon", "userChrome.tab.box_shadow" "userChrome.icon.panel_full") {
+          @include example;
+        }
+      }
+      @include expect {
+        @#{media} #{'((not -moz-pref("userChrome.tab.photon")) and (not -moz-pref("userChrome.padding.photon"))) or (not -moz-pref("userChrome.tab.box_shadow"))'} {
+          @include example;
+        }
+        @#{media} #{'((not -moz-pref("userChrome.tab.photon")) and (not -moz-pref("userChrome.padding.photon"))) or (not -moz-pref("userChrome.tab.box_shadow")) or (not -moz-pref("userChrome.icon.panel_full"))'} {
+          @include example;
+        }
+        @#{media} #{'((not -moz-pref("userChrome.tab.photon")) and (not -moz-pref("userChrome.padding.photon"))) or ((not -moz-pref("userChrome.tab.box_shadow")) and (not -moz-pref("userChrome.icon.panel_full")))'} {
+          @include example;
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index bd32994..484118c 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -2,7 +2,7 @@
 @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 @namespace html url("http://www.w3.org/1999/xhtml");
 /** Default Theme - Contrast **************************************************/
-@supports -moz-bool-pref("userChrome.theme.built_in_contrast") {
+@media -moz-pref("userChrome.theme.built_in_contrast") {
   /*= Lightmode - Color darker =================================================*/
   :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]),
   :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] {
@@ -14,7 +14,7 @@
       background-color: var(--lwt-accent-color) !important;
     }
   }
-  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+  @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
     :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) #navigator-toolbox,
     :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] #navigator-toolbox {
       background-color: var(--lwt-accent-color) !important;
@@ -28,7 +28,7 @@
 }
 /** Compatibility Fixes *******************************************************/
 /*= Theme - Compatibility ====================================================*/
-@supports -moz-bool-pref("userChrome.compatibility.theme") {
+@media -moz-pref("userChrome.compatibility.theme") {
   /*= Hotfix #98 ===============================================================*/
   /* Hidden Tab Panel Padding */
   #allTabsMenu-hiddenTabsView .all-tabs-item {
@@ -68,7 +68,7 @@
     background-color: transparent !important;
   }
   /*= Remove Tab Border ========================================================*/
-  @supports -moz-bool-pref("userChrome.tab.connect_to_window") {
+  @media -moz-pref("userChrome.tab.connect_to_window") {
     /* TARGET: original, photon */
     #TabsToolbar:not([brighttext])
       #tabbrowser-tabs:not([noshadowfortests])
@@ -116,7 +116,7 @@
     :root[lwtheme-image] > body {
       background-size: contain;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.covered_header_image") {
+    @media -moz-pref("userChrome.compatibility.covered_header_image") {
       :root[lwtheme-image] > body {
         background-size: cover;
       }
@@ -167,7 +167,7 @@
     padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important;
     margin-inline-start: 0 !important;
   }
-  @supports -moz-bool-pref("userChrome.tab.static_separator") {
+  @media -moz-pref("userChrome.tab.static_separator") {
     #tabbrowser-tabs {
       border-inline-start: none !important;
       padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important;
@@ -220,7 +220,7 @@
   }
 }
 /*= OS - Compatibility =======================================================*/
-@supports -moz-bool-pref("userChrome.compatibility.os") {
+@media -moz-pref("userChrome.compatibility.os") {
   /*= Windows 10 - Top border of accent color at ESR #358 ======================*/
   @media (-moz-platform: windows) {
     :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox {
@@ -234,7 +234,7 @@
     :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox {
       border-top-color: ActiveBorder !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox {
         border-top-color: -moz-accent-color !important;
       }
@@ -251,7 +251,7 @@
       background-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* Original: -moz-menuhover */
     }
     /*= Linux - Titlebar button at lwtheme =====================================*/
-    @supports not -moz-bool-pref("userChrome.compatibility.os.linux_non_native_titlebar_button") {
+    @media not -moz-pref("userChrome.compatibility.os.linux_non_native_titlebar_button") {
       :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-button {
         appearance: none !important;
       }
@@ -299,13 +299,13 @@
   }
   /*= Titlebar Container Size at maximized #384 ================================*/
   @media (-moz-platform: windows) {
-    @supports not -moz-bool-pref("userChrome.compatibility.os.windows_maximized") {
+    @media not -moz-pref("userChrome.compatibility.os.windows_maximized") {
       :root:is([tabsintitlebar], [customtitlebar]) #titlebar {
         /* -moz-default-appearance: -moz-window-titlebar */
         appearance: none !important;
       }
     }
-    @supports -moz-bool-pref("userChrome.compatibility.os.windows_maximized") {
+    @media -moz-pref("userChrome.compatibility.os.windows_maximized") {
       :root:is([tabsintitlebar], [customtitlebar])[sizemode="maximized"] #titlebar {
         appearance: none !important;
         padding-top: 8px;
@@ -319,19 +319,19 @@
   }
 }
 /*= Others - Compatibility ===================================================*/
-@supports -moz-bool-pref("userChrome.compatibility.panel_cutoff") {
+@media -moz-pref("userChrome.compatibility.panel_cutoff") {
   #appMenu-popup panelview {
     width: 24.5em !important; /* can modify panel width, Original: 22.5em */
   }
 }
-@supports -moz-bool-pref("userChrome.compatibility.navbar_top_border") {
+@media -moz-pref("userChrome.compatibility.navbar_top_border") {
   #nav-bar {
     box-shadow: none !important;
   }
 }
 /** Theme *********************************************************************/
 /*= System Default Theme =====================================================*/
-@supports -moz-bool-pref("userChrome.theme.system_default") {
+@media -moz-pref("userChrome.theme.system_default") {
   /*= Common - URL Bar focus color =============================================*/
   @media (-moz-windows-accent-color-in-titlebar), (-moz-gtk-csd-available) {
     /* URL Bar */
@@ -351,7 +351,7 @@
         transparent
       ) !important; /* Like: --toolbar-field-focus-border-color */
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)),
       :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) {
         --focus-outline-color: -moz-accent-color !important;
@@ -399,7 +399,7 @@
       --win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, AccentColor);
       --win-accent-active-color: AccentColor;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) {
         --win-accent-foreground-color: -moz-accent-color-foreground;
         --win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, -moz-accent-color);
@@ -408,7 +408,7 @@
         --win-accent-active-color: -moz-accent-color;
       }
     }
-    @supports -moz-bool-pref("userChrome.compatibility.os.win11") {
+    @media -moz-pref("userChrome.compatibility.os.win11") {
       :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) {
         --win-text-color: #1a1a1a;
         --win-bgcolor: #e8e8e8;
@@ -463,7 +463,7 @@
       --win-accent-hover-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 5%, AccentColor);
       --win-accent-active-color: AccentColor;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       :root:is(:not([lwtheme]), :not(:-moz-lwtheme)),
       :root[lwt-default-theme-in-dark-mode] {
         --win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, -moz-accent-color);
@@ -472,7 +472,7 @@
         --win-accent-active-color: -moz-accent-color;
       }
     }
-    @supports -moz-bool-pref("userChrome.compatibility.os.win11") {
+    @media -moz-pref("userChrome.compatibility.os.win11") {
       :root:is(:not([lwtheme]), :not(:-moz-lwtheme)),
       :root[lwt-default-theme-in-dark-mode] {
         --win-bgcolor: #202020;
@@ -596,7 +596,7 @@
       --download-progress-flare-color: rgba(255, 255, 255, 0.75) !important;
       --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       :root:is(:not([lwtheme]), :not(:-moz-lwtheme)),
       :root[lwt-default-theme-in-dark-mode] {
         --tab-line-color: Highlight !important;
@@ -622,7 +622,7 @@
     }
   }
   @media (-moz-platform: windows) {
-    @supports -moz-bool-pref("userChrome.theme.system_default") {
+    @media -moz-pref("userChrome.theme.system_default") {
       @media (-moz-platform: windows) and (-moz-windows-accent-color-in-titlebar) {
         :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(
             :not([lwtheme]),
@@ -635,7 +635,7 @@
     }
   }
   @media (-moz-platform: windows) {
-    @supports -moz-bool-pref("userChrome.compatibility.os.win11") {
+    @media -moz-pref("userChrome.compatibility.os.win11") {
       :root:is(:not([lwtheme]), :not(:-moz-lwtheme)),
       :root[lwt-default-theme-in-dark-mode] {
         --chrome-content-separator-color: var(--win11-chrome-separator-color) !important;
@@ -646,7 +646,7 @@
     }
   }
   @media (-moz-platform: windows) {
-    @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") {
+    @media not -moz-pref("userChrome.tab.color_like_toolbar") {
       :root:is(:not([lwtheme]), :not(:-moz-lwtheme)),
       :root[lwt-default-theme-in-dark-mode] {
         --win-proton-tab-selected-bgcolor: color-mix(in srgb, var(--win-bgcolor) 5%, var(--win-component-bgcolor));
@@ -817,7 +817,7 @@
       color: AccentColorText !important;
       background-color: AccentColor !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme))
         .titlebar-color,
       :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme))
@@ -838,7 +838,7 @@
       --toolbarbutton-hover-background: color-mix(in srgb, AccentColorText 10%, transparent);
       --toolbarbutton-active-background: color-mix(in srgb, AccentColorText 15%, transparent);
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme))
         .toolbar-items,
       :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive)
@@ -858,7 +858,7 @@
     :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) .urlbarView-url {
       --urlbar-popup-url-color: AccentColor;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) .urlbarView-url {
         --urlbar-popup-url-color: -moz-accent-color;
       }
@@ -869,7 +869,7 @@
     }
   }
   /*= Mac - Default like color =================================================*/
-  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+  @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
     :root:is(:not([lwtheme]), :not(:-moz-lwtheme)),
     :root[lwt-default-theme-in-dark-mode] {
       /* Colors */
@@ -997,7 +997,7 @@
       --download-progress-flare-color: rgba(255, 255, 255, 0.75) !important;
       --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       :root:is(:not([lwtheme]), :not(:-moz-lwtheme)),
       :root[lwt-default-theme-in-dark-mode] {
         --mac-primary-button-color: -moz-accent-color-foreground; /* or -moz-mac-menutextselect */
@@ -1022,7 +1022,7 @@
       }
     }
     /*- Proton Tab Selected ----------------------------------------------------*/
-    @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") {
+    @media not -moz-pref("userChrome.tab.color_like_toolbar") {
       :root:is(:not([lwtheme]), :not(:-moz-lwtheme)),
       :root[lwt-default-theme-in-dark-mode] {
         --mac-proton-tab-selected-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 20%, -moz-dialog);
@@ -1093,7 +1093,7 @@
       }
     }
     /* Hard Coded */
-    @supports -moz-bool-pref("userChrome.tab.color_like_toolbar") {
+    @media -moz-pref("userChrome.tab.color_like_toolbar") {
       :root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode]
         #tabbrowser-tabs:not([movingtab])
         > #tabbrowser-arrowscrollbox
@@ -1118,7 +1118,7 @@
   }
 }
 /*= None Native Menu =========================================================*/
-@supports -moz-bool-pref("userChrome.theme.non_native_menu") {
+@media -moz-pref("userChrome.theme.non_native_menu") {
   @media (-moz-gtk-csd-available) {
     :root {
       /* Override some menu color variables for light browser themes. */
@@ -1335,7 +1335,7 @@
       min-width: 0 !important;
       min-height: 0 !important;
     }
-    @supports -moz-bool-pref("userChrome.rounding.square_menupopup") {
+    @media -moz-pref("userChrome.rounding.square_menupopup") {
       .menupopup-arrowscrollbox[part*="content"] {
         border-radius: 0px !important;
       }
@@ -1455,7 +1455,7 @@
   }
 }
 /*= Fully Theme Mode =========================================================*/
-@supports -moz-bool-pref("userChrome.theme.proton_color") {
+@media -moz-pref("userChrome.theme.proton_color") {
   /*= Default Colors - Hard Coded ==============================================*/
   /* Based on chrome://global/skin/in-content/common.css */
   :host,
@@ -1638,7 +1638,7 @@
       --menu-icon-opacity: var(--dark-menu-icon-opacity);
     }
   }
-  @supports -moz-bool-pref("userChrome.theme.non_native_menu") {
+  @media -moz-pref("userChrome.theme.non_native_menu") {
     @media (-moz-gtk-csd-available) {
       :root {
         /* Override some menu color variables for light browser themes. */
@@ -1672,7 +1672,7 @@
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.theme.proton_color.dark_blue_accent") {
+  @media -moz-pref("userChrome.theme.proton_color.dark_blue_accent") {
     @media (prefers-color-scheme: dark) {
       :host,
       :root {
@@ -1739,7 +1739,7 @@
         --panel-banner-item-info-icon-bgcolor: var(--blue-30) !important;
         --lwt-brighttext-url-color: var(--blue-30) !important; /* Original: as primary bgcolor */
       }
-      @supports -moz-bool-pref("userChrome.decoration.download_panel") {
+      @media -moz-pref("userChrome.decoration.download_panel") {
         :root[lwtheme-mozlightdark][lwthemetextcolor="bright"] #downloadsListBox,
         :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] #downloadsListBox {
           --button-primary-bgcolor: var(--blue-30);
@@ -1749,7 +1749,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.theme.private") {
+@media -moz-pref("userChrome.theme.private") {
   :root[privatebrowsingmode="temporary"],
   :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"],
   :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"],
@@ -1868,7 +1868,7 @@
     --menu-border-color: #322560 !important;
   }
 }
-@supports -moz-bool-pref("userChrome.theme.fully_color") {
+@media -moz-pref("userChrome.theme.fully_color") {
   /*== Menu Color ==============================================================*/
   html#main-window menupopup:not(.in-menulist) {
     /* is same as toolbar color https://github.com/mozilla/gecko-dev/blob/master/toolkit/themes/windows/global/global.css#L17-L67 */
@@ -1935,7 +1935,7 @@
       --toolbarbutton-hover-background: rgba(232, 224, 255, 0.11999999731779099) !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.theme.non_native_menu") {
+  @media -moz-pref("userChrome.theme.non_native_menu") {
     @media (-moz-gtk-csd-available) {
       html#main-window menupopup:not(.in-menulist) {
         /* Above FF v105 #466 */
@@ -2127,7 +2127,7 @@
     border-color: AccentColor !important; /* Hard Coded */
     outline-color: AccentColor !important;
   }
-  @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+  @media -moz-pref("userChrome.compatibility.accent_color") {
     .sidebar-panel:not([lwt-sidebar]) #search-box[focused="true"],
     body:not([lwt-sidebar]) xul|search-textbox.tabsFilter[focused="true"] {
       border-color: -moz-accent-color !important; /* Hard Coded */
@@ -2208,7 +2208,7 @@
   }
 }
 /*= Fully Dark Mode ==========================================================*/
-@supports -moz-bool-pref("userChrome.theme.fully_dark") {
+@media -moz-pref("userChrome.theme.fully_dark") {
   /*= Remove White Flash =======================================================*/
   #tabbrowser-tabbox,
   #tabbrowser-tabpanels,
@@ -2279,7 +2279,7 @@
   }
 }
 /*= Transparent ==============================================================*/
-@supports -moz-bool-pref("userChrome.theme.transparent.frame") {
+@media -moz-pref("userChrome.theme.transparent.frame") {
   @media (-moz-platform: windows), (-moz-gtk-csd-available) {
     #main-window,
     #navigator-toolbox-background {
@@ -2388,7 +2388,7 @@
       transform: translateY(-7px) !important;
     }
   }
-  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+  @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
     :root:not(:-moz-window-inactive) #navigator-toolbox {
       background-color: transparent !important;
     }
@@ -2410,11 +2410,11 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.theme.transparent.menu") {
+@media -moz-pref("userChrome.theme.transparent.menu") {
   .menupopup-arrowscrollbox[part*="content"] {
     background: color-mix(in srgb, var(--menu-background-color, Menu) 90%, transparent) !important;
   }
-  @supports not -moz-bool-pref("userChrome.theme.non_native_menu") {
+  @media not -moz-pref("userChrome.theme.non_native_menu") {
     @media (-moz-gtk-csd-available) {
       html#main-window #mainPopupSet menupopup:not(.in-menulist) {
         --menu-background-color: Menu !important;
@@ -2422,7 +2422,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.theme.transparent.panel") {
+@media -moz-pref("userChrome.theme.transparent.panel") {
   panel[type="arrow"] {
     --panel-background: transparent !important;
   }
@@ -2431,7 +2431,7 @@
   }
 }
 /*= Proton Theme Mode ========================================================*/
-@supports -moz-bool-pref("userChrome.theme.proton_chrome") {
+@media -moz-pref("userChrome.theme.proton_chrome") {
   /*= Proton Commons ===========================================================*/
   @-moz-document url("chrome://global/content/commonDialog.xhtml"), url("chrome://pippki/content/editcacert.xhtml"), url("chrome://pippki/content/deletecert.xhtml"), url("chrome://pippki/content/exceptionDialog.xhtml"), url("chrome://mozapps/content/downloads/unknownContentType.xhtml"), url("chrome://global/content/appPicker.xhtml"), url("chrome://browser/content/pageinfo/pageInfo.xhtml")
   {
@@ -2634,7 +2634,7 @@
       color: var(--checkbox-checked-color, AccentColorText) !important;
       background-color: var(--checkbox-checked-bgcolor, AccentColor) !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       .checkbox-check[checked] {
         color: var(--checkbox-checked-color, -moz-accent-color-foreground) !important;
         background-color: var(--checkbox-checked-bgcolor, -moz-accent-color) !important;
@@ -2643,7 +2643,7 @@
     checkbox:not([disabled="true"]):hover > .checkbox-check {
       background-color: var(--checkbox-unchecked-hover-bgcolor, color-mix(in srgb, AccentColor 4%, Field)) !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       checkbox:not([disabled="true"]):hover > .checkbox-check {
         background-color: var(
           --checkbox-unchecked-hover-bgcolor,
@@ -2654,7 +2654,7 @@
     checkbox:not([disabled="true"]):hover:active > .checkbox-check {
       background-color: var(--checkbox-unchecked-active-bgcolor, color-mix(in srgb, AccentColor 8%, Field)) !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       checkbox:not([disabled="true"]):hover:active > .checkbox-check {
         background-color: var(
           --checkbox-unchecked-active-bgcolor,
@@ -2668,7 +2668,7 @@
         color-mix(in srgb, currentColor 12.5%, AccentColor)
       ) !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       checkbox:not([disabled="true"]):hover > .checkbox-check[checked] {
         background-color: var(
           --checkbox-checked-hover-bgcolor,
@@ -2682,7 +2682,7 @@
         color-mix(in srgb, currentColor 25%, AccentColor)
       ) !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] {
         background-color: var(
           --checkbox-checked-active-bgcolor,
@@ -2694,7 +2694,7 @@
       outline: 2px solid var(--focus-outline-color, AccentColor) !important;
       outline-offset: var(--focus-outline-offset, 2px) !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       checkbox:-moz-focusring > .checkbox-check {
         outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important;
       }
@@ -2704,7 +2704,7 @@
         /* color will set the border-color on the check due to how HCM works for in-content pages. */
         color: var(--checkbox-checked-border-color, color-mix(in srgb, AccentColor 4%, Field)) !important;
       }
-      @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+      @media -moz-pref("userChrome.compatibility.accent_color") {
         checkbox:not([disabled="true"]):hover > .checkbox-check {
           /* color will set the border-color on the check due to how HCM works for in-content pages. */
           color: var(--checkbox-checked-border-color, color-mix(in srgb, -moz-accent-color 4%, Field)) !important;
@@ -2714,7 +2714,7 @@
         color: var(--checkbox-checked-border-color, currentColor) !important;
         fill: var(--checkbox-checked-color, AccentColorText) !important;
       }
-      @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+      @media -moz-pref("userChrome.compatibility.accent_color") {
         .checkbox-check[checked] {
           fill: var(--checkbox-checked-color, -moz-accent-color-foreground) !important;
         }
@@ -2724,7 +2724,7 @@
         color: var(--checkbox-checked-border-color-hover, AccentColorText) !important;
         fill: var(--checkbox-checked-border-color-hover, AccentColorText) !important;
       }
-      @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+      @media -moz-pref("userChrome.compatibility.accent_color") {
         checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] > .checkbox-check[checked],
         checkbox:not([disabled="true"]):hover > .checkbox-check[checked] > .checkbox-check[checked] {
           color: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important;
@@ -2774,7 +2774,7 @@
       outline: 2px solid var(--focus-outline-color, AccentColor) !important;
       outline-offset: var(--focus-outline-offset, 2px) !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       xul|menulist:-moz-focusring {
         outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important;
       }
@@ -2970,7 +2970,7 @@
         outline: none !important;
       }
     }
-    @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+    @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
       xul|menulist > xul|menupopup > xul|menuitem[checked="true"]::before,
       xul|menulist > xul|menupopup > xul|menuitem[selected="true"]::before {
         display: none !important;
@@ -3061,7 +3061,7 @@
     #viewGroup > radio .radio-icon {
       background-image: none !important;
     }
-    @supports not -moz-bool-pref("userChrome.rounding.square_button") {
+    @media not -moz-pref("userChrome.rounding.square_button") {
       #viewGroup > radio {
         border-radius: 8px !important;
       }
@@ -3073,7 +3073,7 @@
       color: var(--in-content-button-text-color) !important; /* SelectedItemText */
       background-color: var(--in-content-button-background-active) !important; /* #C1D2EE; */
     }
-    @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+    @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
       #viewGroup > radio {
         height: auto !important;
       }
@@ -3095,7 +3095,7 @@
       margin: 0 !important;
       padding: 0 6px !important;
     }
-    @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+    @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
       #viewGroup > radio > .radio-label-box {
         padding-top: 32px !important; /* as -moz-image-region: rect(0px, 32px, 32px, 0px); */
       }
@@ -3257,7 +3257,7 @@
         padding: 5px !important;
         border-radius: 4px !important;
       }
-      @supports -moz-bool-pref("userChrome.rounding.square_button") {
+      @media -moz-pref("userChrome.rounding.square_button") {
         #placesToolbar > toolbarbutton {
           border-radius: 0 !important;
         }
@@ -3289,7 +3289,7 @@
         border-radius: 4px !important;
         margin-inline-end: 2px !important;
       }
-      @supports -moz-bool-pref("userChrome.rounding.square_button") {
+      @media -moz-pref("userChrome.rounding.square_button") {
         #placesMenu > menu {
           border-radius: 0 !important;
         }
@@ -3320,7 +3320,7 @@
         padding-block: 2px !important;
         min-height: 24px !important;
       }
-      @supports -moz-bool-pref("userChrome.rounding.square_field") {
+      @media -moz-pref("userChrome.rounding.square_field") {
         #searchFilter,
         #detailsPane html|input {
           border-radius: 0 !important;
@@ -3467,7 +3467,7 @@
         -moz-context-properties: fill !important;
         fill: currentColor !important;
       }
-      @supports -moz-bool-pref("userChrome.rounding.square_button") {
+      @media -moz-pref("userChrome.rounding.square_button") {
         #editBookmarkPanelRows .expander-up,
         #editBookmarkPanelRows .expander-down {
           border-radius: 0 !important;
@@ -3506,7 +3506,7 @@
         min-height: 20px !important;
         padding-inline: 4px !important;
       }
-      @supports -moz-bool-pref("userChrome.rounding.square_field") {
+      @media -moz-pref("userChrome.rounding.square_field") {
         #places input {
           border-radius: 0 !important;
         }
@@ -3529,7 +3529,7 @@
         border: 1px solid var(--organizer-border-color) !important;
         border-radius: 4px !important;
       }
-      @supports -moz-bool-pref("userChrome.rounding.square_field") {
+      @media -moz-pref("userChrome.rounding.square_field") {
         #editBMPanel_tagsSelectorRow > richlistbox {
           border-radius: 0 !important;
         }
@@ -3556,14 +3556,14 @@
   }
 }
 /*= Monospace ================================================================*/
-@supports -moz-bool-pref("userChrome.theme.monospace") {
+@media -moz-pref("userChrome.theme.monospace") {
   * {
     font-family: -moz-fixed;
   }
 }
 /** Decoration ****************************************************************/
 /*= Cursor Types =============================================================*/
-@supports -moz-bool-pref("userChrome.decoration.cursor") {
+@media -moz-pref("userChrome.decoration.cursor") {
   #appMenu-proton-update-banner,
   #appMenu-fxa-status2:not([fxastatus]) > #appMenu-fxa-label2,
   #appMenu-zoomReduce-button2,
@@ -3607,7 +3607,7 @@
   }
 }
 /*= Panel UI Button Separator ================================================*/
-@supports -moz-bool-pref("userChrome.decoration.panel_button_separator") {
+@media -moz-pref("userChrome.decoration.panel_button_separator") {
   :root:not([chromehidden~="toolbar"]) #PanelUI-button {
     margin-inline-start: 3px;
     padding-inline-start: 2px;
@@ -3622,7 +3622,7 @@
   }
 }
 /*= Panel UI Arrow ===========================================================*/
-@supports -moz-bool-pref("userChrome.decoration.panel_arrow") {
+@media -moz-pref("userChrome.decoration.panel_arrow") {
   #appMenu-popup {
     background-image: url("../icons/panelarrow-vertical.svg");
     background-repeat: no-repeat;
@@ -3645,13 +3645,13 @@
 }
 @media (prefers-reduced-motion: no-preference) {
   /*= Field Border ===========================================================*/
-  @supports -moz-bool-pref("userChrome.decoration.field_border") {
+  @media -moz-pref("userChrome.decoration.field_border") {
     /*- URL, Search Bar --------------------------------------------------------*/
     #urlbar:hover:not([focused="true"]) > #urlbar-background,
     #searchbar:hover:not(:focus-within) {
       --toolbar-field-border-color: var(--toolbar-field-focus-border-color);
     }
-    @supports -moz-bool-pref("userChrome.combined.urlbar_with_reload") {
+    @media -moz-pref("userChrome.combined.urlbar_with_reload") {
       #nav-bar-customization-target
         > #stop-reload-button:hover
         ~ #urlbar-container
@@ -3666,7 +3666,7 @@
     body[lwt-sidebar] xul|search-textbox.tabsFilter:hover {
       border-color: var(--lwt-sidebar-highlight-background-color, AccentColor) !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       .sidebar-panel[lwt-sidebar] #search-box:hover,
       body[lwt-sidebar] xul|search-textbox.tabsFilter:hover {
         border-color: var(--lwt-sidebar-highlight-background-color, Highlight) !important;
@@ -3676,7 +3676,7 @@
     body:not([lwt-sidebar]) xul|search-textbox.tabsFilter:hover {
       border-color: AccentColor !important;
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       .sidebar-panel:not([lwt-sidebar]) #search-box:hover,
       body:not([lwt-sidebar]) xul|search-textbox.tabsFilter:hover {
         border-color: -moz-accent-color !important;
@@ -3688,7 +3688,7 @@
     .findbar-container .findbar-textbox:hover {
       --input-border-color: color-mix(in srgb, var(--focus-outline-color, AccentColor) 50%, transparent);
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       #editBMPanel_namePicker:hover,
       #editBMPanel_tagsField:hover,
       .findbar-container .findbar-textbox:hover {
@@ -3697,7 +3697,7 @@
     }
   }
   /*= Downloads Panel ========================================================*/
-  @supports -moz-bool-pref("userChrome.decoration.download_panel") {
+  @media -moz-pref("userChrome.decoration.download_panel") {
     /* Accent Color for downloaded item */
     #downloadsListBox .download-state[exists] .downloadDetails {
       color: var(--button-primary-bgcolor);
@@ -3718,7 +3718,7 @@
     }
   }
   /*= Animate ================================================================*/
-  @supports -moz-bool-pref("userChrome.decoration.animate") {
+  @media -moz-pref("userChrome.decoration.animate") {
     /*- Background Color -------------------------------------------------------*/
     button,
     toolbarbutton,
@@ -3804,7 +3804,7 @@
     #page-action-buttons > .urlbar-page-action:hover {
       transition: background-color 1.25s var(--animation-easing-function) !important;
     }
-    @supports -moz-bool-pref("userChrome.combined.urlbar_with_reload") {
+    @media -moz-pref("userChrome.combined.urlbar_with_reload") {
       #nav-bar-customization-target > #stop-reload-button .toolbarbutton-icon {
         transition: background-color 2.5s var(--animation-easing-function) !important;
       }
@@ -3828,7 +3828,7 @@
       transition: border-color 0.5s var(--animation-easing-function) !important;
     }
     /*- Sidebar ----------------------------------------------------------------*/
-    @supports not -moz-bool-pref("userChrome.decoration.disable_sidebar_animate") {
+    @media not -moz-pref("userChrome.decoration.disable_sidebar_animate") {
       #sidebar-box {
         /* like #sidebar-box > #sidebar */
         min-width: 14em;
@@ -3931,7 +3931,7 @@
       transform: rotate(180deg);
     }
   }
-  @supports -moz-bool-pref("userChrome.decoration.disable_panel_animate") {
+  @media -moz-pref("userChrome.decoration.disable_panel_animate") {
     :root {
       --panelui-subview-transition-duration: 1ms !important; /* Disable top right corner menu sliding animation (0ms will not work!) */
     }
@@ -3943,12 +3943,12 @@
   border-radius: var(--arrowpanel-menuitem-border-radius) !important;
 }
 
-@supports -moz-bool-pref("userChrome.rounding.square_tab") {
+@media -moz-pref("userChrome.rounding.square_tab") {
   :root {
     --tab-border-radius: 0 !important; /* Original: 4px */
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_button") {
+@media -moz-pref("userChrome.rounding.square_button") {
   :root {
     --urlbar-icon-border-radius: 0 !important; /* Original: calc(var(--toolbarbutton-border-radius) - 1px); */
   }
@@ -3973,31 +3973,31 @@
     border-radius: 0 !important;
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_tab") or -moz-bool-pref("userChrome.rounding.square_button") {
+@media -moz-pref("userChrome.rounding.square_tab") or -moz-pref("userChrome.rounding.square_button") {
   /* Fix Tab bar button radius */
   #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button),
   .tab-close-button {
     --tab-border-radius: var(--toolbarbutton-border-radius);
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_panel") {
+@media -moz-pref("userChrome.rounding.square_panel") {
   :root {
     --arrowpanel-border-radius: 0 !important;
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_panelitem") {
+@media -moz-pref("userChrome.rounding.square_panelitem") {
   :root {
     --arrowpanel-menuitem-border-radius: 0 !important;
     --subviewbutton-border-radius: 0 !important;
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_menupopup") {
+@media -moz-pref("userChrome.rounding.square_menupopup") {
   menupopup {
     --panel-border-radius: 0px !important;
     border-radius: 0 !important;
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_menuitem") {
+@media -moz-pref("userChrome.rounding.square_menuitem") {
   xul|menulist:not([native]),
   xul|menulist > xul|menupopup xul|menu,
   xul|menulist > xul|menupopup xul|menuitem,
@@ -4005,12 +4005,12 @@
     border-radius: 0 !important;
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_infobox") {
+@media -moz-pref("userChrome.rounding.square_infobox") {
   #sanitizeEverythingWarningBox {
     border-radius: 0 !important;
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_toolbar") {
+@media -moz-pref("userChrome.rounding.square_toolbar") {
   :root {
     --uc-rounding-toolbar: 0;
   }
@@ -4020,7 +4020,7 @@
     border-radius: var(--uc-rounding-toolbar) !important;
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_field") {
+@media -moz-pref("userChrome.rounding.square_field") {
   input:not([type="radio"], [type="checkbox"]),
   textarea,
   select,
@@ -4039,26 +4039,26 @@
     --toolbarbutton-border-radius: 0;
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_urlView_item") {
+@media -moz-pref("userChrome.rounding.square_urlView_item") {
   .urlbarView-row,
   .urlbarView-row-inner {
     --toolbarbutton-border-radius: 0;
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_checklabel") {
+@media -moz-pref("userChrome.rounding.square_checklabel") {
   input[type="checkbox"],
   .checkbox-check {
     border-radius: 0 !important;
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_dialog") {
+@media -moz-pref("userChrome.rounding.square_dialog") {
   dialog,
   .dialogBox {
     border-radius: 0 !important;
   }
 }
 /*= Library ==============================================================*/
-@supports -moz-bool-pref("userChrome.rounding.square_button") {
+@media -moz-pref("userChrome.rounding.square_button") {
   #placesToolbar > toolbarbutton,
   #placesMenu > menu,
   #editBookmarkPanelRows .expander-up,
@@ -4066,7 +4066,7 @@
     border-radius: 0 !important;
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_field") {
+@media -moz-pref("userChrome.rounding.square_field") {
   #searchFilter,
   #detailsPane html|input,
   #places input #editBMPanel_tagsSelectorRow > richlistbox {
@@ -4078,7 +4078,7 @@
 */
 /** Reduce Padding ************************************************************/
 /*= Tab Bar - Distribution padding, radius ===================================*/
-@supports -moz-bool-pref("userChrome.tab.lepton_like_padding") or -moz-bool-pref("userChrome.tab.photon_like_padding") {
+@media -moz-pref("userChrome.tab.lepton_like_padding") or -moz-pref("userChrome.tab.photon_like_padding") {
   :root {
     --proton-tab-block-margin: var(--tab-block-margin) !important; /* Original: 4px, Legacy */
   }
@@ -4087,7 +4087,7 @@
     --tab-block-margin: 4px !important;
   }
 }
-@supports -moz-bool-pref("userChrome.tab.lepton_like_padding") {
+@media -moz-pref("userChrome.tab.lepton_like_padding") {
   :root {
     --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */
   }
@@ -4098,31 +4098,31 @@
     margin-block: -1px !important;
   }
 }
-@supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
+@media -moz-pref("userChrome.tab.photon_like_padding") {
   :root {
     --tab-block-margin: 0px !important;
   }
 }
 /*= Tab Bar - Reduce Width, Show more tabs ===================================*/
-@supports -moz-bool-pref("userChrome.padding.first_tab") {
+@media -moz-pref("userChrome.padding.first_tab") {
   /* for First Tab Space */
   :root {
     --uc-space-left-tabbar: 8px; /* If the option is not specified, it is equivalent to 0px. */
   }
-  @supports not -moz-bool-pref("userChrome.padding.first_tab.always") {
+  @media not -moz-pref("userChrome.padding.first_tab.always") {
     :root:not([tabsintitlebar]):not([customtitlebar]) #tabbrowser-tabs:not([positionpinnedtabs]),
     :root:is([sizemode="maximized"], [sizemode="fullscreen"]) #tabbrowser-tabs:not([positionpinnedtabs]) {
       padding-inline-start: var(--uc-space-left-tabbar) !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.padding.first_tab.always") {
+  @media -moz-pref("userChrome.padding.first_tab.always") {
     :root:not([tabsintitlebar]):not([customtitlebar]) #tabbrowser-tabs,
     :root:is([sizemode="maximized"], [sizemode="fullscreen"]) #tabbrowser-tabs {
       padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width, 0px) + var(--uc-space-left-tabbar)) !important;
     }
   }
 }
-@supports -moz-bool-pref("userChrome.padding.tabbar_width") {
+@media -moz-pref("userChrome.padding.tabbar_width") {
   /* Titlebar Space */
   :root {
     --uc-title-pre-spacer: 30px; /* Original: 40px */
@@ -4132,7 +4132,7 @@
     --uc-title-pre-spacer: 25px;
     --uc-title-post-spacer: 30px;
   }
-  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+  @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
     .titlebar-spacer[type="pre-tabs"] {
       width: var(--uc-title-pre-spacer) !important;
     }
@@ -4181,14 +4181,14 @@
     padding-left: var(--newtab-button-width-padding) !important;
     padding-right: var(--newtab-button-width-padding) !important;
   }
-  @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @media not -moz-pref("userChrome.tab.photon_like_padding") {
     #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])
       > #tabbrowser-arrowscrollbox
       > .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) {
       margin-inline-start: 1px !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @media -moz-pref("userChrome.tab.photon_like_padding") {
     #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])
       > #tabbrowser-arrowscrollbox
       > .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) {
@@ -4212,23 +4212,23 @@
     --toolbarbutton-outer-padding: 1px; /* Original: 2px*/
   }
   /* Tab - Max Size */
-  @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @media not -moz-pref("userChrome.tab.photon_like_padding") {
     :root {
       --tab-max-width: 240px;
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @media -moz-pref("userChrome.tab.photon_like_padding") {
     :root {
       --tab-max-width: 225px;
     }
   }
-  @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-    @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+  @media -moz-pref("userChrome.tabbar.one_liner") {
+    @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
       :root {
         --tab-max-width: 180px;
       }
     }
-    @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+    @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
       @media screen and (min-width: 1100px) {
         :root {
           --tab-max-width: 180px;
@@ -4246,8 +4246,8 @@
     > #tabbrowser-arrowscrollbox-periphery {
     min-width: 3px;
   }
-  @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") {
-    @supports -moz-bool-pref("userChrome.tab.lepton_like_padding") {
+  @media not -moz-pref("userChrome.tab.photon_like_padding") {
+    @media -moz-pref("userChrome.tab.lepton_like_padding") {
       #TabsToolbar:not([multibar]) .tabbrowser-tab[pinned] {
         padding-inline: 1px !important;
       }
@@ -4258,20 +4258,20 @@
         margin-inline-end: -1px !important;
       }
     }
-    @supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
+    @media not -moz-pref("userChrome.tabbar.multi_row") {
       #TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) {
         margin-inline-end: -2px !important;
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @media -moz-pref("userChrome.tab.photon_like_padding") {
     .tabbrowser-tab {
       padding-inline: 0 !important;
     }
   }
 }
 /*= Tab Bar - Reduce Height, Show more contents ==============================*/
-@supports -moz-bool-pref("userChrome.padding.drag_space") {
+@media -moz-pref("userChrome.padding.drag_space") {
   /* for Extra Drag Space */
   :root {
     --uc-space-above-tabbar: 8px; /* If the option is not specified, it is equivalent to 0px. */
@@ -4280,7 +4280,7 @@
     :root:is([tabsintitlebar], [customtitlebar])[sizemode="normal"] #toolbar-menubar[autohide="true"] {
       height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar) - var(--tabs-navbar-shadow-size));
     }
-    @supports -moz-bool-pref("userChrome.padding.drag_space.maximized") {
+    @media -moz-pref("userChrome.padding.drag_space.maximized") {
       :root:is([tabsintitlebar], [customtitlebar])[sizemode="maximized"] #toolbar-menubar[autohide="true"] {
         height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar) - var(--tabs-navbar-shadow-size));
       }
@@ -4290,13 +4290,13 @@
     :root:is([tabsintitlebar], [customtitlebar])[sizemode="normal"] #toolbar-menubar[autohide="true"] {
       height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar));
     }
-    @supports -moz-bool-pref("userChrome.padding.drag_space.maximized") {
+    @media -moz-pref("userChrome.padding.drag_space.maximized") {
       :root:is([tabsintitlebar], [customtitlebar])[sizemode="maximized"] #toolbar-menubar[autohide="true"] {
         height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar));
       }
     }
   }
-  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+  @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
     #TabsToolbar > .toolbar-items {
       padding-top: var(--uc-space-above-tabbar) !important;
     }
@@ -4307,7 +4307,7 @@
     :root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
       padding-top: var(--uc-space-above-tabbar) !important;
     }
-    @supports -moz-bool-pref("userChrome.padding.drag_space.maximized") {
+    @media -moz-pref("userChrome.padding.drag_space.maximized") {
       :root[sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items,
       :root[sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
         padding-top: var(--uc-space-above-tabbar) !important;
@@ -4315,9 +4315,9 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.padding.tabbar_height") {
+@media -moz-pref("userChrome.padding.tabbar_height") {
   /* Toolbar Height */
-  @supports -moz-bool-pref("userChrome.tab.lepton_like_padding") {
+  @media -moz-pref("userChrome.tab.lepton_like_padding") {
     :root:not([uidensity]) {
       --tab-min-height: 36px !important;
     }
@@ -4328,7 +4328,7 @@
       --tab-min-height: 41px !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @media -moz-pref("userChrome.tab.photon_like_padding") {
     :root:not([uidensity]) {
       --tab-min-height: 32px !important;
     }
@@ -4344,8 +4344,8 @@
       margin-top: 0 !important;
     }
   }
-  @supports not -moz-bool-pref("userChrome.tab.lepton_like_padding") {
-    @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @media not -moz-pref("userChrome.tab.lepton_like_padding") {
+    @media not -moz-pref("userChrome.tab.photon_like_padding") {
       :root:not([uidensity]) {
         --tab-min-height: 36px !important; /* 38px -> 36px */
       }
@@ -4363,7 +4363,7 @@
   #TabsToolbar[multibar] .tabbrowser-tab {
     height: unset !important; /* Original: var(--tab-min-height_mlt) */
   }
-  @supports -moz-bool-pref("userChrome.tab.connect_to_window") {
+  @media -moz-pref("userChrome.tab.connect_to_window") {
     :root {
       --tab-min-height_mlt: calc(
         var(--tab-min-height) + var(--tab-block-margin, var(--proton-tab-block-margin, 0px))
@@ -4374,7 +4374,7 @@
         (var(--tab-min-height) - 18px) / 2
       ) !important; /* Prevent overflow pinned tab bottom margin */
     }
-    @supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
+    @media not -moz-pref("userChrome.tabbar.multi_row") {
       :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
       #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
       #TabsToolbar:not([multibar])
@@ -4417,7 +4417,7 @@
   }
 }
 /*= Tool Bar - Button Padding ================================================*/
-@supports -moz-bool-pref("userChrome.padding.toolbar_button") or -moz-bool-pref("userChrome.tab.newtab_button_smaller") {
+@media -moz-pref("userChrome.padding.toolbar_button") or -moz-pref("userChrome.tab.newtab_button_smaller") {
   :root {
     --uc-small-toolbarbutton-inner-padding: 6px;
     --uc-toolbarbutton-inner-padding-default: 8px;
@@ -4431,26 +4431,26 @@
     --uc-toolbarbutton-inner-padding-default: 9px;
   }
 }
-@supports -moz-bool-pref("userChrome.padding.toolbar_button") {
+@media -moz-pref("userChrome.padding.toolbar_button") {
   :root[uidensity="compact"] {
     --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */
   }
-  @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") {
+  @media -moz-pref("userChrome.padding.toolbar_button.compact") {
     :root {
       --toolbarbutton-inner-padding: var(--uc-small-toolbarbutton-inner-padding) !important;
     }
   }
 }
 /*= Nav Bar - Reduce Width ===================================================*/
-@supports -moz-bool-pref("userChrome.padding.navbar_width") {
+@media -moz-pref("userChrome.padding.navbar_width") {
   #nav-bar:not([customizing]) toolbarspring {
     min-width: 1px !important;
     max-width: 100px !important;
   }
 }
 /*= URL Bar - Reduce Padding =================================================*/
-@supports not -moz-bool-pref("userChrome.urlView.as_commandbar") {
-  @supports -moz-bool-pref("userChrome.padding.urlbar") {
+@media not -moz-pref("userChrome.urlView.as_commandbar") {
+  @media -moz-pref("userChrome.padding.urlbar") {
     :root:not([uidensity="touch"]) #urlbar-container,
     :root:not([uidensity="touch"]) #search-container {
       padding-block: 3px !important; /* Original: 4px */
@@ -4485,7 +4485,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.padding.urlView_expanding") or -moz-bool-pref("userChrome.urlView.as_commandbar") {
+@media -moz-pref("userChrome.padding.urlView_expanding") or -moz-pref("userChrome.urlView.as_commandbar") {
   #urlbar[breakout][breakout-extend] {
     top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
     left: 0 !important;
@@ -4497,13 +4497,13 @@
     padding-inline: var(--urlbar-container-padding, 0px) !important;
   }
 }
-@supports -moz-bool-pref("userChrome.padding.urlView_expanding") {
+@media -moz-pref("userChrome.padding.urlView_expanding") {
   #urlbar[breakout][breakout-extend] > #urlbar-background {
     animation-name: none !important;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
   }
 }
-@supports -moz-bool-pref("userChrome.padding.urlView_result") {
+@media -moz-pref("userChrome.padding.urlView_result") {
   .urlbarView {
     margin-inline: 0 !important;
     width: 100% !important;
@@ -4513,19 +4513,19 @@
   }
 }
 /*= BookMark Bar - Reduce Height =============================================*/
-@supports -moz-bool-pref("userChrome.padding.bookmarkbar") {
+@media -moz-pref("userChrome.padding.bookmarkbar") {
   :root[uidensity="compact"] #PersonalToolbar toolbarbutton {
     margin-top: 0px !important; /* Original: 2px */
     margin-bottom: 1px !important;
   }
 }
 /*= Info Bar - Reduce Padding ================================================*/
-@supports -moz-bool-pref("userChrome.padding.infobar") or -moz-bool-pref("userChrome.autohide.infobar") {
+@media -moz-pref("userChrome.padding.infobar") or -moz-pref("userChrome.autohide.infobar") {
   #tab-notification-deck notification-message[message-bar-type="infobar"]:not([style*="margin-top"]) {
     margin: var(--infobar-message-margin, 0 4px var(--infobar-message-vertical-margin, 8px)) !important;
   }
 }
-@supports -moz-bool-pref("userChrome.padding.infobar") {
+@media -moz-pref("userChrome.padding.infobar") {
   :root:not([uidensity]) notification-message {
     --infobar-message-vertical-margin: 3px;
     --infobar-vertical-margin: 7px;
@@ -4568,7 +4568,7 @@
   }
 }
 /*= Menu - Reduce Padding ====================================================*/
-@supports -moz-bool-pref("userChrome.padding.menu") {
+@media -moz-pref("userChrome.padding.menu") {
   :root {
     --menu-padding: 0.35em; /* Win7, 8: 0px */
   }
@@ -4578,7 +4578,7 @@
   :root[uidensity="touch"] {
     --menu-padding: 0.5em;
   }
-  @supports -moz-bool-pref("userChrome.padding.menu_compact") {
+  @media -moz-pref("userChrome.padding.menu_compact") {
     :root {
       --menu-padding: 2px;
     }
@@ -4607,13 +4607,13 @@
       padding-block: var(--menu-padding) !important;
     }
   }
-  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+  @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
     #ContentSelectDropdown > menupopup > menucaption,
     #ContentSelectDropdown > menupopup > menuitem {
       padding-block: var(--menu-padding) !important;
     }
   }
-  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+  @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
     :root:not([uidensity="touch"]) .menu-text,
     :root:not([uidensity="touch"]) .menu-iconic-text {
       padding-inline-end: 0 !important; /* Original: 2px */
@@ -4639,14 +4639,14 @@
   }
 }
 /*= Bookmark Menu - Reduce Padding ===========================================*/
-@supports -moz-bool-pref("userChrome.padding.bookmark_menu") {
+@media -moz-pref("userChrome.padding.bookmark_menu") {
   :root {
     --bookmark-menu-padding: 3px;
   }
   :root[uidensity="compact"] {
     --bookmark-menu-padding: 1.5px;
   }
-  @supports -moz-bool-pref("userChrome.padding.menu_compact") {
+  @media -moz-pref("userChrome.padding.menu_compact") {
     :root {
       --bookmark-menu-padding: 2px;
     }
@@ -4659,7 +4659,7 @@
   :root:not([uidensity="touch"]) #PlacesToolbar menupopup[placespopup] .openintabs-menuitem {
     padding-block: var(--bookmark-menu-padding) !important;
   }
-  @supports -moz-bool-pref("userChrome.padding.menu_compact") or -moz-bool-pref("userChrome.padding.bookmark_menu.compact") {
+  @media -moz-pref("userChrome.padding.menu_compact") or -moz-pref("userChrome.padding.bookmark_menu.compact") {
     :root:not([uidensity="touch"]) #BMB_bookmarksPopup .bookmark-item,
     :root:not([uidensity="touch"]) #PlacesToolbar menupopup[placespopup] .bookmark-item {
       min-height: unset !important; /* Original: 24px */
@@ -4667,7 +4667,7 @@
   }
 }
 /*= Global Menu - Set Padding ================================================*/
-@supports -moz-bool-pref("userChrome.padding.global_menubar") {
+@media -moz-pref("userChrome.padding.global_menubar") {
   /* Vertical Align - Center & Height: 100%  */
   #main-menubar {
     flex: 1 !important;
@@ -4695,7 +4695,7 @@
   #main-menubar > menu > menupopup menu {
     padding-block: var(--bookmark-menu-padding) !important;
   }
-  @supports -moz-bool-pref("userChrome.compatibility.os.win11") {
+  @media -moz-pref("userChrome.compatibility.os.win11") {
     #main-menubar > menu > menupopup menuitem,
     #main-menubar > menu > menupopup menu {
       --bookmark-menu-padding: 3px;
@@ -4707,7 +4707,7 @@
   }
 }
 /*= Panel - Reduce padding ===================================================*/
-@supports -moz-bool-pref("userChrome.padding.panel") {
+@media -moz-pref("userChrome.padding.panel") {
   :root {
     --arrowpanel-menuitem-margin-block: 0; /* FF 102 compatibility */
     --arrowpanel-menuitem-margin-inline: 8px;
@@ -4729,8 +4729,8 @@
   .all-tabs-item {
     margin: var(--arrowpanel-menuitem-margin) !important;
   }
-  @supports not -moz-bool-pref("userChrome.icon.disabled") {
-    @supports not -moz-bool-pref("userChrome.icon.panel") {
+  @media not -moz-pref("userChrome.icon.disabled") {
+    @media not -moz-pref("userChrome.icon.panel") {
       .subviewbutton {
         min-height: calc(16px + var(--arrowpanel-menuitem-padding-block) * 2) !important;
       }
@@ -4739,7 +4739,7 @@
   .unified-extensions-item-menu-button.subviewbutton {
     padding: 0 !important; /* Original: calc(var(--arrowpanel-menuitem-margin-inline) - 1px) var(--arrowpanel-menuitem-margin-inline) */
   }
-  @supports -moz-bool-pref("userChrome.panel.full_width_padding") {
+  @media -moz-pref("userChrome.panel.full_width_padding") {
     .unified-extensions-item-menu-button.subviewbutton {
       --arrowpanel-menuitem-padding-inline: var(--arrowpanel-menuitem-padding-block);
     }
@@ -4748,14 +4748,14 @@
     padding-block: 0 !important;
   }
 }
-@supports -moz-bool-pref("userChrome.padding.panel_header") {
+@media -moz-pref("userChrome.padding.panel_header") {
   .panel-header {
     padding: unset !important;
     padding-top: 4px !important;
   }
 }
 /*= Popup Panel - Reduce padding =============================================*/
-@supports -moz-bool-pref("userChrome.padding.popup_panel") {
+@media -moz-pref("userChrome.padding.popup_panel") {
   #protections-popup-main-header-label {
     height: unset !important; /* Original: 37.6px */
   }
@@ -4802,7 +4802,7 @@
 }
 /** Tab Bar UI ****************************************************************/
 /*= Tabs on Bottom ===========================================================*/
-@supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.fullscreen.overlap") {
+@media -moz-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.fullscreen.overlap") {
   /* Don't use display: flex at not fullscreen!! side effect #372 */
   :root[sizemode="fullscreen"] #navigator-toolbox {
     display: flex !important; /* Needed for content to take up entire height, compatibility with tabs on bottom */
@@ -4821,8 +4821,8 @@
     -moz-appearance: none !important;
   }
 }
-@supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
-  @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
+@media -moz-pref("userChrome.tabbar.on_bottom") {
+  @media not -moz-pref("userChrome.tabbar.one_liner") {
     /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
     See the above repository for updates as well as full license text. */
     /*= Tabbar - Move to bottom ==================================================*/
@@ -4842,15 +4842,15 @@
     #TabsToolbar-customization-target > .toolbarbutton-1:last-child {
       padding-inline-end: var(--toolbar-start-end-padding, 8px);
     }
-    @supports -moz-bool-pref("userChrome.tabbar.on_bottom.above_bookmark") {
+    @media -moz-pref("userChrome.tabbar.on_bottom.above_bookmark") {
       #PersonalToolbar {
         order: 2;
         -moz-box-ordinal-group: 2;
       }
     }
-    @supports not -moz-bool-pref("userChrome.tabbar.on_bottom.above_bookmark") {
-      @supports -moz-bool-pref("userChrome.tab.connect_to_window") {
-        @supports -moz-bool-pref("userChrome.tab.color_like_toolbar") {
+    @media not -moz-pref("userChrome.tabbar.on_bottom.above_bookmark") {
+      @media -moz-pref("userChrome.tab.connect_to_window") {
+        @media -moz-pref("userChrome.tab.color_like_toolbar") {
           #navigator-toolbox {
             border-bottom-color: var(
               --toolbar-bgcolor
@@ -4860,7 +4860,7 @@
       }
     }
     /*= Tabbar - Hidden at single tab ===========================================*/
-    @supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
+    @media -moz-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
       #tabbrowser-tabs .tabbrowser-tab:only-of-type {
         display: none !important;
       }
@@ -4876,7 +4876,7 @@
       }
     }
     /*= Menubar - Always on top ==================================================*/
-    @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+    @media -moz-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
       /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
       See the above repository for updates as well as full license text. */
       /* Menubar on top patch - use with tabs_on_bottom.css */
@@ -4933,8 +4933,8 @@
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-    @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+  @media -moz-pref("userChrome.tabbar.one_liner") {
+    @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
       @media screen and (max-width: 1100px) {
         /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
         See the above repository for updates as well as full license text. */
@@ -4955,15 +4955,15 @@
         #TabsToolbar-customization-target > .toolbarbutton-1:last-child {
           padding-inline-end: var(--toolbar-start-end-padding, 8px);
         }
-        @supports -moz-bool-pref("userChrome.tabbar.on_bottom.above_bookmark") {
+        @media -moz-pref("userChrome.tabbar.on_bottom.above_bookmark") {
           #PersonalToolbar {
             order: 2;
             -moz-box-ordinal-group: 2;
           }
         }
-        @supports not -moz-bool-pref("userChrome.tabbar.on_bottom.above_bookmark") {
-          @supports -moz-bool-pref("userChrome.tab.connect_to_window") {
-            @supports -moz-bool-pref("userChrome.tab.color_like_toolbar") {
+        @media not -moz-pref("userChrome.tabbar.on_bottom.above_bookmark") {
+          @media -moz-pref("userChrome.tab.connect_to_window") {
+            @media -moz-pref("userChrome.tab.color_like_toolbar") {
               #navigator-toolbox {
                 border-bottom-color: var(
                   --toolbar-bgcolor
@@ -4973,7 +4973,7 @@
           }
         }
         /*= Tabbar - Hidden at single tab ===========================================*/
-        @supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
+        @media -moz-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
           #tabbrowser-tabs .tabbrowser-tab:only-of-type {
             display: none !important;
           }
@@ -4989,7 +4989,7 @@
           }
         }
         /*= Menubar - Always on top ==================================================*/
-        @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+        @media -moz-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
           /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
           See the above repository for updates as well as full license text. */
           /* Menubar on top patch - use with tabs_on_bottom.css */
@@ -5050,15 +5050,15 @@
   }
 }
 /*= Tab Bar - Oneliner =======================================================*/
-@supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-  @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+@media -moz-pref("userChrome.tabbar.one_liner") {
+  @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
     :root {
       --uc-navbar-width-origin: 40vw;
       --uc-navbar-width: var(--uc-navbar-width-origin);
       --uc-tabbar-width: calc(100vw - var(--uc-navbar-width));
       --uc-navbar-margin: calc(var(--uc-navbar-width) + var(--uc-navbar-gap, 0px));
     }
-    @supports -moz-bool-pref("userChrome.autohide.fill_urlbar") {
+    @media -moz-pref("userChrome.autohide.fill_urlbar") {
       :root {
         --uc-navbar-width-origin: 50vw;
         --uc-navbar-width: 24em;
@@ -5082,7 +5082,7 @@
       position: relative;
       z-index: 2;
     }
-    @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+    @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
       :root {
         --uc-navbar-gap: 10px;
         --uc-navbar-block: 1.5px;
@@ -5106,7 +5106,7 @@
         min-height: calc(var(--urlbar-container-height) - 2px) !important;
       }
     }
-    @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+    @media -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
       #navigator-toolbox {
         background-color: var(--toolbar-bgcolor) !important;
       }
@@ -5131,7 +5131,7 @@
     toolbarspring.chromeclass-toolbar-additional {
       display: none !important;
     }
-    @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+    @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
       #TabsToolbar {
         margin-inline-start: var(--uc-navbar-margin) !important;
       }
@@ -5142,7 +5142,7 @@
         display: none !important;
       }
     }
-    @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+    @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
       #TabsToolbar {
         margin-inline-end: var(--uc-navbar-margin) !important;
       }
@@ -5154,7 +5154,7 @@
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+  @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
     @media screen and (min-width: 1100px) {
       :root {
         --uc-navbar-width-origin: 40vw;
@@ -5162,7 +5162,7 @@
         --uc-tabbar-width: calc(100vw - var(--uc-navbar-width));
         --uc-navbar-margin: calc(var(--uc-navbar-width) + var(--uc-navbar-gap, 0px));
       }
-      @supports -moz-bool-pref("userChrome.autohide.fill_urlbar") {
+      @media -moz-pref("userChrome.autohide.fill_urlbar") {
         :root {
           --uc-navbar-width-origin: 50vw;
           --uc-navbar-width: 24em;
@@ -5186,7 +5186,7 @@
         position: relative;
         z-index: 2;
       }
-      @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+      @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
         :root {
           --uc-navbar-gap: 10px;
           --uc-navbar-block: 1.5px;
@@ -5210,7 +5210,7 @@
           min-height: calc(var(--urlbar-container-height) - 2px) !important;
         }
       }
-      @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+      @media -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
         #navigator-toolbox {
           background-color: var(--toolbar-bgcolor) !important;
         }
@@ -5235,7 +5235,7 @@
       toolbarspring.chromeclass-toolbar-additional {
         display: none !important;
       }
-      @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+      @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
         #TabsToolbar {
           margin-inline-start: var(--uc-navbar-margin) !important;
         }
@@ -5246,7 +5246,7 @@
           display: none !important;
         }
       }
-      @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+      @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
         #TabsToolbar {
           margin-inline-end: var(--uc-navbar-margin) !important;
         }
@@ -5261,10 +5261,7 @@
   }
 }
 /*= Tab Bar - Shared Layout ==================================================*/
-@supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.tabbar.one_liner") or -moz-bool-pref(
-    "userChrome.hidden.tabbar"
-  )
-  or -moz-bool-pref("userChrome.tabbar.as_titlebar") {
+@media -moz-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.tabbar.one_liner") or -moz-pref("userChrome.hidden.tabbar") or -moz-pref("userChrome.tabbar.as_titlebar") {
   :root {
     --uc-window-control-width: 0px; /* Same as .titlebar-buttonbox-container      -  Space reserved for window controls */
     --uc-window-drag-space-pre: 0px; /* Same as .titlebar-spacer[type="pre-tabs"]  - Extra space reserved on both sides of the nav-bar to be able to drag the window */
@@ -5304,7 +5301,7 @@
       --uc-window-control-width: 84px;
     }
   }
-  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+  @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
     :root:is([tabsintitlebar], [customtitlebar]) {
       --uc-window-control-width: 72px;
     }
@@ -5315,9 +5312,9 @@
   :root:is([tabsintitlebar][sizemode="maximized"], [customtitlebar][sizemode="maximized"], [sizemode="fullscreen"]) {
     --uc-window-drag-space-pre: 0px;
   }
-  @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-    @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
-      @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+  @media -moz-pref("userChrome.tabbar.one_liner") {
+    @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
+      @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
         @media (-moz-platform: windows) {
           :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) {
             --uc-window-drag-space-pre: 0px;
@@ -5328,7 +5325,7 @@
             --uc-window-drag-space-pre: 0px;
           }
         }
-        @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+        @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
           :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) {
             --uc-window-control-space: 0px;
           }
@@ -5338,14 +5335,14 @@
             --uc-window-control-space: 0px;
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.as_titlebar") {
+        @media -moz-pref("userChrome.tabbar.as_titlebar") {
           :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) #tabbrowser-tabs {
             --uc-window-control-space: 0px;
           }
         }
       }
-      @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
-        @supports not -moz-bool-pref("userChrome.tabbar.as_titlebar") {
+      @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
+        @media not -moz-pref("userChrome.tabbar.as_titlebar") {
           @media (-moz-platform: windows) {
             :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) {
               --uc-window-control-space: 0px;
@@ -5359,10 +5356,9 @@
         }
       }
     }
-    @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+    @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
       @media screen and (max-width: 1100px) {
-        @supports (not -moz-bool-pref("userChrome.tabbar.on_bottom")) or
-          (not -moz-bool-pref("userChrome.hidden.tabbar")) {
+        @media (not -moz-pref("userChrome.tabbar.on_bottom")) or (not -moz-pref("userChrome.hidden.tabbar")) {
           :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) {
             --uc-window-drag-space-pre: 0px;
             --uc-window-control-space: 0px;
@@ -5370,7 +5366,7 @@
         }
       }
       @media screen and (min-width: 1100px) {
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+        @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
           @media screen and (min-width: 1100px) and (-moz-platform: windows) {
             :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) {
               --uc-window-drag-space-pre: 0px;
@@ -5381,7 +5377,7 @@
               --uc-window-drag-space-pre: 0px;
             }
           }
-          @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+          @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
             :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) {
               --uc-window-control-space: 0px;
             }
@@ -5391,14 +5387,14 @@
               --uc-window-control-space: 0px;
             }
           }
-          @supports -moz-bool-pref("userChrome.tabbar.as_titlebar") {
+          @media -moz-pref("userChrome.tabbar.as_titlebar") {
             :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) #tabbrowser-tabs {
               --uc-window-control-space: 0px;
             }
           }
         }
-        @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
-          @supports not -moz-bool-pref("userChrome.tabbar.as_titlebar") {
+        @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
+          @media not -moz-pref("userChrome.tabbar.as_titlebar") {
             @media screen and (min-width: 1100px) and (-moz-platform: windows) {
               :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) {
                 --uc-window-control-space: 0px;
@@ -5421,12 +5417,10 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.tabbar.one_liner") or -moz-bool-pref(
-    "userChrome.hidden.tabbar"
-  ) {
-  @supports not -moz-bool-pref("userChrome.hidden.titlebar_container") {
-    @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
-      @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
+@media -moz-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.tabbar.one_liner") or -moz-pref("userChrome.hidden.tabbar") {
+  @media not -moz-pref("userChrome.hidden.titlebar_container") {
+    @media not -moz-pref("userChrome.tabbar.one_liner") {
+      @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.hidden.tabbar") {
         /*= Windows Control - Move to toolbar ========================================*/
         /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
         See the above repository for updates as well as full license text. */
@@ -5437,8 +5431,8 @@
         #navigator-toolbox {
           padding-top: var(--uc-titlebar-padding) !important;
         }
-        @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
-          @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+        @media -moz-pref("userChrome.tabbar.on_bottom") {
+          @media -moz-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
             #navigator-toolbox {
               padding-top: calc(
                 max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding)
@@ -5465,12 +5459,12 @@
         .titlebar-buttonbox-container > .titlebar-buttonbox {
           height: 100%;
         }
-        @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+        @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
           .titlebar-buttonbox-container > .titlebar-buttonbox {
             margin-block: 10px;
           }
         }
-        @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+        @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
           .titlebar-buttonbox-container {
             left: 0;
             right: unset !important;
@@ -5494,32 +5488,32 @@
             background-clip: border-box !important;
           }
         }
-        @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+        @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
           #toolbar-menubar:not([autohide="true"]) {
             visibility: visible !important;
             height: 0;
           }
         }
-        @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+        @media not -moz-pref("userChrome.hidden.tabbar") {
           #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
             opacity: 0;
             visibility: collapse;
           }
         }
-        @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+        @media -moz-pref("userChrome.hidden.tabbar") {
           #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
             opacity: 1;
             visibility: visible;
           }
-          @supports -moz-bool-pref("userChrome.autohide.navbar") {
+          @media -moz-pref("userChrome.autohide.navbar") {
             #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
               opacity: 0;
               visibility: collapse;
             }
           }
         }
-        @supports -moz-bool-pref("userChrome.hidden.tabbar") {
-          @supports -moz-bool-pref("userChrome.autohide.navbar") {
+        @media -moz-pref("userChrome.hidden.tabbar") {
+          @media -moz-pref("userChrome.autohide.navbar") {
             #navigator-toolbox:is(:hover, :focus-within)
               #toolbar-menubar[inactive]:not([customizing])
               > .titlebar-buttonbox-container {
@@ -5539,12 +5533,12 @@
             transition-delay: 0s !important;
           }
         }
-        @supports -moz-bool-pref("browser.fullscreen.autohide") {
+        @media -moz-pref("browser.fullscreen.autohide") {
           :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
             visibility: hidden;
           }
         }
-        @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+        @media -moz-pref("userChrome.hidden.tabbar") {
           :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
             visibility: visible !important;
             min-height: 0 !important;
@@ -5576,16 +5570,16 @@
           > .titlebar-buttonbox-container {
           display: block !important;
         }
-        @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+        @media not -moz-pref("userChrome.hidden.tabbar") {
           :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container {
             visibility: hidden;
           }
         }
       }
     }
-    @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-      @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+    @media -moz-pref("userChrome.tabbar.one_liner") {
+      @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
+        @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
           /*= Windows Control - Move to toolbar ========================================*/
           /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
           See the above repository for updates as well as full license text. */
@@ -5596,8 +5590,8 @@
           #navigator-toolbox {
             padding-top: var(--uc-titlebar-padding) !important;
           }
-          @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
-            @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+          @media -moz-pref("userChrome.tabbar.on_bottom") {
+            @media -moz-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
               #navigator-toolbox {
                 padding-top: calc(
                   max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding)
@@ -5624,12 +5618,12 @@
           .titlebar-buttonbox-container > .titlebar-buttonbox {
             height: 100%;
           }
-          @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+          @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
             .titlebar-buttonbox-container > .titlebar-buttonbox {
               margin-block: 10px;
             }
           }
-          @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+          @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
             .titlebar-buttonbox-container {
               left: 0;
               right: unset !important;
@@ -5653,32 +5647,32 @@
               background-clip: border-box !important;
             }
           }
-          @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+          @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
             #toolbar-menubar:not([autohide="true"]) {
               visibility: visible !important;
               height: 0;
             }
           }
-          @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+          @media not -moz-pref("userChrome.hidden.tabbar") {
             #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
               opacity: 0;
               visibility: collapse;
             }
           }
-          @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+          @media -moz-pref("userChrome.hidden.tabbar") {
             #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
               opacity: 1;
               visibility: visible;
             }
-            @supports -moz-bool-pref("userChrome.autohide.navbar") {
+            @media -moz-pref("userChrome.autohide.navbar") {
               #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
                 opacity: 0;
                 visibility: collapse;
               }
             }
           }
-          @supports -moz-bool-pref("userChrome.hidden.tabbar") {
-            @supports -moz-bool-pref("userChrome.autohide.navbar") {
+          @media -moz-pref("userChrome.hidden.tabbar") {
+            @media -moz-pref("userChrome.autohide.navbar") {
               #navigator-toolbox:is(:hover, :focus-within)
                 #toolbar-menubar[inactive]:not([customizing])
                 > .titlebar-buttonbox-container {
@@ -5698,12 +5692,12 @@
               transition-delay: 0s !important;
             }
           }
-          @supports -moz-bool-pref("browser.fullscreen.autohide") {
+          @media -moz-pref("browser.fullscreen.autohide") {
             :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
               visibility: hidden;
             }
           }
-          @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+          @media -moz-pref("userChrome.hidden.tabbar") {
             :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
               visibility: visible !important;
               min-height: 0 !important;
@@ -5735,13 +5729,13 @@
             > .titlebar-buttonbox-container {
             display: block !important;
           }
-          @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+          @media not -moz-pref("userChrome.hidden.tabbar") {
             :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container {
               visibility: hidden;
             }
           }
         }
-        @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+        @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
           /*= Windows Control - Move to toolbar ========================================*/
           /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
           See the above repository for updates as well as full license text. */
@@ -5752,8 +5746,8 @@
           #navigator-toolbox {
             padding-top: var(--uc-titlebar-padding) !important;
           }
-          @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
-            @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+          @media -moz-pref("userChrome.tabbar.on_bottom") {
+            @media -moz-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
               #navigator-toolbox {
                 padding-top: calc(
                   max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding)
@@ -5780,12 +5774,12 @@
           .titlebar-buttonbox-container > .titlebar-buttonbox {
             height: 100%;
           }
-          @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+          @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
             .titlebar-buttonbox-container > .titlebar-buttonbox {
               margin-block: 10px;
             }
           }
-          @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+          @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
             .titlebar-buttonbox-container {
               left: 0;
               right: unset !important;
@@ -5809,32 +5803,32 @@
               background-clip: border-box !important;
             }
           }
-          @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+          @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
             #toolbar-menubar:not([autohide="true"]) {
               visibility: visible !important;
               height: 0;
             }
           }
-          @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+          @media not -moz-pref("userChrome.hidden.tabbar") {
             #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
               opacity: 0;
               visibility: collapse;
             }
           }
-          @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+          @media -moz-pref("userChrome.hidden.tabbar") {
             #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
               opacity: 1;
               visibility: visible;
             }
-            @supports -moz-bool-pref("userChrome.autohide.navbar") {
+            @media -moz-pref("userChrome.autohide.navbar") {
               #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
                 opacity: 0;
                 visibility: collapse;
               }
             }
           }
-          @supports -moz-bool-pref("userChrome.hidden.tabbar") {
-            @supports -moz-bool-pref("userChrome.autohide.navbar") {
+          @media -moz-pref("userChrome.hidden.tabbar") {
+            @media -moz-pref("userChrome.autohide.navbar") {
               #navigator-toolbox:is(:hover, :focus-within)
                 #toolbar-menubar[inactive]:not([customizing])
                 > .titlebar-buttonbox-container {
@@ -5854,12 +5848,12 @@
               transition-delay: 0s !important;
             }
           }
-          @supports -moz-bool-pref("browser.fullscreen.autohide") {
+          @media -moz-pref("browser.fullscreen.autohide") {
             :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
               visibility: hidden;
             }
           }
-          @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+          @media -moz-pref("userChrome.hidden.tabbar") {
             :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
               visibility: visible !important;
               min-height: 0 !important;
@@ -5891,15 +5885,15 @@
             > .titlebar-buttonbox-container {
             display: block !important;
           }
-          @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+          @media not -moz-pref("userChrome.hidden.tabbar") {
             :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container {
               visibility: hidden;
             }
           }
         }
       }
-      @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
-        @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
+      @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
+        @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.hidden.tabbar") {
           @media screen and (max-width: 1100px) {
             /*= Windows Control - Move to toolbar ========================================*/
             /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
@@ -5911,8 +5905,8 @@
             #navigator-toolbox {
               padding-top: var(--uc-titlebar-padding) !important;
             }
-            @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
-              @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+            @media -moz-pref("userChrome.tabbar.on_bottom") {
+              @media -moz-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
                 #navigator-toolbox {
                   padding-top: calc(
                     max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding)
@@ -5942,14 +5936,14 @@
             .titlebar-buttonbox-container > .titlebar-buttonbox {
               height: 100%;
             }
-            @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+            @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
               .titlebar-buttonbox-container > .titlebar-buttonbox {
                 margin-block: 10px;
               }
             }
           }
           @media screen and (max-width: 1100px) {
-            @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+            @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
               .titlebar-buttonbox-container {
                 left: 0;
                 right: unset !important;
@@ -5975,7 +5969,7 @@
             }
           }
           @media screen and (max-width: 1100px) {
-            @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+            @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
               #toolbar-menubar:not([autohide="true"]) {
                 visibility: visible !important;
                 height: 0;
@@ -5983,18 +5977,18 @@
             }
           }
           @media screen and (max-width: 1100px) {
-            @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+            @media not -moz-pref("userChrome.hidden.tabbar") {
               #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
                 opacity: 0;
                 visibility: collapse;
               }
             }
-            @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+            @media -moz-pref("userChrome.hidden.tabbar") {
               #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
                 opacity: 1;
                 visibility: visible;
               }
-              @supports -moz-bool-pref("userChrome.autohide.navbar") {
+              @media -moz-pref("userChrome.autohide.navbar") {
                 #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
                   opacity: 0;
                   visibility: collapse;
@@ -6003,8 +5997,8 @@
             }
           }
           @media screen and (max-width: 1100px) {
-            @supports -moz-bool-pref("userChrome.hidden.tabbar") {
-              @supports -moz-bool-pref("userChrome.autohide.navbar") {
+            @media -moz-pref("userChrome.hidden.tabbar") {
+              @media -moz-pref("userChrome.autohide.navbar") {
                 #navigator-toolbox:is(:hover, :focus-within)
                   #toolbar-menubar[inactive]:not([customizing])
                   > .titlebar-buttonbox-container {
@@ -6026,14 +6020,14 @@
             }
           }
           @media screen and (max-width: 1100px) {
-            @supports -moz-bool-pref("browser.fullscreen.autohide") {
+            @media -moz-pref("browser.fullscreen.autohide") {
               :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
                 visibility: hidden;
               }
             }
           }
           @media screen and (max-width: 1100px) {
-            @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+            @media -moz-pref("userChrome.hidden.tabbar") {
               :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
                 visibility: visible !important;
                 min-height: 0 !important;
@@ -6068,7 +6062,7 @@
             }
           }
           @media screen and (max-width: 1100px) {
-            @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+            @media not -moz-pref("userChrome.hidden.tabbar") {
               :root:not([chromehidden~="menubar"])
                 #toolbar-menubar:not([autohide="true"])
                 .titlebar-buttonbox-container {
@@ -6078,7 +6072,7 @@
           }
         }
         @media screen and (min-width: 1100px) {
-          @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+          @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
             /*= Windows Control - Move to toolbar ========================================*/
             /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
             See the above repository for updates as well as full license text. */
@@ -6089,8 +6083,8 @@
             #navigator-toolbox {
               padding-top: var(--uc-titlebar-padding) !important;
             }
-            @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
-              @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+            @media -moz-pref("userChrome.tabbar.on_bottom") {
+              @media -moz-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
                 #navigator-toolbox {
                   padding-top: calc(
                     max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding)
@@ -6117,12 +6111,12 @@
             .titlebar-buttonbox-container > .titlebar-buttonbox {
               height: 100%;
             }
-            @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+            @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
               .titlebar-buttonbox-container > .titlebar-buttonbox {
                 margin-block: 10px;
               }
             }
-            @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+            @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
               .titlebar-buttonbox-container {
                 left: 0;
                 right: unset !important;
@@ -6146,32 +6140,32 @@
                 background-clip: border-box !important;
               }
             }
-            @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+            @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
               #toolbar-menubar:not([autohide="true"]) {
                 visibility: visible !important;
                 height: 0;
               }
             }
-            @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+            @media not -moz-pref("userChrome.hidden.tabbar") {
               #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
                 opacity: 0;
                 visibility: collapse;
               }
             }
-            @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+            @media -moz-pref("userChrome.hidden.tabbar") {
               #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
                 opacity: 1;
                 visibility: visible;
               }
-              @supports -moz-bool-pref("userChrome.autohide.navbar") {
+              @media -moz-pref("userChrome.autohide.navbar") {
                 #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
                   opacity: 0;
                   visibility: collapse;
                 }
               }
             }
-            @supports -moz-bool-pref("userChrome.hidden.tabbar") {
-              @supports -moz-bool-pref("userChrome.autohide.navbar") {
+            @media -moz-pref("userChrome.hidden.tabbar") {
+              @media -moz-pref("userChrome.autohide.navbar") {
                 #navigator-toolbox:is(:hover, :focus-within)
                   #toolbar-menubar[inactive]:not([customizing])
                   > .titlebar-buttonbox-container {
@@ -6191,12 +6185,12 @@
                 transition-delay: 0s !important;
               }
             }
-            @supports -moz-bool-pref("browser.fullscreen.autohide") {
+            @media -moz-pref("browser.fullscreen.autohide") {
               :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
                 visibility: hidden;
               }
             }
-            @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+            @media -moz-pref("userChrome.hidden.tabbar") {
               :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
                 visibility: visible !important;
                 min-height: 0 !important;
@@ -6228,7 +6222,7 @@
               > .titlebar-buttonbox-container {
               display: block !important;
             }
-            @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+            @media not -moz-pref("userChrome.hidden.tabbar") {
               :root:not([chromehidden~="menubar"])
                 #toolbar-menubar:not([autohide="true"])
                 .titlebar-buttonbox-container {
@@ -6236,7 +6230,7 @@
               }
             }
           }
-          @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+          @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
             /*= Windows Control - Move to toolbar ========================================*/
             /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
             See the above repository for updates as well as full license text. */
@@ -6247,8 +6241,8 @@
             #navigator-toolbox {
               padding-top: var(--uc-titlebar-padding) !important;
             }
-            @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
-              @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+            @media -moz-pref("userChrome.tabbar.on_bottom") {
+              @media -moz-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
                 #navigator-toolbox {
                   padding-top: calc(
                     max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding)
@@ -6275,12 +6269,12 @@
             .titlebar-buttonbox-container > .titlebar-buttonbox {
               height: 100%;
             }
-            @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+            @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
               .titlebar-buttonbox-container > .titlebar-buttonbox {
                 margin-block: 10px;
               }
             }
-            @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+            @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
               .titlebar-buttonbox-container {
                 left: 0;
                 right: unset !important;
@@ -6304,32 +6298,32 @@
                 background-clip: border-box !important;
               }
             }
-            @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+            @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
               #toolbar-menubar:not([autohide="true"]) {
                 visibility: visible !important;
                 height: 0;
               }
             }
-            @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+            @media not -moz-pref("userChrome.hidden.tabbar") {
               #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
                 opacity: 0;
                 visibility: collapse;
               }
             }
-            @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+            @media -moz-pref("userChrome.hidden.tabbar") {
               #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
                 opacity: 1;
                 visibility: visible;
               }
-              @supports -moz-bool-pref("userChrome.autohide.navbar") {
+              @media -moz-pref("userChrome.autohide.navbar") {
                 #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
                   opacity: 0;
                   visibility: collapse;
                 }
               }
             }
-            @supports -moz-bool-pref("userChrome.hidden.tabbar") {
-              @supports -moz-bool-pref("userChrome.autohide.navbar") {
+            @media -moz-pref("userChrome.hidden.tabbar") {
+              @media -moz-pref("userChrome.autohide.navbar") {
                 #navigator-toolbox:is(:hover, :focus-within)
                   #toolbar-menubar[inactive]:not([customizing])
                   > .titlebar-buttonbox-container {
@@ -6349,12 +6343,12 @@
                 transition-delay: 0s !important;
               }
             }
-            @supports -moz-bool-pref("browser.fullscreen.autohide") {
+            @media -moz-pref("browser.fullscreen.autohide") {
               :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
                 visibility: hidden;
               }
             }
-            @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+            @media -moz-pref("userChrome.hidden.tabbar") {
               :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
                 visibility: visible !important;
                 min-height: 0 !important;
@@ -6386,7 +6380,7 @@
               > .titlebar-buttonbox-container {
               display: block !important;
             }
-            @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+            @media not -moz-pref("userChrome.hidden.tabbar") {
               :root:not([chromehidden~="menubar"])
                 #toolbar-menubar:not([autohide="true"])
                 .titlebar-buttonbox-container {
@@ -6397,7 +6391,7 @@
         }
       }
     }
-    @supports not -moz-bool-pref("userChrome.navbar.as_sidebar") {
+    @media not -moz-pref("userChrome.navbar.as_sidebar") {
       /*= Navbar - Padding for window controls =====================================*/
       /* Customized https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/window_control_placeholder_support.css */
       #nav-bar {
@@ -6405,21 +6399,21 @@
         border-inline-color: transparent;
       }
       @media (-moz-platform: windows) {
-        @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
+        @media not -moz-pref("userChrome.tabbar.one_liner") {
           #nav-bar {
             border-inline-start-width: var(--uc-window-drag-space-pre);
             border-inline-end-width: var(--uc-window-control-space);
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-          @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+        @media -moz-pref("userChrome.tabbar.one_liner") {
+          @media -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
             #nav-bar {
               border-inline-start-width: var(--uc-window-drag-space-pre);
               border-inline-end-width: var(--uc-window-control-space);
             }
           }
-          @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
-            @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
+          @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
+            @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.hidden.tabbar") {
               @media screen and (-moz-platform: windows) and (max-width: 1100px) {
                 #nav-bar {
                   border-inline-start-width: var(--uc-window-drag-space-pre);
@@ -6429,28 +6423,28 @@
             }
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-          @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
-            @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
-              @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+        @media -moz-pref("userChrome.tabbar.one_liner") {
+          @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
+            @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
+              @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                 #nav-bar {
                   margin-inline-start: var(--uc-window-drag-space-pre) !important;
                 }
               }
-              @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+              @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                 #nav-bar {
                   margin-inline-end: var(--uc-window-control-space) !important;
                 }
               }
             }
-            @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+            @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
               @media screen and (-moz-platform: windows) and (min-width: 1100px) {
-                @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+                @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                   #nav-bar {
                     margin-inline-start: var(--uc-window-drag-space-pre) !important;
                   }
                 }
-                @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+                @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                   #nav-bar {
                     margin-inline-end: var(--uc-window-control-space) !important;
                   }
@@ -6461,21 +6455,21 @@
         }
       }
       @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) {
-        @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
+        @media not -moz-pref("userChrome.tabbar.one_liner") {
           #nav-bar {
             border-inline-start-width: var(--uc-window-drag-space-pre);
             border-inline-end-width: var(--uc-window-control-space);
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-          @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+        @media -moz-pref("userChrome.tabbar.one_liner") {
+          @media -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
             #nav-bar {
               border-inline-start-width: var(--uc-window-drag-space-pre);
               border-inline-end-width: var(--uc-window-control-space);
             }
           }
-          @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
-            @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
+          @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
+            @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.hidden.tabbar") {
               @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (max-width: 1100px) {
                 #nav-bar {
                   border-inline-start-width: var(--uc-window-drag-space-pre);
@@ -6485,28 +6479,28 @@
             }
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-          @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
-            @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
-              @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+        @media -moz-pref("userChrome.tabbar.one_liner") {
+          @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
+            @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
+              @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                 #nav-bar {
                   margin-inline-start: var(--uc-window-drag-space-pre) !important;
                 }
               }
-              @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+              @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                 #nav-bar {
                   margin-inline-end: var(--uc-window-control-space) !important;
                 }
               }
             }
-            @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+            @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
               @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (min-width: 1100px) {
-                @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+                @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                   #nav-bar {
                     margin-inline-start: var(--uc-window-drag-space-pre) !important;
                   }
                 }
-                @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+                @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                   #nav-bar {
                     margin-inline-end: var(--uc-window-control-space) !important;
                   }
@@ -6516,22 +6510,22 @@
           }
         }
       }
-      @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
-        @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
+      @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
+        @media not -moz-pref("userChrome.tabbar.one_liner") {
           #nav-bar {
             border-inline-start-width: var(--uc-window-control-space);
             border-inline-end-width: var(--uc-window-drag-space-pre);
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-          @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+        @media -moz-pref("userChrome.tabbar.one_liner") {
+          @media -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
             #nav-bar {
               border-inline-start-width: var(--uc-window-control-space);
               border-inline-end-width: var(--uc-window-drag-space-pre);
             }
           }
-          @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
-            @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
+          @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
+            @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.hidden.tabbar") {
               @media screen and (max-width: 1100px) {
                 #nav-bar {
                   border-inline-start-width: var(--uc-window-control-space);
@@ -6541,28 +6535,28 @@
             }
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-          @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
-            @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
-              @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+        @media -moz-pref("userChrome.tabbar.one_liner") {
+          @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
+            @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
+              @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                 #nav-bar {
                   margin-inline-start: var(--uc-window-control-space, 0px) !important;
                 }
               }
-              @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+              @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                 #nav-bar {
                   margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
                 }
               }
             }
-            @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+            @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
               @media screen and (min-width: 1100px) {
-                @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+                @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                   #nav-bar {
                     margin-inline-start: var(--uc-window-control-space, 0px) !important;
                   }
                 }
-                @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+                @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                   #nav-bar {
                     margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
                   }
@@ -6571,18 +6565,18 @@
             }
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-          @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
-            @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
-              @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+        @media -moz-pref("userChrome.tabbar.one_liner") {
+          @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
+            @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
+              @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                 #TabsToolbar {
                   margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
                 }
               }
             }
-            @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+            @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
               @media screen and (min-width: 1100px) {
-                @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+                @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                   #TabsToolbar {
                     margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
                   }
@@ -6590,13 +6584,13 @@
               }
             }
           }
-          @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
-            @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+          @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
+            @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
               #TabsToolbar {
                 margin-inline-start: var(--uc-window-control-width, 0px) !important;
               }
             }
-            @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+            @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
               @media screen and (min-width: 1100px) {
                 #TabsToolbar {
                   margin-inline-start: var(--uc-window-control-width, 0px) !important;
@@ -6607,21 +6601,21 @@
         }
       }
       @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) {
-        @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
+        @media not -moz-pref("userChrome.tabbar.one_liner") {
           #nav-bar {
             border-inline-start-width: var(--uc-window-control-space);
             border-inline-end-width: var(--uc-window-drag-space-pre);
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-          @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+        @media -moz-pref("userChrome.tabbar.one_liner") {
+          @media -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
             #nav-bar {
               border-inline-start-width: var(--uc-window-control-space);
               border-inline-end-width: var(--uc-window-drag-space-pre);
             }
           }
-          @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
-            @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
+          @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
+            @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.hidden.tabbar") {
               @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (max-width: 1100px) {
                 #nav-bar {
                   border-inline-start-width: var(--uc-window-control-space);
@@ -6631,28 +6625,28 @@
             }
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-          @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
-            @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
-              @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+        @media -moz-pref("userChrome.tabbar.one_liner") {
+          @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
+            @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
+              @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                 #nav-bar {
                   margin-inline-start: var(--uc-window-control-space, 0px) !important;
                 }
               }
-              @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+              @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                 #nav-bar {
                   margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
                 }
               }
             }
-            @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+            @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
               @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) {
-                @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+                @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                   #nav-bar {
                     margin-inline-start: var(--uc-window-control-space, 0px) !important;
                   }
                 }
-                @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+                @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                   #nav-bar {
                     margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
                   }
@@ -6661,18 +6655,18 @@
             }
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-          @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
-            @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
-              @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+        @media -moz-pref("userChrome.tabbar.one_liner") {
+          @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") {
+            @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
+              @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                 #TabsToolbar {
                   margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
                 }
               }
             }
-            @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+            @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
               @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) {
-                @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+                @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
                   #TabsToolbar {
                     margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
                   }
@@ -6680,13 +6674,13 @@
               }
             }
           }
-          @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
-            @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+          @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
+            @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
               #TabsToolbar {
                 margin-inline-start: var(--uc-window-control-width, 0px) !important;
               }
             }
-            @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+            @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
               @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) {
                 #TabsToolbar {
                   margin-inline-start: var(--uc-window-control-width, 0px) !important;
@@ -6696,7 +6690,7 @@
           }
         }
       }
-      @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+      @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
         :root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container:last-child,
         :root[sizemode="fullscreen"] #window-controls {
           right: unset;
@@ -6706,7 +6700,7 @@
   }
 }
 /*= Tab Bar - Show only current tab ==========================================*/
-@supports -moz-bool-pref("userChrome.tabbar.as_titlebar") {
+@media -moz-pref("userChrome.tabbar.as_titlebar") {
   :root:not([tabsintitlebar="true"]):not([customtitlebar="true"]) #tabbrowser-tabs,
   #scrollbutton-up,
   #scrollbutton-down,
@@ -6757,7 +6751,7 @@
     width: unset !important;
   }
   /* Padding */
-  @supports not -moz-bool-pref("userChrome.centered.tab") {
+  @media not -moz-pref("userChrome.centered.tab") {
     #tabbrowser-arrowscrollbox {
       margin-inline: 2px !important;
     }
@@ -6765,8 +6759,8 @@
       margin-inline: 6px !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.centered.tab") {
-    @supports -moz-bool-pref("userChrome.centered.tab.label") {
+  @media -moz-pref("userChrome.centered.tab") {
+    @media -moz-pref("userChrome.centered.tab.label") {
       #tabbrowser-arrowscrollbox {
         margin-inline: 2px !important;
       }
@@ -6775,7 +6769,7 @@
       }
     }
   }
-  @supports -moz-bool-pref("browser.tabs.tabmanager.enabled") {
+  @media -moz-pref("browser.tabs.tabmanager.enabled") {
     :root:not([tabsintitlebar="true"]):not([customtitlebar="true"])
       #tabbrowser-tabs:not([overflow="true"], [hashiddentabs])
       ~ #alltabs-button,
@@ -6788,7 +6782,7 @@
   }
 }
 /*= Tab Bar - Multi Row ======================================================*/
-@supports -moz-bool-pref("userChrome.tabbar.multi_row") {
+@media -moz-pref("userChrome.tabbar.multi_row") {
   /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs.css made available under Mozilla Public License v. 2.0
   See the above repository for updates as well as full license text. */
   :root {
@@ -6849,7 +6843,7 @@
   }
 }
 /*= Tab Bar - Scollmode disabled =============================================*/
-@supports -moz-bool-pref("userChrome.tabbar.unscroll") {
+@media -moz-pref("userChrome.tabbar.unscroll") {
   /* Disable scrollbox */
   spacer[part="overflow-start-indicator"] + .scrollbox-clip > scrollbox {
     overflow: -moz-hidden-unscrollable !important;
@@ -6898,7 +6892,7 @@
   }
 }
 /*= Tab Bar - Fill width tab =================================================*/
-@supports -moz-bool-pref("userChrome.tabbar.fill_width") {
+@media -moz-pref("userChrome.tabbar.fill_width") {
   /* Why 100vw? Tab closing requires width animation to end and "none" can't be animated */
   .tabbrowser-tab[fadein]:not([style^="max-width"]) {
     --tab-max-width: 100vw;
@@ -6907,7 +6901,7 @@
 }
 /** Tab UI ********************************************************************/
 /*= Tab - Connect to window ==============================================*/
-@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
+@media -moz-pref("userChrome.tab.connect_to_window") {
   #tabbrowser-tabs[orient="horizontal"] {
     min-height: unset !important; /* Original: var(--tabstrip-min-height) */
   }
@@ -6930,7 +6924,7 @@
   #tabbrowser-tabs {
     z-index: 1 !important;
   }
-  @supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
+  @media not -moz-pref("userChrome.tabbar.multi_row") {
     #TabsToolbar:not([multibar]) {
       overflow: clip; /* Prevent toolbar area over */
     }
@@ -6956,14 +6950,14 @@
 }
 /*= Selected Tab =============================================================*/
 /*= Selected Tab - Bold ======================================================*/
-@supports -moz-bool-pref("userChrome.tab.selected_bold") {
+@media -moz-pref("userChrome.tab.selected_bold") {
   .tab-label:is([selected], [attention]) {
     font-weight: 600;
   }
 }
 
 /*= Selected Tab - Color like toolbar ========================================*/
-@supports -moz-bool-pref("userChrome.tab.color_like_toolbar") {
+@media -moz-pref("userChrome.tab.color_like_toolbar") {
   :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) {
     /* Fix for windows's system default theme. Using --toolbar-bgcolor, --toolbar-bgimage fallback */
     --tab-selected-bgcolor: unset !important; /* Original: rgb(255,255,255); */
@@ -6992,7 +6986,7 @@
     background-attachment: scroll, scroll, fixed;
     background-repeat: repeat-x, repeat-x, no-repeat !important;
   }
-  @supports -moz-bool-pref("userChrome.theme.transparent.frame") {
+  @media -moz-pref("userChrome.theme.transparent.frame") {
     :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme])
       #tabbrowser-arrowscrollbox
       > .tabbrowser-tab
@@ -7012,7 +7006,7 @@
   }
 }
 /*= Multi Selected Color - More Contrast =====================================*/
-@supports -moz-bool-pref("userChrome.tab.multi_selected") {
+@media -moz-pref("userChrome.tab.multi_selected") {
   #TabsToolbar {
     --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 28%, var(--toolbar-bgcolor, transparent));
   }
@@ -7042,12 +7036,12 @@
     background-repeat: repeat-x, no-repeat !important;
     background-size: auto 100%, auto auto !important;
   }
-  @supports -moz-bool-pref("userChrome.tab.connect_to_window") {
+  @media -moz-pref("userChrome.tab.connect_to_window") {
     .tab-background[multiselected="true"] {
       outline: none !important;
     }
   }
-  @supports not -moz-bool-pref("userChrome.tab.connect_to_window") {
+  @media not -moz-pref("userChrome.tab.connect_to_window") {
     /* Backport from FF 99 */
     .tab-background[multiselected="true"] {
       outline: 1px solid color-mix(in srgb, var(--focus-outline-color, currentColor) 40%, transparent);
@@ -7060,7 +7054,7 @@
   }
 }
 /*= Selected Tab - Box Shadow ================================================*/
-@supports -moz-bool-pref("userChrome.tab.box_shadow") {
+@media -moz-pref("userChrome.tab.box_shadow") {
   #TabsToolbar {
     --uc-tab-shadow-color: var(
       --tab-line-color,
@@ -7128,12 +7122,12 @@
   }
 }
 /*= Selected Tab - Bottom Rounded Corner =====================================*/
-@supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
-  @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") {
-    @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.australis") {
-      @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome") {
-        @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") {
-          @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+@media -moz-pref("userChrome.tab.bottom_rounded_corner") {
+  @media not -moz-pref("userChrome.tab.bottom_rounded_corner.wave") {
+    @media not -moz-pref("userChrome.tab.bottom_rounded_corner.australis") {
+      @media not -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") {
+        @media not -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") {
+          @media not -moz-pref("userChrome.tab.bottom_rounded_corner.edge") {
             #TabsToolbar {
               --uc-tab-corner-rounding: 3px; /* 10px looks about like chromium - 17px looks close to Australis tabs */
               --uc-tab-corner-padding: 0px;
@@ -7160,13 +7154,13 @@
               background-repeat: no-repeat;
               background-position-y: bottom;
             }
-            @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
+            @media -moz-pref("userChrome.tab.bottom_rounded_corner.all") {
               :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before,
               :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after {
                 content: "";
               }
             }
-            @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") {
+            @media not -moz-pref("userChrome.tab.color_like_toolbar") {
               :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before,
               :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after {
                 /* Based on tab background
@@ -7195,7 +7189,7 @@
               fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
               stroke: var(--tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9)));
             }
-            @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
+            @media not -moz-pref("userChrome.tab.bottom_rounded_corner.all") {
               :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before,
               :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after {
                 content: "";
@@ -7213,7 +7207,7 @@
               .tab-background::after {
               fill: color-mix(in srgb, currentColor 11%, transparent);
             }
-            @supports -moz-bool-pref("userChrome.tab.multi_selected") {
+            @media -moz-pref("userChrome.tab.multi_selected") {
               :root:not([customizing="true"])
                 .tabbrowser-tab[multiselected]:not([visuallyselected])
                 .tab-background::before,
@@ -7277,11 +7271,7 @@
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref(
-      "userChrome.tab.bottom_rounded_corner.australis"
-    ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref(
-      "userChrome.tab.bottom_rounded_corner.chrome"
-    ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+  @media -moz-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") {
     #TabsToolbar {
       --uc-tab-corner-height: calc(var(--tab-min-height) + 1px);
       --uc-tab-corner-size: var(--uc-tab-corner-height);
@@ -7289,7 +7279,7 @@
       --uc-tab-corner-half-size-reverse: calc(var(--uc-tab-corner-half-size) * -1);
       --uc-tab-corner-bgimage: none;
     }
-    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") {
+    @media -moz-pref("userChrome.tab.bottom_rounded_corner.wave") {
       #TabsToolbar {
         --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-wave.svg");
         --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-wave.svg#svgClipPath");
@@ -7299,7 +7289,7 @@
         --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-wave-clipped.svg");
       }
     }
-    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.australis") {
+    @media -moz-pref("userChrome.tab.bottom_rounded_corner.australis") {
       #TabsToolbar {
         --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-australis.svg");
         --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-australis.svg#svgClipPath");
@@ -7309,7 +7299,7 @@
         --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-australis-cilpped.svg");
       }
     }
-    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome") {
+    @media -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") {
       #TabsToolbar {
         --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chrome.svg");
         --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-chrome.svg#svgClipPath");
@@ -7320,7 +7310,7 @@
         --uc-tab-corner-size: 16px;
       }
     }
-    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") {
+    @media -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") {
       #TabsToolbar {
         --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chromeLegacy.svg");
         --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-chromeLegacy.svg#svgClipPath");
@@ -7330,7 +7320,7 @@
         --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chromeLegacy-clipped.svg");
       }
     }
-    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+    @media -moz-pref("userChrome.tab.bottom_rounded_corner.edge") {
       #TabsToolbar {
         --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-edge.svg");
         --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-edge.svg#svgClipPath");
@@ -7341,7 +7331,7 @@
         --uc-tab-corner-size: 14px;
       }
     }
-    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
+    @media -moz-pref("userChrome.tab.bottom_rounded_corner.all") {
       .tabbrowser-tab {
         padding-inline: 0 !important;
         overflow-clip-margin: var(--uc-tab-corner-half-size) !important;
@@ -7352,7 +7342,7 @@
         position: relative;
       }
     }
-    @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
+    @media not -moz-pref("userChrome.tab.bottom_rounded_corner.all") {
       .tabbrowser-tab[visuallyselected] {
         padding-inline: 0 !important;
         overflow-clip-margin: var(--uc-tab-corner-half-size) !important;
@@ -7386,13 +7376,13 @@
       background-position: bottom, right top;
       background-attachment: scroll, fixed;
     }
-    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
+    @media -moz-pref("userChrome.tab.bottom_rounded_corner.all") {
       .tabbrowser-tab .tab-background::before,
       .tabbrowser-tab .tab-background::after {
         content: "";
       }
     }
-    @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") {
+    @media not -moz-pref("userChrome.tab.color_like_toolbar") {
       .tabbrowser-tab .tab-background::before,
       .tabbrowser-tab .tab-background::after {
         /* Based on tab background
@@ -7432,7 +7422,7 @@
     .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) .tab-background::after {
       fill: color-mix(in srgb, currentColor 11%, transparent);
     }
-    @supports -moz-bool-pref("userChrome.tab.multi_selected") {
+    @media -moz-pref("userChrome.tab.multi_selected") {
       .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background::before,
       .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background::after {
         fill: var(--uc-multiselected-tab-bgcolor);
@@ -7446,7 +7436,7 @@
     }
     @media (-moz-gtk-csd-available) {
       /* Fill color for GTK */
-      @supports -moz-bool-pref("userChrome.tab.box_shadow") {
+      @media -moz-pref("userChrome.tab.box_shadow") {
         :root:not([lwtheme="true"]) .tabbrowser-tab {
           --uc-tab-shadow-color: rgba(0, 0, 0, 0.4);
         }
@@ -7463,7 +7453,7 @@
         --uc-tab-corner-bgimage: linear-gradient(var(--toolbar-non-lwt-bgcolor), var(--toolbar-non-lwt-bgcolor));
         fill: rgba(255, 255, 255, 0.075);
       }
-      @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") {
+      @media not -moz-pref("userChrome.tab.color_like_toolbar") {
         :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before,
         :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after {
           fill: rgba(255, 255, 255, 0.15);
@@ -7482,21 +7472,19 @@
   }
 }
 /*= Selected Tab - Photon like contextline ===================================*/
-@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") or -moz-bool-pref("userChrome.tab.static_separator") or -moz-bool-pref(
-    "userChrome.tab.bar_separator"
-  ) {
-  @supports -moz-bool-pref("userChrome.tab.blue_accent") {
+@media -moz-pref("userChrome.tab.photon_like_contextline") or -moz-pref("userChrome.tab.static_separator") or -moz-pref("userChrome.tab.bar_separator") {
+  @media -moz-pref("userChrome.tab.blue_accent") {
     :root,
     #tabbrowser-tabs {
       --tab-line-color: rgb(10, 132, 255) !important;
     }
   }
-  @supports not -moz-bool-pref("userChrome.tab.blue_accent") {
+  @media not -moz-pref("userChrome.tab.blue_accent") {
     @media (-moz-gtk-csd-available) {
       :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs {
         --tab-line-color: AccentColor !important; /* -moz-accent-color */
       }
-      @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+      @media -moz-pref("userChrome.compatibility.accent_color") {
         :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs {
           --tab-line-color: Highlight !important; /* -moz-accent-color */
         }
@@ -7504,7 +7492,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") {
+@media -moz-pref("userChrome.tab.photon_like_contextline") {
   .tab-context-line {
     display: inline-flex !important;
     display: -moz-inline-box !important;
@@ -7578,8 +7566,8 @@
     margin: unset !important;
   }
 }
-@supports not -moz-bool-pref("userChrome.tab.photon_like_contextline") {
-  @supports -moz-bool-pref("userChrome.tab.supernova_like_contextline") {
+@media not -moz-pref("userChrome.tab.photon_like_contextline") {
+  @media -moz-pref("userChrome.tab.supernova_like_contextline") {
     .tab-context-line {
       display: inline-flex !important;
       display: -moz-inline-box !important;
@@ -7691,7 +7679,7 @@
 }
 /*= Unselected Tab - Divide line =============================================*/
 /*= Unselected Tab - Dynamic Separator =======================================*/
-@supports -moz-bool-pref("userChrome.tab.dynamic_separator") {
+@media -moz-pref("userChrome.tab.dynamic_separator") {
   #tabbrowser-arrowscrollbox {
     --start-tab-separator-position-x: -1.5px;
     --end-tab-separator-position-x: 1.5px;
@@ -7706,7 +7694,7 @@
   #tabbrowser-arrowscrollbox-periphery {
     position: relative;
   }
-  @supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
+  @media -moz-pref("userChrome.tab.newtab_button_like_tab") {
     .tab-stack::before,
     #tabs-newtab-button::before {
       /* Box Model */
@@ -7724,7 +7712,7 @@
       /* More position */
       transform: translateX(var(--tab-separator-position-x)) translateY(var(--tab-separator-position-y));
     }
-    @supports -moz-bool-pref("userChrome.compatibility.dynamic_separator") {
+    @media -moz-pref("userChrome.compatibility.dynamic_separator") {
       .tab-stack::before,
       #tabs-newtab-button::before {
         background-color: var(--tabs-border-color);
@@ -7734,7 +7722,7 @@
       left: calc(50% - (8px + var(--toolbarbutton-inner-padding)));
     }
   }
-  @supports not -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
+  @media not -moz-pref("userChrome.tab.newtab_button_like_tab") {
     .tab-stack::before,
     #tabbrowser-arrowscrollbox:not([overflowing])
       .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
@@ -7752,7 +7740,7 @@
       opacity: 0;
       background-color: var(--toolbarseparator-color);
     }
-    @supports -moz-bool-pref("userChrome.compatibility.dynamic_separator") {
+    @media -moz-pref("userChrome.compatibility.dynamic_separator") {
       .tab-stack::before,
       #tabbrowser-arrowscrollbox:not([overflowing])
         .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
@@ -7771,15 +7759,15 @@
   .tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-of-type) .tab-stack::before {
     opacity: var(--tab-separator-opacity);
   }
-  @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-    @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
-      @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+  @media -moz-pref("userChrome.tabbar.one_liner") {
+    @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") {
+      @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
         .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before {
           opacity: var(--tab-separator-opacity);
           transform: translateX(var(--start-tab-separator-position-x)) translateY(var(--tab-separator-position-y));
         }
       }
-      @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+      @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
         @media screen and (min-width: 1100px) {
           .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before {
             opacity: var(--tab-separator-opacity);
@@ -7789,12 +7777,12 @@
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
+  @media -moz-pref("userChrome.tab.newtab_button_like_tab") {
     #tabs-newtab-button:not(:hover, [open])::before {
       opacity: var(--tab-separator-opacity);
     }
   }
-  @supports not -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
+  @media not -moz-pref("userChrome.tab.newtab_button_like_tab") {
     #tabbrowser-arrowscrollbox:not([overflowing])
       .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
       .tab-stack::after {
@@ -7814,7 +7802,7 @@
     .tab-stack::before {
     opacity: 0 !important;
   }
-  @supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
+  @media -moz-pref("userChrome.tab.newtab_button_like_tab") {
     #navigator-toolbox:not([movingtab])
       .tabbrowser-tab:is([visuallyselected], [multiselected], :hover)
       + .tabbrowser-tab
@@ -7829,7 +7817,7 @@
       opacity: 0 !important;
     }
   }
-  @supports not -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
+  @media not -moz-pref("userChrome.tab.newtab_button_like_tab") {
     .tabbrowser-tab:is([visuallyselected], [multiselected], :hover)
       + .tabbrowser-tab:not([visuallyselected])
       .tab-stack::before {
@@ -7847,12 +7835,12 @@
     .tab-stack::before {
       transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */
     }
-    @supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
+    @media -moz-pref("userChrome.tab.newtab_button_like_tab") {
       #tabs-newtab-button::before {
         transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */
       }
     }
-    @supports not -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
+    @media not -moz-pref("userChrome.tab.newtab_button_like_tab") {
       #tabbrowser-arrowscrollbox:not([overflowing])
         .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
         .tab-stack::after {
@@ -7866,7 +7854,7 @@
   }
 }
 /*= Unselected Tab - Static Separator ========================================*/
-@supports -moz-bool-pref("userChrome.tab.static_separator") {
+@media -moz-pref("userChrome.tab.static_separator") {
   #TabsToolbar {
     --toolbarseparator-color: color-mix(in srgb, currentColor 30%, transparent);
   }
@@ -7892,14 +7880,14 @@
   .tab-stack::after {
     right: 0;
   }
-  @supports -moz-bool-pref("userChrome.tab.static_separator.selected_accent") {
+  @media -moz-pref("userChrome.tab.static_separator.selected_accent") {
     .tabbrowser-tab[visuallyselected] .tab-stack::before,
     .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-stack::before,
     .tabbrowser-tab[visuallyselected] .tab-stack::after {
       --toolbarseparator-color: var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255)));
     }
   }
-  @supports not -moz-bool-pref("userChrome.tab.static_separator.selected_accent") {
+  @media not -moz-pref("userChrome.tab.static_separator.selected_accent") {
     .tabbrowser-tab[visuallyselected] .tab-stack::before,
     .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-stack::before,
     .tabbrowser-tab[visuallyselected] .tab-stack::after {
@@ -7915,7 +7903,7 @@
   }
 }
 /*= Unselected Tab - Bar Separator ===========================================*/
-@supports -moz-bool-pref("userChrome.tab.bar_separator") {
+@media -moz-pref("userChrome.tab.bar_separator") {
   .tab-stack::before {
     /* Box Model */
     content: "";
@@ -7956,7 +7944,7 @@
     .tab-stack::before {
     --uc-bar-separator-color: var(--lwt-tab-loading-fill-inactive, #84c1ff);
   }
-  @supports -moz-bool-pref("userChrome.tab.unloaded") {
+  @media -moz-pref("userChrome.tab.unloaded") {
     :root[sessionrestored] .tabbrowser-tab[pending] .tab-stack::before {
       opacity: 0.7;
     }
@@ -7964,8 +7952,8 @@
 }
 /*= New tab button ============================================================*/
 /*= New tab button - Looks like tab ==========================================*/
-@supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
-  @supports -moz-bool-pref("userChrome.tab.connect_to_window") {
+@media -moz-pref("userChrome.tab.newtab_button_like_tab") {
+  @media -moz-pref("userChrome.tab.connect_to_window") {
     #tabs-newtab-button {
       /* Size */
       align-items: stretch !important;
@@ -7973,7 +7961,7 @@
       padding-top: var(--tab-block-margin) !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
+  @media -moz-pref("userChrome.tab.bottom_rounded_corner") {
     #tabs-newtab-button {
       /* Original:
        margin: 0 0 var(--tabs-navbar-shadow-size) !important
@@ -7994,11 +7982,7 @@
       fill: var(--uc-newtab-bgcolor) !important;
       -moz-context-properties: fill !important;
     }
-    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref(
-        "userChrome.tab.bottom_rounded_corner.australis"
-      ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref(
-        "userChrome.tab.bottom_rounded_corner.chrome"
-      ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+    @media -moz-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") {
       #tabs-newtab-button {
         --uc-newtab-position: 0px;
         --uc-newtab-non-corner-bgwidth: 0px;
@@ -8018,7 +8002,7 @@
           var(--uc-tab-corner-height) var(--uc-tab-corner-height);
         background-origin: padding-box;
       }
-      @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+      @media -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") {
         #tabs-newtab-button {
           --uc-newtab-non-corner-bgwidth: calc(2 * var(--toolbarbutton-inner-padding));
         }
@@ -8045,12 +8029,8 @@
       #tabs-newtab-button:hover:active {
       fill: color-mix(in srgb, AccentColorText 15%, transparent) !important; /* Hardcoded for compatibility */
     }
-    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
-      @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref(
-          "userChrome.tab.bottom_rounded_corner.australis"
-        ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref(
-          "userChrome.tab.bottom_rounded_corner.chrome"
-        ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+    @media -moz-pref("userChrome.tab.bottom_rounded_corner") {
+      @media -moz-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") {
         :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme))
           #tabs-newtab-button:hover,
         :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive)
@@ -8077,7 +8057,7 @@
         }
       }
     }
-    @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+    @media -moz-pref("userChrome.compatibility.accent_color") {
       :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme))
         #tabs-newtab-button:hover,
       :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive)
@@ -8098,12 +8078,8 @@
           transparent
         ) !important; /* Hardcoded for compatibility */
       }
-      @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
-        @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref(
-            "userChrome.tab.bottom_rounded_corner.australis"
-          ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref(
-            "userChrome.tab.bottom_rounded_corner.chrome"
-          ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+      @media -moz-pref("userChrome.tab.bottom_rounded_corner") {
+        @media -moz-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") {
           :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(
               :not([lwtheme]),
               :not(:-moz-lwtheme)
@@ -8147,11 +8123,7 @@
     fill: var(--toolbarbutton-icon-fill);
     fill-opacity: var(--toolbarbutton-icon-fill-opacity);
   }
-  @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref(
-      "userChrome.tab.bottom_rounded_corner.australis"
-    ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref(
-      "userChrome.tab.bottom_rounded_corner.chrome"
-    ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+  @media -moz-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") {
     #tabs-newtab-button .toolbarbutton-icon {
       --tab-border-radius: 0px;
       width: unset !important;
@@ -8161,14 +8133,14 @@
     }
   }
   /* Fix tab overlap #678 */
-  @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
+  @media -moz-pref("userChrome.tab.bottom_rounded_corner") {
     tab:where([visuallyselected]) {
       z-index: 1;
     }
   }
 }
 /*= New tab button - Smaller button ==========================================*/
-@supports -moz-bool-pref("userChrome.tab.newtab_button_smaller") {
+@media -moz-pref("userChrome.tab.newtab_button_smaller") {
   #tabs-newtab-button > .toolbarbutton-icon {
     --tab-border-radius: var(--toolbarbutton-border-radius);
     margin-left: 1px;
@@ -8177,20 +8149,20 @@
   }
 }
 /*= New tab button - Proton like button ======================================*/
-@supports -moz-bool-pref("userChrome.tab.newtab_button_proton") {
+@media -moz-pref("userChrome.tab.newtab_button_proton") {
   :root:not([uidensity="touch"]) #tabs-newtab-button > .toolbarbutton-icon {
     --toolbarbutton-inner-padding: calc((var(--tab-min-height) - 16px) / 2 - 1px);
   }
 }
 /*= Unloaded Tab - Contents Opacity ===========================================*/
-@supports -moz-bool-pref("userChrome.tab.unloaded") {
+@media -moz-pref("userChrome.tab.unloaded") {
   .tabbrowser-tab[pending] .tab-content {
     opacity: 0.7;
   }
 }
 /*= Clipped tabs =============================================================*/
 /** Clipped tabs - Letters cleary *********************************************/
-@supports -moz-bool-pref("userChrome.tab.letters_cleary") {
+@media -moz-pref("userChrome.tab.letters_cleary") {
   #tabbrowser-tabs[closebuttons="activetab"] {
     --inline-tab-padding: 7px !important; /* Original: 8px */
   }
@@ -8224,7 +8196,7 @@
   }
 }
 /** Clipped tabs - Show close button at hover *********************************/
-@supports -moz-bool-pref("userChrome.tab.close_button_at_hover") {
+@media -moz-pref("userChrome.tab.close_button_at_hover") {
   #tabbrowser-tabs[closebuttons="activetab"]
     > #tabbrowser-arrowscrollbox
     > .tabbrowser-tab:not([pinned])
@@ -8242,13 +8214,13 @@
     visibility: visible !important;
     opacity: 1;
   }
-  @supports -moz-bool-pref("userChrome.tab.close_button_at_hover.with_selected") {
+  @media -moz-pref("userChrome.tab.close_button_at_hover.with_selected") {
     #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
       visibility: collapse !important;
       opacity: 0;
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.close_button_at_hover.always") {
+  @media -moz-pref("userChrome.tab.close_button_at_hover.always") {
     .tabbrowser-tab:not([visuallyselected]) .tab-close-button {
       visibility: collapse !important;
       opacity: 0;
@@ -8257,7 +8229,7 @@
       visibility: visible !important;
       opacity: 1;
     }
-    @supports -moz-bool-pref("userChrome.tab.close_button_at_hover.with_selected") {
+    @media -moz-pref("userChrome.tab.close_button_at_hover.with_selected") {
       .tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
         visibility: collapse !important;
         opacity: 0;
@@ -8306,8 +8278,8 @@
   }
 }
 /** Clipped tabs - Show close button at pinned tab ****************************/
-@supports -moz-bool-pref("userChrome.tab.close_button_at_pinned") {
-  @supports not -moz-bool-pref("userChrome.tabbar.as_titlebar") {
+@media -moz-pref("userChrome.tab.close_button_at_pinned") {
+  @media not -moz-pref("userChrome.tabbar.as_titlebar") {
     #tabbrowser-tabs {
       --uc-close-button-size: 24px;
       --uc-close-button-padding: 6px;
@@ -8337,7 +8309,7 @@
     .tabbrowser-tab[pinned][visuallyselected]:not([style*="transform: translateX"]):hover .tab-icon-image {
       display: none !important;
     }
-    @supports -moz-bool-pref("userChrome.tab.close_button_at_pinned.always") {
+    @media -moz-pref("userChrome.tab.close_button_at_pinned.always") {
       .tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-close-button {
         display: flex !important;
         display: -moz-box !important;
@@ -8358,7 +8330,7 @@
         display: none !important;
       }
     }
-    @supports -moz-bool-pref("userChrome.tab.close_button_at_pinned.background") {
+    @media -moz-pref("userChrome.tab.close_button_at_pinned.background") {
       .tabbrowser-tab[pinned]:not([style*="transform: translateX"]):hover:not([busy]) .tab-close-button {
         display: flex !important;
         display: -moz-box !important;
@@ -8387,7 +8359,7 @@
   }
 }
 /** Clipped tabs - Always show tab icon ***************************************/
-@supports -moz-bool-pref("userChrome.tab.always_show_tab_icon") {
+@media -moz-pref("userChrome.tab.always_show_tab_icon") {
   .tab-icon-image:not([src], [pinned], [crashed], [busy]) {
     display: inline-flex !important;
     display: -moz-inline-box !important;
@@ -8395,22 +8367,22 @@
 }
 /*= Sound Tab ================================================================*/
 /*= Sound Tab - Hide Label ===================================================*/
-@supports -moz-bool-pref("userChrome.tab.sound_hide_label") {
-  @supports not -moz-bool-pref("userChrome.tab.sound_show_label") {
+@media -moz-pref("userChrome.tab.sound_hide_label") {
+  @media not -moz-pref("userChrome.tab.sound_show_label") {
     .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]) {
       display: none !important;
     }
   }
 }
 /*= Sound Tab - Show Label ===================================================*/
-@supports -moz-bool-pref("userChrome.tab.sound_show_label") {
+@media -moz-pref("userChrome.tab.sound_show_label") {
   .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]) {
     display: flex !important;
     display: -moz-box !important;
   }
 }
 /*= Sound Tab - Show with Favicons ===========================================*/
-@supports -moz-bool-pref("userChrome.tab.sound_with_favicons") {
+@media -moz-pref("userChrome.tab.sound_with_favicons") {
   /* Makes the favicons always visible (also on hover) */
   .tab-icon-image:not([pinned]) {
     opacity: 1 !important;
@@ -8424,7 +8396,7 @@
   .tabbrowser-tab:-moz-locale-dir(rtl) {
     --uc-sound-tab-icon-position-x: calc(-1 * var(--uc-sound-tab-icon-position-x-default));
   }
-  @supports -moz-bool-pref("userChrome.tab.sound_with_favicons.on_center") {
+  @media -moz-pref("userChrome.tab.sound_with_favicons.on_center") {
     .tabbrowser-tab:not([pinned]) {
       --uc-sound-tab-icon-position-x-default: 7px;
       --uc-sound-tab-icon-position-y: -1px;
@@ -8470,12 +8442,12 @@
     opacity: 1 !important;
   }
   /* Label */
-  @supports not -moz-bool-pref("userChrome.hidden.tab_icon") {
+  @media not -moz-pref("userChrome.hidden.tab_icon") {
     .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
       .tab-label-container {
       --uc-sound-tab-label-position-x-default: 4px;
     }
-    @supports -moz-bool-pref("userChrome.tab.sound_with_favicons.on_center") {
+    @media -moz-pref("userChrome.tab.sound_with_favicons.on_center") {
       .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
         .tab-label-container {
         --uc-sound-tab-label-position-x-default: 8px;
@@ -8499,13 +8471,13 @@
       transform: translateX(var(--uc-sound-tab-label-position-x));
     }
   }
-  @supports -moz-bool-pref("userChrome.hidden.tab_icon") {
-    @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") {
+  @media -moz-pref("userChrome.hidden.tab_icon") {
+    @media not -moz-pref("userChrome.hidden.tab_icon.always") {
       .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
         .tab-label-container {
         --uc-sound-tab-label-position-x-default: 4px;
       }
-      @supports -moz-bool-pref("userChrome.tab.sound_with_favicons.on_center") {
+      @media -moz-pref("userChrome.tab.sound_with_favicons.on_center") {
         .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
           .tab-label-container {
           --uc-sound-tab-label-position-x-default: 8px;
@@ -8541,7 +8513,7 @@
     }
   }
   /* None exist favicon - Size bigger */
-  @supports not -moz-bool-pref("userChrome.tab.always_show_tab_icon") {
+  @media not -moz-pref("userChrome.tab.always_show_tab_icon") {
     .tabbrowser-tab .tab-label-container[labeldirection="ltr"],
     .tabbrowser-tab .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) {
       --uc-sound-tab-no-icon-position-x: -0.5px;
@@ -8552,7 +8524,7 @@
       --uc-sound-tab-no-icon-position-x: 0.5px;
       --uc-sound-tab-no-icon-label-position-x: -3px;
     }
-    @supports not -moz-bool-pref("userChrome.hidden.tab_icon") {
+    @media not -moz-pref("userChrome.hidden.tab_icon") {
       .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) {
         transform: translateX(var(--uc-sound-tab-no-icon-position-x)) translateY(-1px);
         inset-inline-end: 0 !important;
@@ -8572,8 +8544,8 @@
         transform: translateX(var(--uc-sound-tab-no-icon-label-position-x));
       }
     }
-    @supports -moz-bool-pref("userChrome.hidden.tab_icon") {
-      @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") {
+    @media -moz-pref("userChrome.hidden.tab_icon") {
+      @media not -moz-pref("userChrome.hidden.tab_icon.always") {
         .tabbrowser-tab .tab-icon-overlay:not([pinned], [sharing], [crashed]) {
           transform: translateX(var(--uc-sound-tab-no-icon-position-x)) translateY(-1px);
           inset-inline-end: 0 !important;
@@ -8628,7 +8600,7 @@
   }
 }
 /*= PictureInPicture Tab - Show PIP Icon =====================================*/
-@supports -moz-bool-pref("userChrome.tab.pip") {
+@media -moz-pref("userChrome.tab.pip") {
   #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after,
   #tabbrowser-tabs[closebuttons="activetab"]
     .tabbrowser-tab[pictureinpicture]:not([pinned], :hover)
@@ -8669,9 +8641,9 @@
   }
 }
 /*= Container Tab - Color line at icon's bottom ==============================*/
-@supports -moz-bool-pref("userChrome.tab.container") {
-  @supports not -moz-bool-pref("userChrome.tabbar.as_titlebar") {
-    @supports not -moz-bool-pref("userChrome.tab.photon_like_contextline") {
+@media -moz-pref("userChrome.tab.container") {
+  @media not -moz-pref("userChrome.tabbar.as_titlebar") {
+    @media not -moz-pref("userChrome.tab.photon_like_contextline") {
       .tab-context-line {
         display: none;
       }
@@ -8686,7 +8658,7 @@
     #tabbrowser-tabs:-moz-locale-dir(rtl) {
       --uc-container-position-x: -9px;
     }
-    @supports -moz-bool-pref("userChrome.tab.container.on_top") {
+    @media -moz-pref("userChrome.tab.container.on_top") {
       #tabbrowser-tabs {
         --uc-container-position-y: calc(var(--uc-container-position-y-bottom) * -1);
       }
@@ -8713,7 +8685,7 @@
     .tabbrowser-tab[visuallyselected] .tab-content::before {
       opacity: 1;
     }
-    @supports not -moz-bool-pref("userChrome.tab.container.always_long") {
+    @media not -moz-pref("userChrome.tab.container.always_long") {
       .tab-content::before {
         width: 25%;
       }
@@ -8736,12 +8708,12 @@
       transform: translateY(var(--uc-container-position-y));
       width: 16px;
     }
-    @supports -moz-bool-pref("userChrome.tab.close_button_at_pinned") {
+    @media -moz-pref("userChrome.tab.close_button_at_pinned") {
       .tabbrowser-tab[pinned][visuallyselected]:not([busy]):hover .tab-content::before {
         opacity: 0;
       }
     }
-    @supports not -moz-bool-pref("userChrome.tab.container.on_top") {
+    @media not -moz-pref("userChrome.tab.container.on_top") {
       .tabbrowser-tab:is([image], [pinned])[usercontextid]
         > .tab-stack
         > .tab-content[attention]:not([selected])::before,
@@ -8786,7 +8758,7 @@
         --uc-titlechanged-container-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px);
       }
     }
-    @supports -moz-bool-pref("userChrome.tab.container.on_top") {
+    @media -moz-pref("userChrome.tab.container.on_top") {
       .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]),
       .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) {
         /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
@@ -8796,14 +8768,14 @@
   }
 }
 /*= Crashed Tab - Don't show Favicons ========================================*/
-@supports -moz-bool-pref("userChrome.tab.crashed") {
+@media -moz-pref("userChrome.tab.crashed") {
   .tab-icon-image[crashed] {
     display: none !important;
   }
 }
 /** Nav Bar UI ****************************************************************/
 /*= Nav Bar - Navbar comabine with sidebar===================================*/
-@supports -moz-bool-pref("userChrome.navbar.as_sidebar") {
+@media -moz-pref("userChrome.navbar.as_sidebar") {
   :root {
     --uc-navbar-margin-block: var(--toolbarbutton-inner-padding);
     --uc-urlbar-margin-top: calc(var(--uc-navbar-height) + var(--uc-navbar-margin-block));
@@ -8847,8 +8819,8 @@
     }
   }
   @media (prefers-reduced-motion: no-preference) {
-    @supports -moz-bool-pref("userChrome.decoration.animate") {
-      @supports not -moz-bool-pref("userChrome.decoration.disable_sidebar_animate") {
+    @media -moz-pref("userChrome.decoration.animate") {
+      @media not -moz-pref("userChrome.decoration.disable_sidebar_animate") {
         #nav-bar {
           transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out,
             visibility 0s linear,
@@ -8862,7 +8834,7 @@
           transition-delay: 0s, 0s, 0.25s, 0s, 0s !important;
         }
       }
-      @supports -moz-bool-pref("userChrome.decoration.disable_sidebar_animate") {
+      @media -moz-pref("userChrome.decoration.disable_sidebar_animate") {
         #nav-bar {
           transition: margin-top var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
               var(--uc-autohide-toolbar-delay),
@@ -8913,7 +8885,7 @@
     width: calc(100% - var(--uc-sidebar-activate-width));
     height: calc(100% - var(--uc-customization-conatiner-margin));
   }
-  @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+  @media -moz-pref("userChrome.hidden.tabbar") {
     :root[customizing="true"] #customization-container {
       --uc-customization-conatiner-margin: calc(var(--uc-navbar-height-default) - var(--uc-tabbar-height-default));
     }
@@ -8930,7 +8902,7 @@
   }
 }
 /** Bookark Bar UI ************************************************************/
-@supports -moz-bool-pref("userChrome.bookmarkbar.multi_row") {
+@media -moz-pref("userChrome.bookmarkbar.multi_row") {
   #PersonalToolbar {
     --uc-multirow-bookmark-rows: 3;
     --uc-multirow-bookmark-row-margin: 2px;
@@ -8964,7 +8936,7 @@
 }
 /** Url View UI ***************************************************************/
 /*= Url Bar - Icon box as Separator ==========================================*/
-@supports -moz-bool-pref("userChrome.urlbar.iconbox_with_separator") {
+@media -moz-pref("userChrome.urlbar.iconbox_with_separator") {
   #identity-box {
     /* separator */
     position: relative;
@@ -9009,14 +8981,14 @@
   }
 }
 /*= Url View - Share Layout ==================================================*/
-@supports -moz-bool-pref("userChrome.urlView.as_commandbar") or -moz-bool-pref("userChrome.urlView.full_width_padding") {
+@media -moz-pref("userChrome.urlView.as_commandbar") or -moz-pref("userChrome.urlView.full_width_padding") {
   .urlbarView {
     --uc-urlView-padding: calc(5px + var(--urlbar-container-padding));
     margin-inline: 0 !important; /* Original: calc(5px + var(--urlbar-container-padding)) */
   }
 }
 /*= Url View - Looks like Launcher ===========================================*/
-@supports -moz-bool-pref("userChrome.urlView.as_commandbar") {
+@media -moz-pref("userChrome.urlView.as_commandbar") {
   /* Init & Base Layout */
   .urlbarView {
     --urlbarView-favicon-width: 32px; /* Original: 16px */
@@ -9040,7 +9012,7 @@
     border-radius: var(--toolbarbutton-border-radius) !important;
     box-shadow: 0 2px 14px rgba(0, 0, 0, 0.13);
   }
-  @supports not -moz-bool-pref("userChrome.urlView.full_width_padding") {
+  @media not -moz-pref("userChrome.urlView.full_width_padding") {
     .urlbarView {
       padding-inline: var(--uc-urlView-padding) !important;
     }
@@ -9108,12 +9080,12 @@
   }
 }
 /*= Url View - Full Width Pddding ============================================*/
-@supports -moz-bool-pref("userChrome.urlView.full_width_padding") {
+@media -moz-pref("userChrome.urlView.full_width_padding") {
   .urlbarView {
     --uc-urlView-padding-double: calc(var(--uc-urlView-padding) * 2);
     --uc-urlView-full-width-padding: var(--uc-urlView-padding-double);
   }
-  @supports not -moz-bool-pref("userChrome.urlView.as_commandbar") {
+  @media not -moz-pref("userChrome.urlView.as_commandbar") {
     .urlbarView {
       --uc-urlView-full-width-padding: var(--uc-urlView-padding);
       width: 100% !important;
@@ -9141,14 +9113,14 @@
   }
 }
 /*= Url View - Always show page actions ======================================*/
-@supports -moz-bool-pref("userChrome.urlbar.always_show_page_actions") {
+@media -moz-pref("userChrome.urlbar.always_show_page_actions") {
   #urlbar:not([breakout-extend="true"]) #pageActionButton {
     display: block !important;
     visibility: visible !important;
   }
 }
 /*= Url View - Move icon to left =============================================*/
-@supports -moz-bool-pref("userChrome.urlView.move_icon_to_left") {
+@media -moz-pref("userChrome.urlView.move_icon_to_left") {
   .urlbarView-type-icon {
     min-width: 16px !important;
     height: 16px !important;
@@ -9160,25 +9132,25 @@
   }
 }
 /*= Url View - Go button when typing =========================================*/
-@supports -moz-bool-pref("userChrome.urlView.go_button_when_typing") {
+@media -moz-pref("userChrome.urlView.go_button_when_typing") {
   #urlbar-input-container[pageproxystate="invalid"] #urlbar-go-button {
     display: block !important;
   }
 }
 /*= Url View - Item Focus Border =============================================*/
-@supports -moz-bool-pref("userChrome.urlView.focus_item_border") {
+@media -moz-pref("userChrome.urlView.focus_item_border") {
   .urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner,
   .urlbarView-row-inner[selected] {
     box-shadow: 3px 0 var(--toolbar-field-focus-border-color) inset !important;
   }
 }
 /** Panel UI ******************************************************************/
-@supports -moz-bool-pref("userChrome.panel.remove_strip") {
+@media -moz-pref("userChrome.panel.remove_strip") {
   #appMenu-fxa-separator {
     --panel-separator-zap-gradient: none; /* Original: linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%) */
   }
 }
-@supports -moz-bool-pref("userChrome.panel.full_width_separator") {
+@media -moz-pref("userChrome.panel.full_width_separator") {
   /* Full width separators */
   :root {
     /* Original
@@ -9189,7 +9161,7 @@
     --panel-separator-margin-horizontal: 0 !important;
   }
 }
-@supports -moz-bool-pref("userChrome.panel.full_width_padding") {
+@media -moz-pref("userChrome.panel.full_width_padding") {
   /* Original
   --arrowpanel-menuitem-margin: 0 8px;
   --arrowpanel-menuitem-padding-block: 8px;
@@ -9204,9 +9176,7 @@
   }
 }
 /** Sidebar UI ****************************************************************/
-@supports -moz-bool-pref("userChrome.sidebar.overlap") or -moz-bool-pref("userChrome.autohide.sidebar") or -moz-bool-pref(
-    "userChrome.navbar.as_sidebar"
-  ) {
+@media -moz-pref("userChrome.sidebar.overlap") or -moz-pref("userChrome.autohide.sidebar") or -moz-pref("userChrome.navbar.as_sidebar") {
   :root {
     /* Original
      min-width: 14em;
@@ -9230,7 +9200,7 @@
     display: none !important;
   }
 }
-@supports -moz-bool-pref("userChrome.sidebar.overlap") or -moz-bool-pref("userChrome.autohide.sidebar") {
+@media -moz-pref("userChrome.sidebar.overlap") or -moz-pref("userChrome.autohide.sidebar") {
   #sidebar-box {
     --uc-sidebar-shadow-color: #28282f;
     z-index: var(--browser-area-z-index-sidebar-splitter, 3) !important;
@@ -9247,7 +9217,7 @@
     z-index: 2 !important;
   }
 }
-@supports -moz-bool-pref("userChrome.sidebar.overlap") {
+@media -moz-pref("userChrome.sidebar.overlap") {
   #sidebar-box[positionend] {
     direction: rtl;
   }
@@ -9263,7 +9233,7 @@
   #sidebar-header > #sidebar-switcher-target {
     font-size: 1.333em;
   }
-  @supports not -moz-bool-pref("userChrome.autohide.sidebar") {
+  @media not -moz-pref("userChrome.autohide.sidebar") {
     #sidebar-box,
     #sidebar-header,
     #sidebar {
@@ -9288,11 +9258,7 @@
 }
 /** Combined UI ***************************************************************/
 /*= Combined - At URL bar ====================================================*/
-@supports -moz-bool-pref("userChrome.combined.nav_button") or -moz-bool-pref(
-    "userChrome.combined.nav_button.home_button"
-  ) or -moz-bool-pref("userChrome.combined.urlbar.nav_button") or -moz-bool-pref(
-    "userChrome.combined.urlbar.home_button"
-  ) or -moz-bool-pref("userChrome.combined.urlbar.reload_button") {
+@media -moz-pref("userChrome.combined.nav_button") or -moz-pref("userChrome.combined.nav_button.home_button") or -moz-pref("userChrome.combined.urlbar.nav_button") or -moz-pref("userChrome.combined.urlbar.home_button") or -moz-pref("userChrome.combined.urlbar.reload_button") {
   #nav-bar {
     --uc-combined-circlebutton-background: hsla(0, 100%, 100%, 0.5);
     --uc-combined-circlebutton-hover-background: var(--uc-combined-circlebutton-background);
@@ -9322,7 +9288,7 @@
     -moz-box-ordinal-group: 7;
   }
 }
-@supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") or -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+@media -moz-pref("userChrome.combined.urlbar.nav_button") or -moz-pref("userChrome.combined.urlbar.home_button") {
   #nav-bar-customization-target > #urlbar-container {
     /* var(--urlbar-margin-inline) */
     margin-inline-start: calc(-1 * var(--uc-urlbar-combined-margin, 0px)) !important;
@@ -9330,18 +9296,18 @@
   #nav-bar-customization-target > #urlbar-container > #urlbar:not([breakout][breakout-extend]) {
     padding-left: var(--uc-urlbar-combined-margin, 0px);
   }
-  @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+  @media -moz-pref("userChrome.combined.urlbar.nav_button") {
     #nav-bar-customization-target > #urlbar-container {
       --uc-urlbar-combined-margin: var(--uc-toolbarbutton-size);
     }
   }
-  @supports not -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+  @media not -moz-pref("userChrome.combined.urlbar.nav_button") {
     #nav-bar-customization-target > #urlbar-container {
       --uc-urlbar-combined-margin: var(--uc-toolbarbutton-halfsize);
     }
-    @supports -moz-bool-pref("userChrome.combined.nav_button") {
-      @supports -moz-bool-pref("userChrome.combined.nav_button.home_button") {
-        @supports -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+    @media -moz-pref("userChrome.combined.nav_button") {
+      @media -moz-pref("userChrome.combined.nav_button.home_button") {
+        @media -moz-pref("userChrome.combined.urlbar.home_button") {
           #nav-bar-customization-target > #urlbar-container {
             --uc-urlbar-combined-margin: var(--uc-toolbarbutton-size);
           }
@@ -9349,8 +9315,8 @@
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
-    @supports -moz-bool-pref("userChrome.autohide.forward_button") {
+  @media -moz-pref("userChrome.combined.urlbar.nav_button") {
+    @media -moz-pref("userChrome.autohide.forward_button") {
       #nav-bar-customization-target
         > #forward-button[disabled="true"]
         ~ #urlbar-container
@@ -9367,10 +9333,8 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.combined.nav_button") or -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
-  @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") or
-    (not -moz-bool-pref("userChrome.combined.sub_button.as_normal")) or
-    (-moz-bool-pref("userChrome.combined.nav_button") and -moz-bool-pref("userChrome.combined.urlbar.home_button")) {
+@media -moz-pref("userChrome.combined.nav_button") or -moz-pref("userChrome.combined.urlbar.nav_button") {
+  @media -moz-pref("userChrome.combined.urlbar.nav_button") or ((not -moz-pref("userChrome.combined.sub_button.as_normal")) or (-moz-pref("userChrome.combined.nav_button") and -moz-pref("userChrome.combined.urlbar.home_button"))) {
     #nav-bar-customization-target > #forward-button {
       --uc-forward-button-margin: calc(-1 * var(--uc-toolbarbutton-boundary) + 1px);
       z-index: 2;
@@ -9381,15 +9345,15 @@
       padding-block: var(--urlbar-icon-padding) !important;
       height: var(--uc-urlbar-icon-size) !important;
     }
-    @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+    @media -moz-pref("userChrome.combined.urlbar.nav_button") {
       #nav-bar-customization-target > #forward-button {
         padding-inline-end: 0px !important; /* Original: var(--toolbarbutton-outer-padding) */
       }
     }
-    @supports not -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
-      @supports not -moz-bool-pref("userChrome.combined.sub_button.none_background") {
-        @supports -moz-bool-pref("userChrome.combined.urlbar.home_button") {
-          @supports not -moz-bool-pref("userChrome.combined.nav_button.home_button") {
+    @media not -moz-pref("userChrome.combined.urlbar.nav_button") {
+      @media not -moz-pref("userChrome.combined.sub_button.none_background") {
+        @media -moz-pref("userChrome.combined.urlbar.home_button") {
+          @media not -moz-pref("userChrome.combined.nav_button.home_button") {
             #nav-bar-customization-target > #forward-button > .toolbarbutton-icon {
               background-color: var(--uc-combined-circlebutton-background);
             }
@@ -9411,14 +9375,14 @@
               ) !important;
               fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%);
             }
-            @supports not -moz-bool-pref("userChrome.autohide.forward_button") {
+            @media not -moz-pref("userChrome.autohide.forward_button") {
               #nav-bar-customization-target > #forward-button[disabled="true"][disabled="true"] {
                 opacity: 1 !important; /* Original: 0.4 */
               }
             }
           }
         }
-        @supports not -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+        @media not -moz-pref("userChrome.combined.urlbar.home_button") {
           #nav-bar-customization-target > #forward-button > .toolbarbutton-icon {
             background-color: var(--uc-combined-circlebutton-background);
           }
@@ -9440,7 +9404,7 @@
             ) !important;
             fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%);
           }
-          @supports not -moz-bool-pref("userChrome.autohide.forward_button") {
+          @media not -moz-pref("userChrome.autohide.forward_button") {
             #nav-bar-customization-target > #forward-button[disabled="true"][disabled="true"] {
               opacity: 1 !important; /* Original: 0.4 */
             }
@@ -9448,12 +9412,12 @@
         }
       }
     }
-    @supports not -moz-bool-pref("userChrome.autohide.forward_button") {
+    @media not -moz-pref("userChrome.autohide.forward_button") {
       #nav-bar-customization-target > #forward-button {
         margin-inline-start: var(--uc-forward-button-margin) !important;
       }
     }
-    @supports -moz-bool-pref("userChrome.autohide.forward_button") {
+    @media -moz-pref("userChrome.autohide.forward_button") {
       #nav-bar-customization-target > #forward-button:not([disabled="true"]) {
         margin-inline-start: var(--uc-forward-button-margin) !important;
       }
@@ -9462,8 +9426,8 @@
   #nav-bar-customization-target > #back-button {
     position: relative;
   }
-  @supports not -moz-bool-pref("userChrome.combined.urlbar.home_button") {
-    @supports not -moz-bool-pref("userChrome.combined.nav_button.home_button") {
+  @media not -moz-pref("userChrome.combined.urlbar.home_button") {
+    @media not -moz-pref("userChrome.combined.nav_button.home_button") {
       #nav-bar-customization-target > #back-button > .toolbarbutton-icon {
         background-color: var(--uc-combined-circlebutton-background);
       }
@@ -9485,22 +9449,22 @@
         ) !important;
         fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%);
       }
-      @supports not -moz-bool-pref("userChrome.autohide.back_button") {
+      @media not -moz-pref("userChrome.autohide.back_button") {
         #nav-bar-customization-target > #back-button[disabled="true"][disabled="true"] {
           opacity: 1 !important; /* Original: 0.4 */
         }
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.combined.nav_button.home_button") or -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+  @media -moz-pref("userChrome.combined.nav_button.home_button") or -moz-pref("userChrome.combined.urlbar.home_button") {
     #nav-bar-customization-target > #back-button {
       z-index: 2;
     }
-    @supports not -moz-bool-pref("userChrome.combined.sub_button.as_normal") {
+    @media not -moz-pref("userChrome.combined.sub_button.as_normal") {
       #nav-bar-customization-target > #back-button {
         margin-inline-end: calc(-1 * var(--uc-toolbarbutton-boundary) - 1px) !important;
       }
-      @supports not -moz-bool-pref("userChrome.combined.sub_button.none_background") {
+      @media not -moz-pref("userChrome.combined.sub_button.none_background") {
         #nav-bar-customization-target > #back-button > .toolbarbutton-icon {
           background-color: var(--uc-combined-circlebutton-background);
         }
@@ -9522,7 +9486,7 @@
           ) !important;
           fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%);
         }
-        @supports not -moz-bool-pref("userChrome.autohide.back_button") {
+        @media not -moz-pref("userChrome.autohide.back_button") {
           #nav-bar-customization-target > #back-button[disabled="true"][disabled="true"] {
             opacity: 1 !important; /* Original: 0.4 */
           }
@@ -9535,9 +9499,9 @@
       }
     }
   }
-  @supports not -moz-bool-pref("userChrome.combined.nav_button.home_button") {
-    @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
-      @supports not -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+  @media not -moz-pref("userChrome.combined.nav_button.home_button") {
+    @media -moz-pref("userChrome.combined.urlbar.nav_button") {
+      @media not -moz-pref("userChrome.combined.urlbar.home_button") {
         #nav-bar-customization-target > #back-button {
           z-index: 3 !important;
           background-color: var(--toolbar-bgcolor) !important;
@@ -9545,19 +9509,19 @@
           border-radius: 100%;
           padding-block: 0 !important;
         }
-        @supports -moz-bool-pref("userChrome.padding.toolbar_button") {
-          @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") {
+        @media -moz-pref("userChrome.padding.toolbar_button") {
+          @media -moz-pref("userChrome.padding.toolbar_button.compact") {
             #nav-bar-customization-target > #back-button {
               --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default);
             }
           }
         }
-        @supports not -moz-bool-pref("userChrome.autohide.back_button") {
+        @media not -moz-pref("userChrome.autohide.back_button") {
           #nav-bar-customization-target > #back-button {
             padding-inline-end: 0 !important;
           }
         }
-        @supports -moz-bool-pref("userChrome.autohide.back_button") {
+        @media -moz-pref("userChrome.autohide.back_button") {
           #nav-bar-customization-target > #back-button:not([disabled="true"]) {
             padding-inline-end: 0 !important;
           }
@@ -9578,7 +9542,7 @@
         }
       }
     }
-    @supports not -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+    @media not -moz-pref("userChrome.combined.urlbar.nav_button") {
       #nav-bar-customization-target > #back-button {
         z-index: 3 !important;
         background-color: var(--toolbar-bgcolor) !important;
@@ -9586,19 +9550,19 @@
         border-radius: 100%;
         padding-block: 0 !important;
       }
-      @supports -moz-bool-pref("userChrome.padding.toolbar_button") {
-        @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") {
+      @media -moz-pref("userChrome.padding.toolbar_button") {
+        @media -moz-pref("userChrome.padding.toolbar_button.compact") {
           #nav-bar-customization-target > #back-button {
             --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default);
           }
         }
       }
-      @supports not -moz-bool-pref("userChrome.autohide.back_button") {
+      @media not -moz-pref("userChrome.autohide.back_button") {
         #nav-bar-customization-target > #back-button {
           padding-inline-end: 0 !important;
         }
       }
-      @supports -moz-bool-pref("userChrome.autohide.back_button") {
+      @media -moz-pref("userChrome.autohide.back_button") {
         #nav-bar-customization-target > #back-button:not([disabled="true"]) {
           padding-inline-end: 0 !important;
         }
@@ -9620,8 +9584,8 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.combined.nav_button") {
-  @supports -moz-bool-pref("userChrome.combined.nav_button.home_button") {
+@media -moz-pref("userChrome.combined.nav_button") {
+  @media -moz-pref("userChrome.combined.nav_button.home_button") {
     #nav-bar-customization-target > #home-button {
       position: relative;
       z-index: 3 !important;
@@ -9631,8 +9595,8 @@
       padding-block: 0 !important;
       padding-inline-end: 0 !important;
     }
-    @supports -moz-bool-pref("userChrome.padding.toolbar_button") {
-      @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") {
+    @media -moz-pref("userChrome.padding.toolbar_button") {
+      @media -moz-pref("userChrome.padding.toolbar_button.compact") {
         #nav-bar-customization-target > #home-button {
           --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default);
         }
@@ -9661,7 +9625,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+@media -moz-pref("userChrome.combined.urlbar.nav_button") {
   #nav-bar-customization-target > #back-button {
     order: 2;
     -moz-box-ordinal-group: 2;
@@ -9670,7 +9634,7 @@
     order: 4;
     -moz-box-ordinal-group: 4;
   }
-  @supports -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+  @media -moz-pref("userChrome.combined.urlbar.home_button") {
     #nav-bar-customization-target
       > :first-child:is(#back-button, #forward-button, #home-button)
       + :is(toolbarbutton, toolbaritem):not(#back-button, #forward-button, #home-button),
@@ -9686,7 +9650,7 @@
       padding-inline-start: var(--toolbar-start-end-padding) !important;
     }
   }
-  @supports not -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+  @media not -moz-pref("userChrome.combined.urlbar.home_button") {
     #nav-bar-customization-target
       > :first-child:is(#back-button, #forward-button)
       + :is(toolbarbutton, toolbaritem):not(#back-button, #forward-button),
@@ -9698,12 +9662,12 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+@media -moz-pref("userChrome.combined.urlbar.home_button") {
   #nav-bar-customization-target > #home-button {
     order: 3;
     -moz-box-ordinal-group: 3;
   }
-  @supports not -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+  @media not -moz-pref("userChrome.combined.urlbar.nav_button") {
     #nav-bar-customization-target > #home-button:is(:first-child) + :is(toolbarbutton, toolbaritem) {
       padding-inline-start: var(--toolbar-start-end-padding) !important;
     }
@@ -9717,8 +9681,8 @@
     padding-block: 0 !important;
     padding-inline-end: 0 !important;
   }
-  @supports -moz-bool-pref("userChrome.padding.toolbar_button") {
-    @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") {
+  @media -moz-pref("userChrome.padding.toolbar_button") {
+    @media -moz-pref("userChrome.padding.toolbar_button.compact") {
       #nav-bar-customization-target > #home-button {
         --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default);
       }
@@ -9746,7 +9710,7 @@
     border-color: hsla(240deg, 5%, 5%, 0.4);
   }
 }
-@supports -moz-bool-pref("userChrome.combined.urlbar.reload_button") {
+@media -moz-pref("userChrome.combined.urlbar.reload_button") {
   #nav-bar-customization-target > #stop-reload-button {
     order: 6;
     -moz-box-ordinal-group: 6;
@@ -9769,7 +9733,7 @@
 }
 /** Others UI *****************************************************************/
 /*= Counter for Tab ==========================================================*/
-@supports -moz-bool-pref("userChrome.counter.tab") {
+@media -moz-pref("userChrome.counter.tab") {
   #tabbrowser-tabs {
     counter-reset: tab-counts;
   }
@@ -9787,15 +9751,15 @@
     align-content: safe center;
     align-items: safe center;
   }
-  @supports -moz-bool-pref("userChrome.centered.tab") {
-    @supports not -moz-bool-pref("userChrome.centered.tab.label") {
+  @media -moz-pref("userChrome.centered.tab") {
+    @media not -moz-pref("userChrome.centered.tab.label") {
       .tabbrowser-tab:not([hidden="true"]) .tab-label-container {
         justify-content: start;
         justify-items: start;
       }
     }
   }
-  @supports not -moz-bool-pref("userChrome.centered.tab") {
+  @media not -moz-pref("userChrome.centered.tab") {
     .tabbrowser-tab:not([hidden="true"]) .tab-label-container {
       justify-content: start;
       justify-items: start;
@@ -9819,8 +9783,8 @@
   .tab-secondary-label {
     overflow: hidden;
   }
-  @supports -moz-bool-pref("userChrome.tab.sound_with_favicons") {
-    @supports not -moz-bool-pref("userChrome.hidden.tab_icon") {
+  @media -moz-pref("userChrome.tab.sound_with_favicons") {
+    @media not -moz-pref("userChrome.hidden.tab_icon") {
       .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
         .tab-label-container[labeldirection="ltr"],
       .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
@@ -9838,8 +9802,8 @@
         transform: translateX(var(--uc-sound-tab-label-position-x, 0px));
       }
     }
-    @supports -moz-bool-pref("userChrome.hidden.tab_icon") {
-      @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") {
+    @media -moz-pref("userChrome.hidden.tab_icon") {
+      @media not -moz-pref("userChrome.hidden.tab_icon.always") {
         .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
           .tab-label-container[labeldirection="ltr"],
         .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
@@ -9864,7 +9828,7 @@
   }
 }
 /*= Counter for Bookmark menu ================================================*/
-@supports -moz-bool-pref("userChrome.counter.bookmark_menu") {
+@media -moz-pref("userChrome.counter.bookmark_menu") {
   menupopup[placespopup="true"] > menu.bookmark-item > .menu-right {
     counter-reset: bookmark-counts 0;
   }
@@ -9883,7 +9847,7 @@
     counter-increment: bookmark-counts;
   }
 }
-@supports -moz-bool-pref("userChrome.findbar.floating_on_top") {
+@media -moz-pref("userChrome.findbar.floating_on_top") {
   /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/floating_findbar_on_top.css made available under Mozilla Public License v. 2.0
   See the above repository for updates as well as full license text. */
   /* Note that privacy.resistFingerprinting.letterboxing prevents this from working properly */
@@ -9959,8 +9923,8 @@
   }
 }
 /** Fullscreen - Overlap toolbar **********************************************/
-@supports -moz-bool-pref("userChrome.fullscreen.overlap") {
-  @supports -moz-bool-pref("browser.fullscreen.autohide") {
+@media -moz-pref("userChrome.fullscreen.overlap") {
+  @media -moz-pref("browser.fullscreen.autohide") {
     :root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #navigator-toolbox {
       position: fixed !important; /* Needed for content to take up entire height */
       z-index: 1000 !important; /* Puts the UI above the content */
@@ -9987,7 +9951,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.fullscreen.show_bookmarkbar") {
+@media -moz-pref("userChrome.fullscreen.show_bookmarkbar") {
   :root:not([sizemode="fullscreen"]) #PersonalToolbar[initialized]:not([collapsed="true"]),
   :root[sizemode="fullscreen"] #PersonalToolbar[initialized] {
     visibility: unset !important; /* Makes the bookmarks toolbar visible if enabled */
@@ -9995,14 +9959,14 @@
 }
 /** Centered ******************************************************************/
 /*= Centered - Tab ===========================================================*/
-@supports -moz-bool-pref("userChrome.centered.tab") {
-  @supports -moz-bool-pref("userChrome.centered.tab.label") {
+@media -moz-pref("userChrome.centered.tab") {
+  @media -moz-pref("userChrome.centered.tab.label") {
     .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
     .tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) {
       margin-inline-end: 5px;
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.close_button_at_hover") {
+  @media -moz-pref("userChrome.tab.close_button_at_hover") {
     #tabbrowser-tabs[closebuttons="activetab"]
       .tabbrowser-tab:not(:hover, [pinned])
       .tab-label-container:not([textoverflow]) {
@@ -10015,7 +9979,7 @@
       padding-inline-end: 18px;
     }
   }
-  @supports not -moz-bool-pref("userChrome.centered.tab.label") {
+  @media not -moz-pref("userChrome.centered.tab.label") {
     .tab-icon-stack {
       margin-inline-start: auto;
     }
@@ -10023,14 +9987,14 @@
       max-width: min-content;
       margin-inline-end: auto;
     }
-    @supports -moz-bool-pref("userChrome.tab.close_button_at_hover") {
+    @media -moz-pref("userChrome.tab.close_button_at_hover") {
       .tabbrowser-tab:not(:hover, [pinned]) > .tab-stack > .tab-content > .tab-close-button {
         padding-inline-start: 6px !important; /* Original: 0px */
         width: 24px !important; /* Original: 17px */
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.centered.tab.label") {
+  @media -moz-pref("userChrome.centered.tab.label") {
     /* Based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css */
     .tab-label-container {
       display: grid;
@@ -10048,21 +10012,21 @@
   }
 }
 /*= Centered - URL Bar =======================================================*/
-@supports -moz-bool-pref("userChrome.centered.urlbar") {
+@media -moz-pref("userChrome.centered.urlbar") {
   #urlbar:not([focused]) #urlbar-input,
   #urlbar:not([focused]) .urlbar-input {
     text-align: center !important;
   }
 }
 /*= Centered - Bookmark Bar ==================================================*/
-@supports -moz-bool-pref("userChrome.centered.bookmarkbar") {
+@media -moz-pref("userChrome.centered.bookmarkbar") {
   #PlacesToolbarItems {
     display: flex !important;
     justify-content: safe center !important;
   }
 }
 /** Auto Hide *****************************************************************/
-@supports -moz-bool-pref("userChrome.autohide.back_button") or -moz-bool-pref("userChrome.autohide.forward_button") {
+@media -moz-pref("userChrome.autohide.back_button") or -moz-pref("userChrome.autohide.forward_button") {
   :root {
     --uc-toolbarbutton-hide-size: calc(
       -1 * (16px + (2 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))))
@@ -10071,7 +10035,7 @@
 }
 @-moz-document url("chrome://browser/content/browser.xhtml")
 {
-  @supports -moz-bool-pref("userChrome.autohide.back_button") {
+  @media -moz-pref("userChrome.autohide.back_button") {
     :root:not([customizing="true"]) #back-button[disabled="true"] {
       margin-left: var(--uc-toolbarbutton-hide-size) !important;
       opacity: 0 !important;
@@ -10087,7 +10051,7 @@
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.autohide.forward_button") {
+  @media -moz-pref("userChrome.autohide.forward_button") {
     :root:not([customizing="true"]) #forward-button[disabled="true"] {
       margin-left: var(--uc-toolbarbutton-hide-size) !important;
       opacity: 0 !important;
@@ -10104,7 +10068,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.autohide.page_action") {
+@media -moz-pref("userChrome.autohide.page_action") {
   #page-action-buttons > .urlbar-page-action {
     margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding));
     opacity: 0;
@@ -10120,7 +10084,7 @@
       transition: margin-inline-end 50ms var(--animation-easing-function) 900ms,
         opacity 1.5s var(--animation-easing-function) 600ms !important;
     }
-    @supports -moz-bool-pref("userChrome.decoration.animate") {
+    @media -moz-pref("userChrome.decoration.animate") {
       #page-action-buttons > .urlbar-page-action {
         transition: margin-inline-end 50ms var(--animation-easing-function) 900ms,
           opacity 1.5s var(--animation-easing-function) 600ms, background-color 2.5s var(--animation-easing-function) !important;
@@ -10133,20 +10097,20 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.autohide.tab") {
-  @supports not -moz-bool-pref("userChrome.autohide.tab.opacity") {
-    @supports not -moz-bool-pref("userChrome.autohide.tab.blur") {
+@media -moz-pref("userChrome.autohide.tab") {
+  @media not -moz-pref("userChrome.autohide.tab.opacity") {
+    @media not -moz-pref("userChrome.autohide.tab.blur") {
       .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
         margin-bottom: -64px;
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.autohide.tab.opacity") {
+  @media -moz-pref("userChrome.autohide.tab.opacity") {
     .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
       opacity: 0%;
     }
   }
-  @supports -moz-bool-pref("userChrome.autohide.tab.blur") {
+  @media -moz-pref("userChrome.autohide.tab.blur") {
     .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
       filter: blur(8px);
     }
@@ -10160,19 +10124,19 @@
     .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]):is(:hover, :focus-within) {
       transition-delay: 0s;
     }
-    @supports not -moz-bool-pref("userChrome.autohide.tab.opacity") {
-      @supports not -moz-bool-pref("userChrome.autohide.tab.blur") {
+    @media not -moz-pref("userChrome.autohide.tab.opacity") {
+      @media not -moz-pref("userChrome.autohide.tab.blur") {
         .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
           transition-property: margin-bottom;
         }
       }
     }
-    @supports -moz-bool-pref("userChrome.autohide.tab.opacity") {
+    @media -moz-pref("userChrome.autohide.tab.opacity") {
       .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
         transition-property: opacity;
       }
     }
-    @supports -moz-bool-pref("userChrome.autohide.tab.blur") {
+    @media -moz-pref("userChrome.autohide.tab.blur") {
       .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
         transition-property: filter;
       }
@@ -10184,12 +10148,7 @@
   --uc-autohide-toolbar-delay: 600ms;
 }
 
-@supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref(
-    "userChrome.autohide.bookmarkbar"
-  )
-  or -moz-bool-pref("userChrome.tabbar.one_liner") or -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") or -moz-bool-pref(
-    "userChrome.hidden.tabbar"
-  ) or -moz-bool-pref("userChrome.navbar.as_sidebar") {
+@media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.autohide.navbar") or -moz-pref("userChrome.autohide.bookmarkbar") or -moz-pref("userChrome.tabbar.one_liner") or -moz-pref("userChrome.tabbar.on_bottom.menubar_on_top") or -moz-pref("userChrome.hidden.tabbar") or -moz-pref("userChrome.navbar.as_sidebar") {
   :root {
     --uc-tabbar-height: var(--uc-tabbar-height-default);
     --uc-tabbar-height-default: var(--tab-min-height);
@@ -10209,14 +10168,14 @@
     --uc-menubar-height-default: calc(1.6rem + 2px);
     --uc-menubar-inner-height: calc(1.6rem - 2px);
   }
-  @supports -moz-bool-pref("userChrome.hidden.tabbar") {
-    @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
+  @media -moz-pref("userChrome.hidden.tabbar") {
+    @media not -moz-pref("userChrome.tabbar.one_liner") {
       :root {
         --uc-tabbar-height: 0px;
       }
     }
-    @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-      @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+    @media -moz-pref("userChrome.tabbar.one_liner") {
+      @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
         @media screen and (max-width: 1100px) {
           :root {
             --uc-tabbar-height: 0px;
@@ -10225,7 +10184,7 @@
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.hidden.navbar") {
+  @media -moz-pref("userChrome.hidden.navbar") {
     :root {
       --uc-navbar-height: 0px;
     }
@@ -10254,11 +10213,11 @@
     #navigator-toolbox:has(#PersonalToolbar[collapsed="true"]) {
       --uc-bm-height: 0px;
     }
-    @supports -moz-bool-pref("userChrome.navbar.as_sidebar") {
+    @media -moz-pref("userChrome.navbar.as_sidebar") {
       #navigator-toolbox:has(#PersonalToolbar[collapsed="false"]) #nav-bar {
         --uc-bm-height: var(--uc-bm-height-default);
       }
-      @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+      @media -moz-pref("userChrome.autohide.bookmarkbar") {
         #navigator-toolbox:has(#PersonalToolbar[collapsed="false"]):not(:hover) #nav-bar {
           --uc-bm-height: 0px;
         }
@@ -10266,10 +10225,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref(
-    "userChrome.autohide.bookmarkbar"
-  )
-  or -moz-bool-pref("userChrome.autohide.infobar") {
+@media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.autohide.navbar") or -moz-pref("userChrome.autohide.bookmarkbar") or -moz-pref("userChrome.autohide.infobar") {
   #navigator-toolbox {
     position: relative;
   }
@@ -10294,13 +10250,13 @@
     position: relative;
     z-index: 2 !important;
   }
-  @supports -moz-bool-pref("userChrome.autohide.toolbar_overlap") {
+  @media -moz-pref("userChrome.autohide.toolbar_overlap") {
     #navigator-toolbox {
       --uc-toolbar-hide-height: calc(-1 * var(--uc-toolbar-height, 0));
       margin-bottom: var(--uc-toolbar-hide-height) !important;
     }
     @media (prefers-reduced-motion: no-preference) {
-      @supports -moz-bool-pref("userChrome.decoration.animate") {
+      @media -moz-pref("userChrome.decoration.animate") {
         #navigator-toolbox {
           will-change: margin-top, margin-bottom, background-color !important;
           transition: margin-top 1s ease,
@@ -10330,7 +10286,7 @@
             background-color 0.5s var(--animation-easing-function) !important;
         }
       }
-      @supports not -moz-bool-pref("userChrome.decoration.animate") {
+      @media not -moz-pref("userChrome.decoration.animate") {
         #navigator-toolbox {
           transition: margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
               var(--uc-autohide-toolbar-delay),
@@ -10341,40 +10297,40 @@
         }
       }
     }
-    @supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") {
-      @supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.tabbar.one_liner") {
+    @media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.autohide.navbar") {
+      @media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.tabbar.one_liner") {
         #navigator-toolbox:is(:hover, :focus-within) {
           --uc-toolbar-height: var(--uc-tabbar-height);
         }
-        @supports not -moz-bool-pref("userChrome.autohide.navbar") {
-          @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+        @media not -moz-pref("userChrome.autohide.navbar") {
+          @media -moz-pref("userChrome.autohide.bookmarkbar") {
             #navigator-toolbox:is(:hover, :focus-within) {
               --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-bm-height));
             }
           }
         }
-        @supports -moz-bool-pref("userChrome.autohide.navbar") {
-          @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
-            @supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+        @media -moz-pref("userChrome.autohide.navbar") {
+          @media not -moz-pref("userChrome.tabbar.one_liner") {
+            @media not -moz-pref("userChrome.autohide.bookmarkbar") {
               #navigator-toolbox:is(:hover, :focus-within) {
                 --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height));
               }
             }
-            @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+            @media -moz-pref("userChrome.autohide.bookmarkbar") {
               #navigator-toolbox:is(:hover, :focus-within) {
                 --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height) + var(--uc-bm-height));
               }
             }
           }
-          @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-            @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+          @media -moz-pref("userChrome.tabbar.one_liner") {
+            @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
               @media screen and (max-width: 1100px) {
-                @supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+                @media not -moz-pref("userChrome.autohide.bookmarkbar") {
                   #navigator-toolbox:is(:hover, :focus-within) {
                     --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height));
                   }
                 }
-                @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+                @media -moz-pref("userChrome.autohide.bookmarkbar") {
                   #navigator-toolbox:is(:hover, :focus-within) {
                     --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height) + var(--uc-bm-height));
                   }
@@ -10385,37 +10341,37 @@
         }
       }
     }
-    @supports not -moz-bool-pref("userChrome.autohide.tabbar") {
-      @supports not -moz-bool-pref("userChrome.autohide.navbar") {
-        @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+    @media not -moz-pref("userChrome.autohide.tabbar") {
+      @media not -moz-pref("userChrome.autohide.navbar") {
+        @media -moz-pref("userChrome.autohide.bookmarkbar") {
           #navigator-toolbox:is(:hover, :focus-within) {
             --uc-toolbar-height: var(--uc-bm-height);
           }
         }
       }
-      @supports -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref("userChrome.tabbar.one_liner") {
-        @supports -moz-bool-pref("userChrome.autohide.navbar") {
-          @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
-            @supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+      @media -moz-pref("userChrome.autohide.navbar") or -moz-pref("userChrome.tabbar.one_liner") {
+        @media -moz-pref("userChrome.autohide.navbar") {
+          @media not -moz-pref("userChrome.tabbar.one_liner") {
+            @media not -moz-pref("userChrome.autohide.bookmarkbar") {
               #navigator-toolbox:is(:hover, :focus-within) {
                 --uc-toolbar-height: var(--uc-navbar-height);
               }
             }
-            @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+            @media -moz-pref("userChrome.autohide.bookmarkbar") {
               #navigator-toolbox:is(:hover, :focus-within) {
                 --uc-toolbar-height: calc(var(--uc-navbar-height) + var(--uc-bm-height));
               }
             }
           }
-          @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-            @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+          @media -moz-pref("userChrome.tabbar.one_liner") {
+            @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
               @media screen and (max-width: 1100px) {
-                @supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+                @media not -moz-pref("userChrome.autohide.bookmarkbar") {
                   #navigator-toolbox:is(:hover, :focus-within) {
                     --uc-toolbar-height: var(--uc-navbar-height);
                   }
                 }
-                @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+                @media -moz-pref("userChrome.autohide.bookmarkbar") {
                   #navigator-toolbox:is(:hover, :focus-within) {
                     --uc-toolbar-height: calc(var(--uc-navbar-height) + var(--uc-bm-height));
                   }
@@ -10428,9 +10384,9 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") {
-  @supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.tabbar.one_liner") {
-    @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+@media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.autohide.navbar") {
+  @media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.tabbar.one_liner") {
+    @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
       :root:not([customizing]) #titlebar,
       :root:not([customizing]) #navigator-toolbox > #TabsToolbar {
         margin-bottom: var(--uc-tabbar-hide-height);
@@ -10439,13 +10395,13 @@
       #TabsToolbar:not([customizing]) {
         will-change: opacity;
       }
-      @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
+      @media not -moz-pref("userChrome.tabbar.on_bottom") {
         #TabsToolbar:not([customizing]),
         #TabsToolbar:not([customizing]) .titlebar-buttonbox-container {
           opacity: 0;
         }
       }
-      @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+      @media -moz-pref("userChrome.tabbar.on_bottom") {
         #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) {
           opacity: 0;
         }
@@ -10454,19 +10410,19 @@
       #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar {
         margin-bottom: 0px;
       }
-      @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
+      @media not -moz-pref("userChrome.tabbar.on_bottom") {
         #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar,
         #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar .titlebar-buttonbox-container {
           opacity: 1;
         }
       }
-      @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+      @media -moz-pref("userChrome.tabbar.on_bottom") {
         #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) {
           opacity: 1;
         }
       }
     }
-    @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+    @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
       @media screen and (min-width: 1100px) {
         :root:not([customizing]) #titlebar,
         :root:not([customizing]) #navigator-toolbox > #TabsToolbar {
@@ -10476,13 +10432,13 @@
         #TabsToolbar:not([customizing]) {
           will-change: opacity;
         }
-        @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
+        @media not -moz-pref("userChrome.tabbar.on_bottom") {
           #TabsToolbar:not([customizing]),
           #TabsToolbar:not([customizing]) .titlebar-buttonbox-container {
             opacity: 0;
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+        @media -moz-pref("userChrome.tabbar.on_bottom") {
           #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) {
             opacity: 0;
           }
@@ -10491,19 +10447,19 @@
         #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar {
           margin-bottom: 0px;
         }
-        @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
+        @media not -moz-pref("userChrome.tabbar.on_bottom") {
           #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar,
           #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar .titlebar-buttonbox-container {
             opacity: 1;
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+        @media -moz-pref("userChrome.tabbar.on_bottom") {
           #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) {
             opacity: 1;
           }
         }
       }
-      @supports -moz-bool-pref("userChrome.autohide.tabbar") {
+      @media -moz-pref("userChrome.autohide.tabbar") {
         :root:not([customizing]) #titlebar,
         :root:not([customizing]) #navigator-toolbox > #TabsToolbar {
           margin-bottom: var(--uc-tabbar-hide-height);
@@ -10512,13 +10468,13 @@
         #TabsToolbar:not([customizing]) {
           will-change: opacity;
         }
-        @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
+        @media not -moz-pref("userChrome.tabbar.on_bottom") {
           #TabsToolbar:not([customizing]),
           #TabsToolbar:not([customizing]) .titlebar-buttonbox-container {
             opacity: 0;
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+        @media -moz-pref("userChrome.tabbar.on_bottom") {
           #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) {
             opacity: 0;
           }
@@ -10527,13 +10483,13 @@
         #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar {
           margin-bottom: 0px;
         }
-        @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
+        @media not -moz-pref("userChrome.tabbar.on_bottom") {
           #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar,
           #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar .titlebar-buttonbox-container {
             opacity: 1;
           }
         }
-        @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+        @media -moz-pref("userChrome.tabbar.on_bottom") {
           #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) {
             opacity: 1;
           }
@@ -10546,14 +10502,14 @@
             var(--uc-autohide-toolbar-delay),
           background-color 1s var(--animation-easing-function) !important;
       }
-      @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
+      @media not -moz-pref("userChrome.tabbar.on_bottom") {
         #TabsToolbar:not([customizing]),
         #TabsToolbar:not([customizing]) .titlebar-buttonbox-container {
           transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
             var(--uc-autohide-toolbar-delay) !important;
         }
       }
-      @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+      @media -moz-pref("userChrome.tabbar.on_bottom") {
         #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) {
           transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
             var(--uc-autohide-toolbar-delay) !important;
@@ -10565,13 +10521,13 @@
       #navigator-toolbox:is(:hover, :focus-within) > #titlebar:not([customizing]) {
         transition-delay: 0s !important;
       }
-      @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
+      @media not -moz-pref("userChrome.tabbar.on_bottom") {
         #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar:not([customizing]),
         #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar:not([customizing]) .titlebar-buttonbox-container {
           transition-delay: 0s !important;
         }
       }
-      @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+      @media -moz-pref("userChrome.tabbar.on_bottom") {
         #navigator-toolbox:is(:hover, :focus-within)
           #TabsToolbar:not([customizing])
           > *:not(.titlebar-buttonbox-container) {
@@ -10580,9 +10536,9 @@
       }
     }
   }
-  @supports -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref("userChrome.tabbar.one_liner") {
-    @supports -moz-bool-pref("userChrome.autohide.navbar") {
-      @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
+  @media -moz-pref("userChrome.autohide.navbar") or -moz-pref("userChrome.tabbar.one_liner") {
+    @media -moz-pref("userChrome.autohide.navbar") {
+      @media not -moz-pref("userChrome.tabbar.one_liner") {
         #nav-bar:not([customizing]) {
           margin-bottom: var(--uc-navbar-hide-height);
         }
@@ -10602,8 +10558,8 @@
           pointer-events: none;
         }
       }
-      @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-        @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+      @media -moz-pref("userChrome.tabbar.one_liner") {
+        @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
           @media screen and (max-width: 1100px) {
             #nav-bar:not([customizing]) {
               margin-bottom: var(--uc-navbar-hide-height);
@@ -10637,7 +10593,7 @@
           opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay),
           var(--ext-theme-background-transition) !important;
       }
-      @supports -moz-bool-pref("userChrome.autohide.fill_urlbar") {
+      @media -moz-pref("userChrome.autohide.fill_urlbar") {
         #nav-bar:not([customizing]) {
           transition: margin-inline var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
               var(--uc-autohide-toolbar-delay),
@@ -10658,14 +10614,14 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+@media -moz-pref("userChrome.autohide.bookmarkbar") {
   #PersonalToolbar:not([customizing]) {
     margin-bottom: var(--uc-bm-hide-height);
     opacity: 0;
     will-change: margin-bottom, opacity;
   }
-  @supports -moz-bool-pref("userChrome.autohide.toolbar_overlap") {
-    @supports not -moz-bool-pref("userChrome.autohide.toolbar_overlap.allow_layout_shift") {
+  @media -moz-pref("userChrome.autohide.toolbar_overlap") {
+    @media not -moz-pref("userChrome.autohide.toolbar_overlap.allow_layout_shift") {
       @supports not selector(:has(a)) {
         #PersonalToolbar:not([customizing])[collapsed="true"] {
           visibility: visible !important;
@@ -10690,7 +10646,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.autohide.infobar") {
+@media -moz-pref("userChrome.autohide.infobar") {
   #tab-notification-deck:not([customizing]) > .notificationbox-stack {
     --infobar-height: calc(
       25px + (var(--infobar-button-vertical-margin, 4px) * 2) + var(--infobar-message-vertical-margin, 8px)
@@ -10708,7 +10664,7 @@
     --infobar-message-margin: 0 4px var(--infobar-message-vertical-margin, 8px);
     opacity: 1;
   }
-  @supports -moz-bool-pref("userChrome.autohide.toolbar_overlap") {
+  @media -moz-pref("userChrome.autohide.toolbar_overlap") {
     #tab-notification-deck:not([customizing]) {
       height: 0;
     }
@@ -10728,7 +10684,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.autohide.sidebar") {
+@media -moz-pref("userChrome.autohide.sidebar") {
   #sidebar-box {
     min-width: var(--uc-sidebar-width) !important;
     max-width: var(--uc-sidebar-width) !important;
@@ -10737,7 +10693,7 @@
     min-width: var(--uc-sidebar-activate-width) !important;
     max-width: var(--uc-sidebar-activate-width) !important;
   }
-  @supports -moz-bool-pref("userChrome.sidebar.overlap") {
+  @media -moz-pref("userChrome.sidebar.overlap") {
     #sidebar-header,
     #sidebar {
       min-width: var(--uc-sidebar-width) !important;
@@ -10803,7 +10759,7 @@
       }
     }
   }
-  @supports not -moz-bool-pref("userChrome.sidebar.overlap") {
+  @media not -moz-pref("userChrome.sidebar.overlap") {
     #sidebar-box {
       --uc-sidebar-fullscreen-margin: calc(
         var(--uc-sidebar-fullscreen-width) + var(--uc-sidebar-activate-width-reverse)
@@ -10854,7 +10810,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.autohide.fill_urlbar") {
+@media -moz-pref("userChrome.autohide.fill_urlbar") {
   #nav-bar:not(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) #urlbar-container {
     order: -1;
     -moz-box-ordinal-group: 0;
@@ -10863,14 +10819,14 @@
         (2 * var(--urlbar-margin-inline) + var(--uc-window-drag-space-pre, 0px) + var(--uc-navbar-gap, 0px))
     ) !important;
   }
-  @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
+  @media -moz-pref("userChrome.tabbar.one_liner") {
     #nav-bar:is(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) {
       --uc-tabbar-width: calc(100vw - var(--uc-navbar-width-origin));
     }
   }
   @media (prefers-reduced-motion: no-preference) {
-    @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-      @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+    @media -moz-pref("userChrome.tabbar.one_liner") {
+      @media not -moz-pref("userChrome.tabbar.one_liner.responsive") {
         #nav-bar {
           transition: margin-inline var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
               var(--uc-autohide-toolbar-delay),
@@ -10880,7 +10836,7 @@
           transition-delay: 0s !important;
         }
       }
-      @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+      @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
         @media screen and (prefers-reduced-motion: no-preference) and (min-width: 1100px) {
           #nav-bar {
             transition: margin-inline var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
@@ -10893,7 +10849,7 @@
         }
       }
     }
-    @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
+    @media not -moz-pref("userChrome.tabbar.one_liner") {
       #urlbar-container {
         transition: min-width var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
           var(--uc-autohide-toolbar-delay);
@@ -10902,8 +10858,8 @@
         transition-delay: 0s !important;
       }
     }
-    @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-      @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+    @media -moz-pref("userChrome.tabbar.one_liner") {
+      @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
         @media screen and (prefers-reduced-motion: no-preference) and (max-width: 1100px) {
           #urlbar-container {
             transition: min-width var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
@@ -10918,27 +10874,27 @@
   }
 }
 /** Hidden ********************************************************************/
-@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
-  @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+@media not -moz-pref("userChrome.tabbar.one_liner") {
+  @media -moz-pref("userChrome.hidden.tabbar") {
     #TabsToolbar {
       display: none !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.hidden.navbar") {
+  @media -moz-pref("userChrome.hidden.navbar") {
     #nav-bar {
       visibility: collapse; /* display: none is not work */
     }
   }
 }
-@supports -moz-bool-pref("userChrome.tabbar.one_liner") {
-  @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+@media -moz-pref("userChrome.tabbar.one_liner") {
+  @media -moz-pref("userChrome.tabbar.one_liner.responsive") {
     @media screen and (max-width: 1100px) {
-      @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+      @media -moz-pref("userChrome.hidden.tabbar") {
         #TabsToolbar {
           display: none !important;
         }
       }
-      @supports -moz-bool-pref("userChrome.hidden.navbar") {
+      @media -moz-pref("userChrome.hidden.navbar") {
         #nav-bar {
           visibility: collapse; /* display: none is not work */
         }
@@ -10946,36 +10902,36 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.hidden.tab_icon") {
-  @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") {
+@media -moz-pref("userChrome.hidden.tab_icon") {
+  @media not -moz-pref("userChrome.hidden.tab_icon.always") {
     .tabbrowser-tab:not([pinned="true"]) .tab-icon-image {
       display: none;
     }
   }
-  @supports -moz-bool-pref("userChrome.hidden.tab_icon.always") {
+  @media -moz-pref("userChrome.hidden.tab_icon.always") {
     .tabbrowser-tab:not([pinned="true"]) .tab-icon-stack {
       display: none;
     }
   }
 }
-@supports -moz-bool-pref("userChrome.hidden.private_indicator") {
+@media -moz-pref("userChrome.hidden.private_indicator") {
   .private-browsing-indicator,
   #private-browsing-indicator-with-label {
     display: none;
   }
 }
-@supports -moz-bool-pref("userChrome.hidden.titlebar_container") {
+@media -moz-pref("userChrome.hidden.titlebar_container") {
   .titlebar-buttonbox-container {
     display: none !important;
   }
 }
-@supports -moz-bool-pref("userChrome.hidden.sidebar_header") {
-  @supports not -moz-bool-pref("userChrome.hidden.sidebar_header.vertical_tab_only") {
+@media -moz-pref("userChrome.hidden.sidebar_header") {
+  @media not -moz-pref("userChrome.hidden.sidebar_header.vertical_tab_only") {
     #sidebar-header {
       display: none !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.hidden.sidebar_header.vertical_tab_only") {
+  @media -moz-pref("userChrome.hidden.sidebar_header.vertical_tab_only") {
     #sidebar-box:is(
         [sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"],
         [sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"],
@@ -10986,8 +10942,8 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.hidden.urlbar_iconbox") {
-  @supports not -moz-bool-pref("userChrome.hidden.urlbar_iconbox.label_only") {
+@media -moz-pref("userChrome.hidden.urlbar_iconbox") {
+  @media not -moz-pref("userChrome.hidden.urlbar_iconbox.label_only") {
     #identity-box[pageproxystate="valid"].notSecureText #identity-icon-label,
     #identity-box[pageproxystate="valid"].chromeUI #identity-icon-box,
     #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box {
@@ -10997,7 +10953,7 @@
       padding-inline-end: 5px; /* Original: 8px */
     }
   }
-  @supports -moz-bool-pref("userChrome.hidden.urlbar_iconbox.label_only") {
+  @media -moz-pref("userChrome.hidden.urlbar_iconbox.label_only") {
     #identity-box[pageproxystate="valid"].notSecureText,
     #identity-box[pageproxystate="valid"].chromeUI,
     #identity-box[pageproxystate="valid"].extensionPage {
@@ -11007,7 +10963,7 @@
     #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box:not(:hover) {
       background-color: transparent !important;
     }
-    @supports not -moz-bool-pref("userChrome.urlbar.iconbox_with_separator") {
+    @media not -moz-pref("userChrome.urlbar.iconbox_with_separator") {
       #identity-box[pageproxystate="valid"].chromeUI #identity-icon-box,
       #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box {
         padding-inline: var(--urlbar-icon-padding) !important;
@@ -11018,23 +10974,23 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.hidden.bookmarkbar_icon") {
+@media -moz-pref("userChrome.hidden.bookmarkbar_icon") {
   #PlacesToolbarItems .bookmark-item > .toolbarbutton-icon {
     display: none;
   }
 }
-@supports -moz-bool-pref("userChrome.hidden.bookmarkbar_label") {
+@media -moz-pref("userChrome.hidden.bookmarkbar_label") {
   #PlacesToolbarItems .bookmark-item > .toolbarbutton-text {
     visibility: collapse; /* display: none is not work */
   }
 }
 
-@supports -moz-bool-pref("userChrome.hidden.disabled_menu") {
+@media -moz-pref("userChrome.hidden.disabled_menu") {
   menu[disabled="true"],
   menuitem:not(#context-back, #context-forward)[disabled="true"] {
     visibility: collapse !important;
   }
-  @supports -moz-bool-pref("widget.macos.native-context-menus") or -moz-bool-pref("widget.gtk.native-context-menus") {
+  @media -moz-pref("widget.macos.native-context-menus") or -moz-pref("widget.gtk.native-context-menus") {
     #context-back[disabled="true"],
     #context-forward[disabled="true"] {
       visibility: collapse !important;
@@ -11042,7 +10998,7 @@
   }
 }
 /** Icons *********************************************************************/
-@supports not -moz-bool-pref("userChrome.icon.disabled") {
+@media not -moz-pref("userChrome.icon.disabled") {
   /** Icons - List **************************************************************/
   :root {
     --uc-folder-icon: url("chrome://global/skin/icons/folder.svg");
@@ -11059,12 +11015,12 @@
     --uc-sidebar-icon: url("chrome://browser/skin/sidebars.svg");
     --uc-sidebar-icon-reverse: url("chrome://browser/skin/sidebars-right.svg");
   }
-  @supports -moz-bool-pref("userChrome.icon.library") {
+  @media -moz-pref("userChrome.icon.library") {
     :root {
       --uc-folder-icon: url("../icons/folder.svg");
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.connect_to_window") {
+  @media -moz-pref("userChrome.tab.connect_to_window") {
     :root {
       --uc-tab-icon: url("../icons/tab-photon.svg");
       --uc-tab-copy-icon: url("../icons/tab-copy-photon.svg");
@@ -11091,7 +11047,7 @@
     list-style-image: var(--uc-tab-icon) !important;
   }
   /** Library - Icons Replace ***************************************************/
-  @supports -moz-bool-pref("userChrome.icon.library") {
+  @media -moz-pref("userChrome.icon.library") {
     /*= Standard Folder - More Visible ===========================================*/
     /* on Toolbar and Menus */
     :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu)
@@ -11264,7 +11220,7 @@
     }
   }
   /** Panel - Icons *************************************************************/
-  @supports -moz-bool-pref("userChrome.icon.panel") {
+  @media -moz-pref("userChrome.icon.panel") {
     /*= Padding ==================================================================*/
     :root {
       --arrowpanel-menuicon-padding: 8px;
@@ -11277,7 +11233,7 @@
     .subviewbutton > .toolbarbutton-icon {
       width: 16px;
     }
-    @supports not -moz-bool-pref("userChrome.icon.panel_full") {
+    @media not -moz-pref("userChrome.icon.panel_full") {
       :root {
         /* Global */
         --arrowpanel-menuicon-paddingx2: calc(var(--arrowpanel-menuicon-padding) * 2);
@@ -11400,12 +11356,12 @@
     #new-tab-button {
       list-style-image: var(--uc-new-tab-icon) !important;
     }
-    @supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") {
+    @media -moz-pref("userChrome.icon.panel_full") or -moz-pref("userChrome.icon.panel_photon") {
       #appMenu-new-tab-button2 {
         list-style-image: var(--uc-new-tab-icon);
       }
     }
-    @supports -moz-bool-pref("userChrome.icon.panel_photon") {
+    @media -moz-pref("userChrome.icon.panel_photon") {
       #appMenu-save-file-button2,
       #appMenu-find-button2,
       #appMenu-more-button2 {
@@ -11417,8 +11373,8 @@
         padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important;
       }
     }
-    @supports not -moz-bool-pref("userChrome.icon.panel_photon") {
-      @supports not -moz-bool-pref("userChrome.icon.panel_full") {
+    @media not -moz-pref("userChrome.icon.panel_photon") {
+      @media not -moz-pref("userChrome.icon.panel_full") {
         #appMenu-new-tab-button2,
         #appMenu-passwords-button,
         #appMenu-extensions-themes-button,
@@ -11451,7 +11407,7 @@
     #appMenu-downloads-button {
       list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
     }
-    @supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") {
+    @media -moz-pref("userChrome.icon.panel_full") or -moz-pref("userChrome.icon.panel_photon") {
       #appMenu-passwords-button {
         list-style-image: url("chrome://browser/skin/login.svg");
       }
@@ -11462,7 +11418,7 @@
     #appMenu-print-button2 {
       list-style-image: url("chrome://global/skin/icons/print.svg");
     }
-    @supports -moz-bool-pref("userChrome.icon.panel_full") {
+    @media -moz-pref("userChrome.icon.panel_full") {
       #appMenu-save-file-button2 {
         list-style-image: url("../icons/toolbarButton-download.svg");
       }
@@ -11513,12 +11469,12 @@
     #appMenu-settings-button {
       list-style-image: url("chrome://global/skin/icons/settings.svg");
     }
-    @supports -moz-bool-pref("userChrome.icon.panel_full") {
+    @media -moz-pref("userChrome.icon.panel_full") {
       #appMenu-more-button2 {
         list-style-image: url("../icons/ion.svg");
       }
     }
-    @supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") {
+    @media -moz-pref("userChrome.icon.panel_full") or -moz-pref("userChrome.icon.panel_photon") {
       #appMenu-help-button2 {
         list-style-image: url("chrome://global/skin/icons/help.svg");
       }
@@ -11544,13 +11500,13 @@
       background-image: var(--avatar-image-url);
       margin-inline-end: var(--arrowpanel-menuicon-padding);
     }
-    @supports -moz-bool-pref("userChrome.icon.account_image_to_right") {
+    @media -moz-pref("userChrome.icon.account_image_to_right") {
       #fxa-manage-account-button::before {
         order: 2 !important;
         -moz-box-ordinal-group: 2 !important;
       }
     }
-    @supports -moz-bool-pref("userChrome.icon.account_label_to_right") {
+    @media -moz-pref("userChrome.icon.account_label_to_right") {
       #fxa-menu-header-title,
       #fxa-menu-header-description {
         text-align: right;
@@ -11834,7 +11790,7 @@
     #BMB_bookmarksToolbar {
       --menuitem-image: url("../icons/bookmarks-toolbar-alt.svg");
     }
-    @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+    @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
       #BMB_bookmarksShowAllTop {
         list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") !important;
       }
@@ -11955,7 +11911,7 @@
     }
   }
   /** Menu - Icons Layout *******************************************************/
-  @supports -moz-bool-pref("userChrome.icon.menu") {
+  @media -moz-pref("userChrome.icon.menu") {
     menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
     menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]),
     menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon,
@@ -12028,7 +11984,7 @@
       fill: currentColor !important;
     }
     /* For native context menus */
-    @supports -moz-bool-pref("widget.macos.native-context-menus") or -moz-bool-pref("widget.gtk.native-context-menus") {
+    @media -moz-pref("widget.macos.native-context-menus") or -moz-pref("widget.gtk.native-context-menus") {
       :not(menu, #ContentSelectDropdown)
         > menupopup:not(.in-menulist)
         > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
@@ -12114,7 +12070,7 @@
       margin-inline-start: var(--arrowpanel-menuitem-margin-inline) !important;
     }
     /* Menubar */
-    @supports -moz-bool-pref("userChrome.icon.global_menubar") {
+    @media -moz-pref("userChrome.icon.global_menubar") {
       #main-menubar > menu {
         background-position: var(--uc-menu-background-position) var(--context-menu-background-padding-default) center !important;
         padding-inline-start: calc(16px + var(--context-menu-background-padding-default)) !important;
@@ -12128,7 +12084,7 @@
       #main-menubar > menu menupopup {
         --menuitem-image: none; /* Prevent Image Inheritance */
       }
-      @supports not -moz-bool-pref("userChrome.padding.global_menubar") {
+      @media not -moz-pref("userChrome.padding.global_menubar") {
         #main-menubar > menu {
           padding-block: 2px !important;
         }
@@ -12203,7 +12159,7 @@
       }
     }
     @media (-moz-platform: windows), (-moz-gtk-csd-available) {
-      @supports -moz-bool-pref("userChrome.theme.non_native_menu") {
+      @media -moz-pref("userChrome.theme.non_native_menu") {
         @media (-moz-platform: windows) and (-moz-gtk-csd-available),
           (-moz-gtk-csd-available) and (-moz-gtk-csd-available) {
           :root {
@@ -12296,7 +12252,7 @@
       }
     }
     /* Padding - Mac */
-    @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+    @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
       :root {
         --context-menu-background-padding-default: 10px;
         --context-menu-mac-padding: 21px;
@@ -12323,7 +12279,7 @@
         padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important;
       }
       /* Global Menu */
-      @supports -moz-bool-pref("userChrome.icon.global_menu.mac") {
+      @media -moz-pref("userChrome.icon.global_menu.mac") {
         menupopup:is(
             #menu_FilePopup,
             #menu_EditPopup,
@@ -12425,7 +12381,7 @@
       #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
         padding-inline-start: calc(var(--context-menu-background-padding) + 2px) !important;
       }
-      @supports -moz-bool-pref("userChrome.theme.non_native_menu") {
+      @media -moz-pref("userChrome.theme.non_native_menu") {
         menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
         menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic),
         #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
@@ -12442,7 +12398,7 @@
         margin-inline-start: var(--context-menu-text-padding) !important;
       }
     }
-    @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+    @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
       /* Bookmark Popup - As Arrow Panel */
       #PersonalToolbar menupopup menuitem,
       #PersonalToolbar menupopup menu {
@@ -12466,7 +12422,7 @@
         padding-inline-start: var(--context-menu-mac-padding) !important;
       }
     }
-    @supports -moz-bool-pref("userChrome.icon.context_menu") {
+    @media -moz-pref("userChrome.icon.context_menu") {
       /** Context Menu - Icons ******************************************************/ /*= tabContextMenu ===========================================================*/
       #context_openANewTab,
       #treestyletab_piro_sakura_ne_jp-menuitem-_context_newTab,
@@ -12565,7 +12521,7 @@
         /* At windows */
         --menuitem-image: url("../icons/share.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #context_shareTabURL,
         menuitem.share-tab-url-item {
           --menuitem-image: url("../icons/share.svg");
@@ -12591,13 +12547,13 @@
       #sidebartabs_asamuzak_jp-menuitem-_closeTab {
         --menuitem-image: url("chrome://global/skin/icons/close.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #treestyletab_piro_sakura_ne_jp-menuitem-_context_closeDuplicatedTabs,
         #context_closeDuplicateTabs {
           --menuitem-image: var(--uc-tab-close-duplicate-icon);
         }
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #context_closeTabOptions,
         #treestyletab_piro_sakura_ne_jp-menuitem-_context_closeMultipleTabs,
         #tabcenter-reborn_ariasuni-menuitem-_contextMenuCloseTabs,
@@ -12686,7 +12642,7 @@
           display: none;
         }
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #tm-duplicateinWin {
           --menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg");
         }
@@ -12706,12 +12662,12 @@
       #context_reloadTabOptions {
         --menuitem-image: url("../icons/reload.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #context_reloadTabOptions {
           --menuitem-image: url("../icons/filter-reload.svg");
         }
       }
-      @supports not -moz-bool-pref("userChrome.icon.menu.full") {
+      @media not -moz-pref("userChrome.icon.menu.full") {
         #context_reloadTabOptions + #context_reloadTab {
           --menuitem-image: url("../icons/blank.svg");
         }
@@ -12725,12 +12681,12 @@
       #tm-protectTab {
         --menuitem-image: url("../icons/shield-task.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #tm-lockTab {
           --menuitem-image: url("../icons/lock-closed.svg");
         }
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #context_bookmarkAllTabs {
           --menuitem-image: url("../icons/bookmark-multiple.svg");
         }
@@ -12906,7 +12862,7 @@
       #context-pdfjs-undo {
         --menuitem-image: url("../icons/undo.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #context-redo,
         #context-pdfjs-redo {
           --menuitem-image: url("../icons/redo.svg");
@@ -12989,7 +12945,7 @@
       #context-media-eme-learnmore {
         /* iconic */
       }
-      @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+      @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
         #context-back {
           --menuitem-image: url("chrome://browser/skin/back.svg");
         }
@@ -13343,7 +13299,7 @@
       #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_undo"] {
         --menuitem-image: url("../icons/undo.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_redo"] {
           --menuitem-image: url("../icons/redo.svg");
         }
@@ -13354,7 +13310,7 @@
       #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_copy"] {
         --menuitem-image: url("../icons/edit-copy.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #strip-on-share {
           --menuitem-image: url("../icons/link-no-tracking.svg");
         }
@@ -13362,7 +13318,7 @@
       #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_paste"] {
         --menuitem-image: url("../icons/edit-paste.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #paste-and-go {
           --menuitem-image: url("../icons/edit-paste-go.svg");
         }
@@ -13378,7 +13334,7 @@
       .textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] {
         --menuitem-image: url("../icons/undo.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         .textbox-contextmenu > menuitem[data-l10n-id="text-action-redo"] {
           --menuitem-image: url("../icons/redo.svg");
         }
@@ -13399,7 +13355,7 @@
         --menuitem-image: url("../icons/select-all-on.svg");
       }
       /* Only searchbar */
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         menuitem.searchbar-paste-and-search {
           --menuitem-image: url("../icons/edit-paste-search.svg");
         }
@@ -13476,7 +13432,7 @@
         --menuitem-image: url("chrome://global/skin/icons/info.svg");
       }
     }
-    @supports -moz-bool-pref("userChrome.icon.global_menubar") {
+    @media -moz-pref("userChrome.icon.global_menubar") {
       /*= main-menubar =============================================================*/
       #file-menu {
         --menuitem-image: url("../icons/mail-inbox-all.svg");
@@ -13515,7 +13471,7 @@
         margin: 0 !important;
       }
     }
-    @supports -moz-bool-pref("userChrome.icon.global_menu") {
+    @media -moz-pref("userChrome.icon.global_menu") {
       /** Global Menu ***************************************************************/
       /*= menu_FilePopup ===========================================================*/
       #menu_newNavigatorTab {
@@ -13536,7 +13492,7 @@
       #menu_close {
         --menuitem-image: var(--uc-tab-close-icon);
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #menu_closeWindow {
           --menuitem-image: url("../icons/close-window.svg");
         }
@@ -13571,7 +13527,7 @@
       #menu_undo {
         --menuitem-image: url("../icons/undo.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #menu_redo {
           --menuitem-image: url("../icons/redo.svg");
         }
@@ -13594,7 +13550,7 @@
       #menu_find {
         --menuitem-image: url("chrome://global/skin/icons/search-glass.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #menu_findAgain {
           --menuitem-image: url("../icons/find-again.svg");
         }
@@ -13808,7 +13764,7 @@
         --menuitem-image: url("chrome://global/skin/icons/info.svg");
       }
     }
-    @supports -moz-bool-pref("userChrome.icon.library") {
+    @media -moz-pref("userChrome.icon.library") {
       /*= organizeButtonPopup ======================================================*/
       #newbookmark {
         --menuitem-image: url("chrome://browser/skin/bookmark.svg");
@@ -13822,7 +13778,7 @@
       #orgUndo {
         --menuitem-image: url("../icons/undo.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #orgRedo {
           --menuitem-image: url("../icons/redo.svg");
         }
@@ -13856,7 +13812,7 @@
       #backupBookmarks {
         --menuitem-image: url("../icons/datastore.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+      @media -moz-pref("userChrome.icon.menu.full") {
         #fileRestoreMenu {
           --menuitem-image: url("../icons/datarestore.svg");
         }
@@ -13873,7 +13829,7 @@
     }
   }
   /** Icons - 1.25px Stroke Width ***********************************************/
-  @supports -moz-bool-pref("userChrome.icon.1-25px_stroke") {
+  @media -moz-pref("userChrome.icon.1-25px_stroke") {
     #firefox-view-button {
       list-style-image: url("../icons/firefox-view.svg") !important;
     }
@@ -13899,12 +13855,12 @@
   }
   /** Icons for fork browsers ***************************************************/
   /*= Waterfox =================================================================*/
-  @supports -moz-bool-pref("userChrome.icon.panel") {
+  @media -moz-pref("userChrome.icon.panel") {
     #appMenu-restart-button {
       list-style-image: url("../icons/refresh-cw.svg") !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.icon.menu") {
+  @media -moz-pref("userChrome.icon.menu") {
     #menu_FileRestartItem {
       --menuitem-image: url("../icons/refresh-cw.svg");
     }
@@ -13919,7 +13875,7 @@
     }
   }
   /*= Tor Browser ==============================================================*/
-  @supports -moz-bool-pref("userChrome.icon.panel") {
+  @media -moz-pref("userChrome.icon.panel") {
     #appMenuNewIdentity {
       list-style-image: url("chrome://browser/skin/new_identity.svg");
     }
@@ -13930,7 +13886,7 @@
       list-style-image: url("chrome://browser/skin/onion.svg");
     }
   }
-  @supports -moz-bool-pref("userChrome.icon.menu") {
+  @media -moz-pref("userChrome.icon.menu") {
     #menu_newIdentity {
       --menuitem-image: url("chrome://browser/skin/new_identity.svg");
     }
@@ -13948,7 +13904,7 @@
   #ssbPageAction-image[open-ssb="true"] {
     list-style-image: url("../icons/pwa-launch.svg");
   }
-  @supports -moz-bool-pref("userChrome.icon.panel") {
+  @media -moz-pref("userChrome.icon.panel") {
     #rebootappmenu {
       list-style-image: url("../icons/refresh-cw.svg");
     }
@@ -13965,7 +13921,7 @@
       list-style-image: url("../icons/pwa-launch.svg");
     }
   }
-  @supports -moz-bool-pref("userChrome.icon.menu") {
+  @media -moz-pref("userChrome.icon.menu") {
     #toggle_sharemode {
       --menuitem-image: url("chrome://branding/content/about-logo-private.png");
     }
@@ -14019,7 +13975,7 @@
     }
   }
 }
-/*@ NIGHTLY @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
+/*@ DEPRECATED @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
 /** Default Theme - Contrast **************************************************/
 @media (-moz-bool-pref: "userChrome.theme.built_in_contrast") {
   /*= Lightmode - Color darker =================================================*/
diff --git a/css/leptonContent.css b/css/leptonContent.css
index 4a4dc64..f5e82f4 100644
--- a/css/leptonContent.css
+++ b/css/leptonContent.css
@@ -56,7 +56,7 @@
 }
 /** Video player **************************************************************/
 /* Control Bar Size */
-@supports -moz-bool-pref("userContent.player.size") {
+@media -moz-pref("userContent.player.size") {
   #controlsContainer {
     --controlBar-height: 40px; /* Original: 40px, Replace to this value */
   }
@@ -82,7 +82,7 @@
   }
 }
 /* Control Bar UI */
-@supports -moz-bool-pref("userContent.player.ui") {
+@media -moz-pref("userContent.player.ui") {
   audio {
     --duration-color: #929292; /* Like Original */
     --media-background: rgba(26, 26, 26, 0.8); /* Like Original */
@@ -116,7 +116,7 @@
   #controlsContainer .duration {
     color: var(--duration-color) !important; /* Original: #929292 */
   }
-  @supports -moz-bool-pref("userContent.player.ui.twoline") {
+  @media -moz-pref("userContent.player.ui.twoline") {
     audio {
       /* #controlsContainer .controlBar */
       --controlBar-flex-wrap: unset;
@@ -206,7 +206,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userContent.player.icon") {
+@media -moz-pref("userContent.player.icon") {
   #controlsContainer .fullscreenButton {
     background-image: url("../icons/enter-fullscreen.svg") !important;
   }
@@ -214,14 +214,14 @@
     background-image: url("../icons/exit-fullscreen.svg") !important;
   }
 }
-@supports -moz-bool-pref("userContent.player.noaudio") {
+@media -moz-pref("userContent.player.noaudio") {
   #controlsContainer .muteButton[noAudio] {
     /* Remove volume button at noAudio */
     display: none !important;
   }
 }
 /* Click to play UI */
-@supports -moz-bool-pref("userContent.player.click_to_play") {
+@media -moz-pref("userContent.player.click_to_play") {
   #controlsContainer .clickToPlay {
     cursor: pointer;
     opacity: 0.65 !important;
@@ -235,7 +235,7 @@
   }
 }
 /* Animation */
-@supports -moz-bool-pref("userContent.player.animate") {
+@media -moz-pref("userContent.player.animate") {
   @media (prefers-reduced-motion: no-preference) {
     /* Control Bar */
     #controlsContainer .controlBar {
@@ -267,7 +267,7 @@
 /** Activity Stream ***********************************************************/
 @-moz-document url("about:home"), url("about:newtab") {
   /** Activity Stream - Search Focus Border: like URL *************************/
-  @supports -moz-bool-pref("userContent.page.field_border") {
+  @media -moz-pref("userContent.page.field_border") {
     /* At DarkMode, Color */
     body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
     body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"],
@@ -285,8 +285,8 @@
       /* For Nightly */
       --newtab-primary-action-background: var(--newtab-focus-border) !important;
     }
-    @supports -moz-bool-pref("userContent.page.proton_color") {
-      @supports -moz-bool-pref("userContent.page.proton_color.dark_blue_accent") {
+    @media -moz-pref("userContent.page.proton_color") {
+      @media -moz-pref("userContent.page.proton_color.dark_blue_accent") {
         body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
         body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"],
         body[style*="--newtab-background-color: rgba(42, 42, 46, 1);"],
@@ -298,7 +298,7 @@
     }
   }
   /** Activity Stream - Menu Icons ********************************************/
-  @supports -moz-bool-pref("userChrome.icon.context_menu") {
+  @media -moz-pref("userChrome.icon.context_menu") {
     .context-menu-list .context-menu-item button {
       padding-inline-start: 0 !important;
     }
@@ -341,7 +341,7 @@
     .context-menu-item span[data-l10n-id="newtab-menu-show-file"] {
       --menuitem-image: url("chrome://global/skin/icons/folder.svg");
     }
-    @supports -moz-bool-pref("userChrome.icon.library") {
+    @media -moz-pref("userChrome.icon.library") {
       .context-menu-item span[data-l10n-id="newtab-menu-show-file"] {
         --menuitem-image: url("../icons/folder.svg");
       }
@@ -360,7 +360,7 @@
     }
   }
   /** Activity Stream - Web Site Icon: full size ******************************/
-  @supports -moz-bool-pref("userContent.newTab.full_icon") {
+  @media -moz-pref("userContent.newTab.full_icon") {
     .top-site-outer {
       width: 120px !important; /* v135: calc(var(--size-item-large) * 3); */
     }
@@ -388,7 +388,7 @@
     }
   }
   /** Activity Stream - Animate ***********************************************/
-  @supports -moz-bool-pref("userContent.newTab.animate") {
+  @media -moz-pref("userContent.newTab.animate") {
     @media (prefers-reduced-motion: no-preference) {
       :root {
         --animation-easing-function: cubic-bezier(0.07, 0.95, 0, 1);
@@ -418,7 +418,7 @@
       .search-wrapper .search-inner-wrapper > .search-handoff-button:focus {
         transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function);
       }
-      @supports -moz-bool-pref("userContent.page.field_border") {
+      @media -moz-pref("userContent.page.field_border") {
         .search-wrapper .search-inner-wrapper:hover > input,
         .search-wrapper .search-inner-wrapper:hover > .search-handoff-button {
           border-color: var(--newtab-primary-action-background) !important;
@@ -428,7 +428,7 @@
     }
   }
   /** Activity Stream - Pocket order to last **********************************/
-  @supports -moz-bool-pref("userContent.newTab.pocket_to_last") {
+  @media -moz-pref("userContent.newTab.pocket_to_last") {
     .body-wrapper.on {
       display: flex;
       flex-wrap: wrap !important;
@@ -445,7 +445,7 @@
     }
   }
   /** Activity Stream - Home Search Bar looks like proton *********************/
-  @supports -moz-bool-pref("userContent.newTab.searchbar") {
+  @media -moz-pref("userContent.newTab.searchbar") {
     /* Dropdown Colors */
     #root {
       --newtab-search-background-color: rgba(255, 255, 255, 1); /* Same as light theme's --panel-background */
@@ -523,7 +523,7 @@
     }
   }
   /** Activity Stream - Hide Firefox's logo ***********************************/
-  @supports -moz-bool-pref("userContent.newTab.hidden_logo") {
+  @media -moz-pref("userContent.newTab.hidden_logo") {
     .logo-and-wordmark {
       display: none !important;
     }
@@ -532,7 +532,7 @@
     }
   }
   /** Activity Stream - Custom background image *******************************/
-  @supports -moz-bool-pref("userContent.newTab.background_image") {
+  @media -moz-pref("userContent.newTab.background_image") {
     body::before {
       content: "";
       position: fixed;
@@ -553,7 +553,7 @@
   }
 }
 /** Error Page - Restore illustrations ****************************************/
-@supports -moz-bool-pref("userContent.page.illustration") {
+@media -moz-pref("userContent.page.illustration") {
   @-moz-document url-prefix("about:neterror"), url-prefix("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml"), url("about:sessionrestore"), url("chrome://browser/content/aboutSessionRestore.xhtml")
   {
     /* Illustrations Position */
@@ -660,7 +660,7 @@
 }
 /** Fully Dark Mode ***********************************************************/
 /*= Fully Dark Mode - Dark Mode Colors =======================================*/
-@supports -moz-bool-pref("userContent.page.proton_color") {
+@media -moz-pref("userContent.page.proton_color") {
   @-moz-document url-prefix("about:"), url-prefix("chrome://"), url-prefix("https://addons.mozilla.org"), url-prefix("https://support.mozilla.org"), url-prefix("https://accounts.firefox.com"), url-prefix("view-source"), regexp("^((jar:)?file:///).*/$")
   {
     /*= Default Colors - Hard Coded ==============================================*/
@@ -847,7 +847,7 @@
         --menu-icon-opacity: var(--dark-menu-icon-opacity);
       }
     }
-    @supports -moz-bool-pref("userChrome.theme.non_native_menu") {
+    @media -moz-pref("userChrome.theme.non_native_menu") {
       @media (-moz-gtk-csd-available) {
         :root {
           /* Override some menu color variables for light browser themes. */
@@ -881,7 +881,7 @@
         }
       }
     }
-    @supports -moz-bool-pref("userContent.page.proton_color.dark_blue_accent") or -moz-bool-pref("userContent.page.proton_color.system_accent") {
+    @media -moz-pref("userContent.page.proton_color.dark_blue_accent") or -moz-pref("userContent.page.proton_color.system_accent") {
       :root,
       :host(.anonymous-content-host) {
         --color-accent-primary: var(--in-content-primary-button-background) !important;
@@ -889,7 +889,7 @@
         --color-accent-primary-active: light-dark(var(--color-blue-70), var(--color-cyan-20));
       }
     }
-    @supports -moz-bool-pref("userContent.page.proton_color.dark_blue_accent") {
+    @media -moz-pref("userContent.page.proton_color.dark_blue_accent") {
       @media (prefers-color-scheme: dark) {
         :host,
         :root {
@@ -945,7 +945,7 @@
         }
       }
     }
-    @supports -moz-bool-pref("userContent.page.proton_color.system_accent") {
+    @media -moz-pref("userContent.page.proton_color.system_accent") {
       :host,
       :root {
         --in-content-primary-button-text-color: AccentColorText !important;
@@ -953,7 +953,7 @@
         --in-content-primary-button-background-hover: color-mix(in srgb, black 10%, AccentColor) !important;
         --in-content-primary-button-background-active: color-mix(in srgb, black 20%, AccentColor) !important;
       }
-      @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+      @media -moz-pref("userChrome.compatibility.accent_color") {
         :host,
         :root {
           --in-content-primary-button-text-color: HighlightText !important;
@@ -965,7 +965,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userContent.page.dark_mode") {
+@media -moz-pref("userContent.page.dark_mode") {
   @media (prefers-color-scheme: dark) {
     /*= Addons.org =============================================================*/
     @-moz-document url-prefix("https://addons.mozilla.org")
@@ -1847,7 +1847,7 @@
         box-shadow: 0 0 0 3px color-mix(in srgb, var(--in-content-primary-button-background-hover) 80%, transparent) !important;
       }
     }
-    @supports -moz-bool-pref("userContent.page.dark_mode.pdf") {
+    @media -moz-pref("userContent.page.dark_mode.pdf") {
       @-moz-document unobservable-document() {
         @-moz-document regexp("^(?!.*\\.pdf\\?n).*") {
           #outerContainer {
@@ -1867,7 +1867,7 @@
   }
 }
 /** Fully Proton Mode *********************************************************/
-@supports -moz-bool-pref("userContent.page.proton") {
+@media -moz-pref("userContent.page.proton") {
   /*= Common contents ==========================================================*/ /*= abouts' common ===========================================================*/
   @-moz-document url-prefix("about:"), url-prefix("chrome://pippki/content/"), url-prefix("chrome://browser/content/")
   {
@@ -1938,7 +1938,7 @@
       /* Ensure font-size isn't overridden by widget styling (e.g. in forms.css) */
       font-size: 1em !important;
     }
-    @supports -moz-bool-pref("userChrome.rounding.square_button") {
+    @media -moz-pref("userChrome.rounding.square_button") {
       button,
       select,
       input[type="color"] {
@@ -2018,7 +2018,7 @@
       margin-inline: 0 6px !important;
       flex-shrink: 0 !important; /* avoid shrinking inside flex container */
     }
-    @supports -moz-bool-pref("userChrome.rounding.square_checklabel") {
+    @media -moz-pref("userChrome.rounding.square_checklabel") {
       input[type="checkbox"] {
         border-radius: 0 !important;
       }
@@ -2112,7 +2112,7 @@
     }
   }
   /*= Field Border =============================================================*/
-  @supports -moz-bool-pref("userContent.page.field_border") {
+  @media -moz-pref("userContent.page.field_border") {
     @media (prefers-reduced-motion: no-preference) {
       @-moz-document url-prefix("about:") {
         html|input:is(
@@ -2292,7 +2292,7 @@
       background-position: center !important;
       color: inherit !important;
     }
-    @supports not -moz-bool-pref("userChrome.rounding.square_button") {
+    @media not -moz-pref("userChrome.rounding.square_button") {
       .profiler-icon {
         border-radius: 8px !important;
       }
@@ -2326,7 +2326,7 @@
   @-moz-document url("chrome://browser/content/places/places.xhtml")
   {
     /** Library - Icons Replace *************************************************/
-    @supports -moz-bool-pref("userChrome.icon.library") {
+    @media -moz-pref("userChrome.icon.library") {
       /*= Standard Folder - More Visible ===========================================*/
       /* on Toolbar and Menus */
       :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu)
@@ -2505,7 +2505,7 @@
         background-position: right center;
       }
       /*= Proton ===============================================================*/
-      @supports -moz-bool-pref("userContent.page.proton") {
+      @media -moz-pref("userContent.page.proton") {
         :root {
           --organizer-color: -moz-DialogText;
           --organizer-deemphasized-color: GrayText;
@@ -2580,7 +2580,7 @@
           padding: 5px !important;
           border-radius: 4px !important;
         }
-        @supports -moz-bool-pref("userChrome.rounding.square_button") {
+        @media -moz-pref("userChrome.rounding.square_button") {
           #placesToolbar > toolbarbutton {
             border-radius: 0 !important;
           }
@@ -2612,7 +2612,7 @@
           border-radius: 4px !important;
           margin-inline-end: 2px !important;
         }
-        @supports -moz-bool-pref("userChrome.rounding.square_button") {
+        @media -moz-pref("userChrome.rounding.square_button") {
           #placesMenu > menu {
             border-radius: 0 !important;
           }
@@ -2643,7 +2643,7 @@
           padding-block: 2px !important;
           min-height: 24px !important;
         }
-        @supports -moz-bool-pref("userChrome.rounding.square_field") {
+        @media -moz-pref("userChrome.rounding.square_field") {
           #searchFilter,
           #detailsPane html|input {
             border-radius: 0 !important;
@@ -2790,7 +2790,7 @@
           -moz-context-properties: fill !important;
           fill: currentColor !important;
         }
-        @supports -moz-bool-pref("userChrome.rounding.square_button") {
+        @media -moz-pref("userChrome.rounding.square_button") {
           #editBookmarkPanelRows .expander-up,
           #editBookmarkPanelRows .expander-down {
             border-radius: 0 !important;
@@ -2829,7 +2829,7 @@
           min-height: 20px !important;
           padding-inline: 4px !important;
         }
-        @supports -moz-bool-pref("userChrome.rounding.square_field") {
+        @media -moz-pref("userChrome.rounding.square_field") {
           #places input {
             border-radius: 0 !important;
           }
@@ -2852,7 +2852,7 @@
           border: 1px solid var(--organizer-border-color) !important;
           border-radius: 4px !important;
         }
-        @supports -moz-bool-pref("userChrome.rounding.square_field") {
+        @media -moz-pref("userChrome.rounding.square_field") {
           #editBMPanel_tagsSelectorRow > richlistbox {
             border-radius: 0 !important;
           }
@@ -2953,7 +2953,7 @@
           color: var(--checkbox-checked-color, AccentColorText) !important;
           background-color: var(--checkbox-checked-bgcolor, AccentColor) !important;
         }
-        @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+        @media -moz-pref("userChrome.compatibility.accent_color") {
           menuitem[type="checkbox"] > .menu-iconic-left[checked="true"] > .menu-iconic-icon {
             color: var(--checkbox-checked-color, -moz-accent-color-foreground) !important;
             background-color: var(--checkbox-checked-bgcolor, -moz-accent-color) !important;
@@ -2965,7 +2965,7 @@
             color-mix(in srgb, AccentColor 4%, Field)
           ) !important;
         }
-        @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+        @media -moz-pref("userChrome.compatibility.accent_color") {
           menuitem[type="checkbox"]:not([disabled="true"]):hover > .menu-iconic-left > .menu-iconic-icon {
             background-color: var(
               --checkbox-unchecked-hover-bgcolor,
@@ -2979,7 +2979,7 @@
             color-mix(in srgb, AccentColor 8%, Field)
           ) !important;
         }
-        @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+        @media -moz-pref("userChrome.compatibility.accent_color") {
           menuitem[type="checkbox"]:not([disabled="true"]):hover:active > .menu-iconic-left > .menu-iconic-icon {
             background-color: var(
               --checkbox-unchecked-active-bgcolor,
@@ -2993,7 +2993,7 @@
             color-mix(in srgb, currentColor 12.5%, AccentColor)
           ) !important;
         }
-        @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+        @media -moz-pref("userChrome.compatibility.accent_color") {
           menuitem[type="checkbox"]:not([disabled="true"]):hover
             > .menu-iconic-left[checked="true"]
             > .menu-iconic-icon {
@@ -3011,7 +3011,7 @@
             color-mix(in srgb, currentColor 25%, AccentColor)
           ) !important;
         }
-        @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+        @media -moz-pref("userChrome.compatibility.accent_color") {
           menuitem[type="checkbox"]:not([disabled="true"]):hover:active
             > .menu-iconic-left[checked="true"]
             > .menu-iconic-icon {
@@ -3025,7 +3025,7 @@
           outline: 2px solid var(--focus-outline-color, AccentColor) !important;
           outline-offset: var(--focus-outline-offset, 2px) !important;
         }
-        @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+        @media -moz-pref("userChrome.compatibility.accent_color") {
           menuitem[type="checkbox"]:focus > .menu-iconic-left > .menu-iconic-icon {
             outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important;
           }
@@ -3035,7 +3035,7 @@
             /* color will set the border-color on the check due to how HCM works for in-content pages. */
             color: var(--checkbox-checked-border-color, color-mix(in srgb, AccentColor 4%, Field)) !important;
           }
-          @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+          @media -moz-pref("userChrome.compatibility.accent_color") {
             menuitem[type="checkbox"]:not([disabled="true"]) > .menu-iconic-left > .menu-iconic-icon {
               /* color will set the border-color on the check due to how HCM works for in-content pages. */
               color: var(--checkbox-checked-border-color, color-mix(in srgb, -moz-accent-color 4%, Field)) !important;
@@ -3045,7 +3045,7 @@
             color: var(--checkbox-checked-border-color, currentColor) !important;
             fill: var(--checkbox-checked-color, AccentColorText) !important;
           }
-          @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+          @media -moz-pref("userChrome.compatibility.accent_color") {
             menuitem[type="checkbox"] > .menu-iconic-left[checked="true"] {
               fill: var(--checkbox-checked-color, -moz-accent-color-foreground) !important;
             }
@@ -3059,7 +3059,7 @@
             color: var(--checkbox-checked-border-color-hover, AccentColorText) !important;
             fill: var(--checkbox-checked-border-color-hover, AccentColorText) !important;
           }
-          @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
+          @media -moz-pref("userChrome.compatibility.accent_color") {
             menuitem[type="checkbox"]:not([disabled="true"]):hover:active
               > .menu-iconic-left[checked="true"]
               > .menu-iconic-icon,
@@ -3092,7 +3092,7 @@
   }
 }
 /** Rounding ******************************************************************/
-@supports -moz-bool-pref("userChrome.rounding.square_button") {
+@media -moz-pref("userChrome.rounding.square_button") {
   .all-buttons-container,
   .highlight-buttons > button,
   .cancel-shot,
@@ -3142,14 +3142,14 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_dialog") {
+@media -moz-pref("userChrome.rounding.square_dialog") {
   @-moz-document url("about:home"), url("about:newtab") {
     .modal {
       border-radius: 0 !important;
     }
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_checklabel") {
+@media -moz-pref("userChrome.rounding.square_checklabel") {
   @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$")
   {
     input[type="checkbox"]:not(.toggle-button),
@@ -3158,7 +3158,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_field") {
+@media -moz-pref("userChrome.rounding.square_field") {
   @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$")
   {
     input:is(
@@ -3202,7 +3202,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_menupopup") {
+@media -moz-pref("userChrome.rounding.square_menupopup") {
   @-moz-document url-prefix("about:"), url-prefix("chrome://")
   {
     panel,
@@ -3232,7 +3232,7 @@
     }
   }
 }
-@supports -moz-bool-pref("userChrome.rounding.square_infobox") {
+@media -moz-pref("userChrome.rounding.square_infobox") {
   @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$")
   {
     /*
@@ -3264,7 +3264,7 @@
   }
 }
 @-moz-document url-prefix("about:"), regexp(".*.pdf$") {
-  @supports -moz-bool-pref("userChrome.rounding.square_dialog") {
+  @media -moz-pref("userChrome.rounding.square_dialog") {
     dialog,
     .dialogBox {
       border-radius: 0 !important;
@@ -3274,7 +3274,7 @@
 @-moz-document url("chrome://browser/content/places/places.xhtml")
 {
   /*= Library ==============================================================*/
-  @supports -moz-bool-pref("userChrome.rounding.square_button") {
+  @media -moz-pref("userChrome.rounding.square_button") {
     #placesToolbar > toolbarbutton,
     #placesMenu > menu,
     #editBookmarkPanelRows .expander-up,
@@ -3282,7 +3282,7 @@
       border-radius: 0 !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.rounding.square_field") {
+  @media -moz-pref("userChrome.rounding.square_field") {
     #searchFilter,
     #detailsPane html|input,
     #places input #editBMPanel_tagsSelectorRow > richlistbox {
@@ -3291,7 +3291,7 @@
   }
 }
 /** Monospace *****************************************************************/
-@supports -moz-bool-pref("userContent.page.monospace") {
+@media -moz-pref("userContent.page.monospace") {
   @-moz-document url-prefix("about:"), url-prefix("chrome://"), regexp("^((jar:)?file:///).*/$")
   {
     * {
@@ -3300,14 +3300,14 @@
   }
 }
 /** Menu - Icons Layout *******************************************************/
-@supports not -moz-bool-pref("userChrome.icon.disabled") {
-  @supports -moz-bool-pref("userChrome.icon.menu") {
+@media not -moz-pref("userChrome.icon.disabled") {
+  @media -moz-pref("userChrome.icon.menu") {
     @-moz-document url-prefix("about:"), url-prefix("chrome://"), regexp("^((jar:)?file:///).*/$")
     {
       :root {
         --uc-folder-icon: url("chrome://global/skin/icons/folder.svg");
       }
-      @supports -moz-bool-pref("userChrome.icon.library") {
+      @media -moz-pref("userChrome.icon.library") {
         :root {
           --uc-folder-icon: url("../icons/folder.svg");
         }
@@ -3338,7 +3338,7 @@
         background-image: var(--menuitem-image);
       }
       /* For native context menus */
-      @supports -moz-bool-pref("widget.macos.native-context-menus") or -moz-bool-pref("widget.gtk.native-context-menus") {
+      @media -moz-pref("widget.macos.native-context-menus") or -moz-pref("widget.gtk.native-context-menus") {
         :not(menu, #ContentSelectDropdown)
           > menupopup:not(.in-menulist)
           > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
@@ -3391,7 +3391,7 @@
         }
       }
       @media (-moz-platform: windows), (-moz-gtk-csd-available) {
-        @supports -moz-bool-pref("userChrome.theme.non_native_menu") {
+        @media -moz-pref("userChrome.theme.non_native_menu") {
           @media (-moz-platform: windows) and (-moz-gtk-csd-available),
             (-moz-gtk-csd-available) and (-moz-gtk-csd-available) {
             :root {
@@ -3453,7 +3453,7 @@
         }
       }
       /* Padding - Mac */
-      @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+      @media -moz-pref("layout.css.osx-font-smoothing.enabled") {
         :root {
           --context-menu-background-padding-default: 10px;
           --context-menu-mac-padding: 21px;
@@ -3483,7 +3483,7 @@
         }
       }
       /*= Context Menu ===========================================================*/
-      @supports -moz-bool-pref("userChrome.icon.context_menu") {
+      @media -moz-pref("userChrome.icon.context_menu") {
         /* Icon lists */
         /*= downloadsContextMenu =====================================================*/
         .downloadPauseMenuItem {
@@ -3602,7 +3602,7 @@
           --menuitem-image: url("../icons/movetowindow-16.svg");
         }
       }
-      @supports -moz-bool-pref("userChrome.icon.global_menu") {
+      @media -moz-pref("userChrome.icon.global_menu") {
         /*= organizeButtonPopup ======================================================*/
         #newbookmark {
           --menuitem-image: url("chrome://browser/skin/bookmark.svg");
@@ -3616,7 +3616,7 @@
         #orgUndo {
           --menuitem-image: url("../icons/undo.svg");
         }
-        @supports -moz-bool-pref("userChrome.icon.menu.full") {
+        @media -moz-pref("userChrome.icon.menu.full") {
           #orgRedo {
             --menuitem-image: url("../icons/redo.svg");
           }
@@ -3650,7 +3650,7 @@
         #backupBookmarks {
           --menuitem-image: url("../icons/datastore.svg");
         }
-        @supports -moz-bool-pref("userChrome.icon.menu.full") {
+        @media -moz-pref("userChrome.icon.menu.full") {
           #fileRestoreMenu {
             --menuitem-image: url("../icons/datarestore.svg");
           }
@@ -3667,7 +3667,7 @@
       }
     }
     @-moz-document url-prefix("about:addons") {
-      @supports -moz-bool-pref("userChrome.icon.context_menu") {
+      @media -moz-pref("userChrome.icon.context_menu") {
         button:is([role="menuitem"], [role="menuitemcheckbox"]) {
           background-image: var(--icon, url("../icons/blank.svg")); /* Don't use !important. because of [checked] */
         }
@@ -3697,7 +3697,7 @@
       }
     }
     @-moz-document url-prefix("about:logins") {
-      @supports -moz-bool-pref("userChrome.icon.context_menu") {
+      @media -moz-pref("userChrome.icon.context_menu") {
         .menuitem-export {
           background-image: url("../icons/toolbarButton-download.svg") !important;
         }
@@ -3708,7 +3708,7 @@
 /** Download Panel ************************************************************/
 @-moz-document url-prefix("about:downloads") {
   @media (prefers-reduced-motion: no-preference) {
-    @supports -moz-bool-pref("userChrome.decoration.download_panel") {
+    @media -moz-pref("userChrome.decoration.download_panel") {
       /* Accent Color for downloaded item */
       #downloadsListBox .download-state[exists] .downloadDetails {
         color: var(--button-primary-bgcolor);
@@ -3729,8 +3729,7 @@
       }
     }
   }
-}
-/*@ NIGHTLY @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
+} /*@ DEPRECATED @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
 /** Compatibility *************************************************************/
 @-moz-document url-prefix("about:preferences") {
   .content-blocking-warning.info-box-container > hbox > .content-blocking-warning-image {
@@ -4163,8 +4162,7 @@
       border-color: var(--newtab-primary-action-background) !important;
       transition: border-color 0.5s var(--animation-easing-function);
     }
-  }
-  /** Activity Stream - Pocket order to last **********************************/
+  } /** Activity Stream - Pocket order to last **********************************/
   @media (-moz-bool-pref: "userContent.newTab.pocket_to_last") {
     .body-wrapper.on {
       display: flex;
diff --git a/src/combined/_back_forward_button.scss b/src/combined/_back_forward_button.scss
index 1379356..884f69b 100644
--- a/src/combined/_back_forward_button.scss
+++ b/src/combined/_back_forward_button.scss
@@ -3,6 +3,11 @@
 
 @mixin _combined_forward_button() {
   @if mode.isMediaPref() {
+    @#{media} #{'-moz-pref("userChrome.combined.urlbar.nav_button") or ((not -moz-pref("userChrome.combined.sub_button.as_normal")) or (-moz-pref("userChrome.combined.nav_button") and -moz-pref("userChrome.combined.urlbar.home_button")))'} {
+      @content;
+    }
+  }
+  @else if mode.isMediaBoolPref() {
     @media (-moz-bool-pref: '"userChrome.combined.urlbar.nav_button"'),
     ((not (-moz-bool-pref: '"userChrome.combined.sub_button.as_normal"')) or
      (
diff --git a/src/leptonChromeNightly.scss b/src/leptonChromeNightly.scss
index a6e12d3..03de202 100644
--- a/src/leptonChromeNightly.scss
+++ b/src/leptonChromeNightly.scss
@@ -3,8 +3,9 @@
 @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 @namespace html url("http://www.w3.org/1999/xhtml");
 
-@import "leptonChrome";
-
-/*@ NIGHTLY @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
 @include mode.MEDIA_PREF;
 @import "leptonChrome";
+
+/*@ DEPRECATED @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
+@include mode.MEDIA_BOOL_PREF;
+@import "leptonChrome";
diff --git a/src/leptonContentNightly.scss b/src/leptonContentNightly.scss
index 87f1740..64f28e9 100644
--- a/src/leptonContentNightly.scss
+++ b/src/leptonContentNightly.scss
@@ -3,8 +3,9 @@
 @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 @namespace html url("http://www.w3.org/1999/xhtml");
 
-@import "leptonContent";
-
-/*@ NIGHTLY @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
 @include mode.MEDIA_PREF;
 @import "leptonContent";
+
+/*@ DEPRECATED @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
+@include mode.MEDIA_BOOL_PREF;
+@import "leptonContent";
diff --git a/src/utils/_mode.scss b/src/utils/_mode.scss
index 0543dae..6b65c20 100644
--- a/src/utils/_mode.scss
+++ b/src/utils/_mode.scss
@@ -1,5 +1,5 @@
 $_osESR: false !default;
-$_mediaPref: false !default;
+$_pref: "support-bool-pref" !default; // "support-bool-pref" | "media-bool-pref" | "media-pref"
 
 @mixin ESR() {
   $_osESR: true !global;
@@ -9,12 +9,16 @@ $_mediaPref: false !default;
   $_osESR: false !global;
 }
 
-@mixin SUPPORT_PREF() {
-  $_mediaPref: false !global;
+@mixin SUPPORT_BOOL_PREF() {
+  $_pref: "support-bool-pref" !global;
+}
+
+@mixin MEDIA_BOOL_PREF() {
+  $_pref: "media-bool-pref" !global;
 }
 
 @mixin MEDIA_PREF() {
-  $_mediaPref: true !global;
+  $_pref: "media-pref" !global;
 }
 
 @function isESR() {
@@ -25,6 +29,14 @@ $_mediaPref: false !default;
   @return not $_osESR;
 }
 
-@function isMediaPref() {
-  @return isSTANDARD() and $_mediaPref;
+@function isSupportBoolPref() {
+  @return isESR() and $_pref == "support-bool-pref";
+}
+
+@function isMediaBoolPref() {
+  @return isSTANDARD() and $_pref == "media-bool-pref";
+}
+
+@function isMediaPref() {
+  @return isSTANDARD() and $_pref == "media-pref";
 }
diff --git a/src/utils/_option.scss b/src/utils/_option.scss
index 6649f91..604db93 100644
--- a/src/utils/_option.scss
+++ b/src/utils/_option.scss
@@ -11,14 +11,17 @@
   @return if($positive, $str, "(not " + $str + ")");
 }
 
-@function _pref($option) {
+@function _supportPref($option) {
   @return "-moz-bool-pref(\"#{$option}\")";
 }
-@function _prefMedia($option) {
+@function _mediaBoolPref($option) {
   @return "(-moz-bool-pref: \"#{$option}\")";
 }
+@function _mediaPref($option) {
+  @return "-moz-pref(\"#{$option}\")";
+}
 
-@function _getOption($optionNames, $positive: true) {
+@function _getOptionSupports($optionNames, $positive: true) {
   $result: "";
   @for $i from 1 through length($optionNames) {
     $option: nth($optionNames, $i);
@@ -30,27 +33,27 @@
     $result: $result + _prefix($separator, $i);
 
     @if type-of($option) == "list" {
-      $result: $result + "(" + _getOption($option, $positive) + ")";
+      $result: $result + "(" + _getOptionSupports($option, $positive) + ")";
     }
     @else {
-      $result: $result +  _not(_pref($option), $positive);
+      $result: $result +  _not(_supportPref($option), $positive);
     }
   }
   @return $result;
 }
-@function _optionWrapper($optionNames, $positive: true) {
+@function _getOptionSupportsWrapper($optionNames, $positive: true) {
   // Test warning for top level `not`
   @if length($optionNames) == 1 {
     $option: nth($optionNames, 1);
     @if not (type-of($option) == "list") {
-      $option: _pref($option);
+      $option: _supportPref($option);
       @return if($positive, $option, "not " + $option);
     }
   }
-  @return _getOption($optionNames, $positive);
+  @return _getOptionSupports($optionNames, $positive);
 }
 
-@function _getOptionMedia($optionNames, $positive: true) {
+@function _getOptionMediaBool($optionNames, $positive: true) {
   $result: "";
   @for $i from 1 through length($optionNames) {
     $option: nth($optionNames, $i);
@@ -62,23 +65,60 @@
     $result: $result + _prefix($separator, $i);
 
     @if type-of($option) == "list" {
-      $result: $result + _getOptionMedia($option, $positive) ;
+      $result: $result + _getOptionMediaBool($option, $positive) ;
     }
     @else {
-      $result: $result +  _not(_prefMedia($option), $positive);
+      $result: $result +  _not(_mediaBoolPref($option), $positive);
     }
   }
   @return $result;
 }
 
+@function _getOptionMedia($optionNames, $positive: true) {
+  $result: "";
+  @for $i from 1 through length($optionNames) {
+    $option: nth($optionNames, $i);
+    $separator: if(
+      list-separator($optionNames) == "comma", "or", if(
+        list-separator($optionNames) == "space", "and", null
+      )
+    );
+    $result: $result + _prefix($separator, $i);
+
+    @if type-of($option) == "list" {
+      $result: $result + "(" + _getOptionMedia($option, $positive) + ")";
+    }
+    @else {
+      $result: $result +  _not(_mediaPref($option), $positive);
+    }
+  }
+  @return $result;
+}
+@function _getOptionMediaWrapper($optionNames, $positive: true) {
+  // Test warning for top level `not`
+  @if length($optionNames) == 1 {
+    $option: nth($optionNames, 1);
+    @if not (type-of($option) == "list") {
+      $option: _mediaPref($option);
+      @return if($positive, $option, "not " + $option);
+    }
+  }
+  @return _getOptionMedia($optionNames, $positive);
+}
+
 @mixin Option($optionNames...) {
   @if mode.isMediaPref() {
-    @media #{_getOptionMedia($optionNames)} {
+    @#{media} #{_getOptionMediaWrapper($optionNames)} {
+      @content;
+    }
+  }
+  @else if mode.isMediaBoolPref() {
+    @media #{_getOptionMediaBool($optionNames)} {
       @content;
     }
   }
   @else {
-    @supports #{_optionWrapper($optionNames)} {
+    @supports #{_getOptionSupportsWrapper($optionNames)} {
       @content;
     }
   }
@@ -86,12 +126,17 @@
 
 @mixin NotOption($optionNames...) {
   @if mode.isMediaPref() {
-    @media #{_getOptionMedia($optionNames, false)} {
+    @#{media} #{_getOptionMediaWrapper($optionNames, false)} {
+      @content;
+    }
+  }
+  @else if mode.isMediaBoolPref() {
+    @media #{_getOptionMediaBool($optionNames, false)} {
       @content;
     }
   }
   @else {
-    @supports #{_optionWrapper($optionNames, false)} {
+    @supports #{_getOptionSupportsWrapper($optionNames, false)} {
       @content;
     }
   }