diff --git a/userChrome.css b/userChrome.css
index 8cdd1d1..ced3d26 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -1,7 +1,7 @@
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 @namespace html "http://www.w3.org/1999/xhtml";
 /** Default Thme - Contrast ***************************************************/
-@supports -moz-bool-pref("userChrome.theme.built_in_contrast") {
+@supports -moz-bool-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);"] {
@@ -30,7 +30,7 @@
 }
 /** Compatibility Fixes *******************************************************/
 /*= Theme - Compatibility ====================================================*/
-@supports -moz-bool-pref("userChrome.compatibility.theme") {
+@supports -moz-bool-pref(userChrome.compatibility.theme) {
   /*= Hotfix #98 ===============================================================*/
   /* Hidden Tab Panel Padding */
   #allTabsMenu-hiddenTabsView .all-tabs-item {
@@ -63,6 +63,11 @@
     --lwt-toolbarbutton-icon-fill-attention: var(--button-primary-bgcolor, rgb(0, 120, 215));
   }
 
+  /*= First visible tab margin at maximized #332 ===============================*/
+  :root[tabsintitlebar=true][sizemode=maximized] #TabsToolbar {
+    margin-left: -1px;
+  }
+
   /*= Disabled menu background color ===========================================*/
   menuitem[disabled=true],
 menu[disabled=true] {
@@ -70,7 +75,7 @@ menu[disabled=true] {
   }
 
   /*= Remove Tab Border ========================================================*/
-  @supports -moz-bool-pref("userChrome.tab.connect_to_window") {
+  @supports -moz-bool-pref(userChrome.tab.connect_to_window) {
     /* TARGET: original, photon */
     /* Light Theme */
     #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background {
@@ -114,7 +119,7 @@ menu[disabled=true] {
   }
 }
 /*= OS - Compatibility =======================================================*/
-@supports -moz-bool-pref("userChrome.compatibility.os") {
+@supports -moz-bool-pref(userChrome.compatibility.os) {
   /*= Windows 7, 8 - Tab Bar Background *****************************************/
   @media (-moz-os-version: windows-win7), (-moz-platform: windows-win7), (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
     /* Header Color */
@@ -251,24 +256,26 @@ menuitem[_moz-menuactive=true][disabled=true] {
     }
   }
   /*= Linux - Light System Default Theme's Selected Tab ========================*/
-  @media (-moz-gtk-csd-available) and (-moz-toolbar-prefers-color-scheme: light), (-moz-gtk-csd-available) and (prefers-color-scheme: light) {
-    /* Because of
-      #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background {
-        border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9));
-        box-shadow: 0 0 4px rgba(128,128,142,0.5);
+  @media (-moz-gtk-csd-available) {
+    @media (-moz-toolbar-prefers-color-scheme: light), (prefers-color-scheme: light) {
+      /* Because of
+        #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background {
+          border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9));
+          box-shadow: 0 0 4px rgba(128,128,142,0.5);
+        }
+       */
+      #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) {
+        box-shadow: 0 0 4px rgba(128, 128, 142, 0.5) !important;
       }
-     */
-    #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) {
-      box-shadow: 0 0 4px rgba(128, 128, 142, 0.5) !important;
-    }
 
-    #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) {
-      box-shadow: 0 0 1px var(--tab-line-color, rgba(128, 128, 142, 0.9)), 0 0 4px rgba(128, 128, 142, 0.5) !important;
+      #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) {
+        box-shadow: 0 0 1px var(--tab-line-color, rgba(128, 128, 142, 0.9)), 0 0 4px rgba(128, 128, 142, 0.5) !important;
+      }
     }
   }
 }
 /** System Default Theme ******************************************************/
-@supports -moz-bool-pref("userChrome.theme.system_default") {
+@supports -moz-bool-pref(userChrome.theme.system_default) {
   /*= Common - URL Bar focus color =============================================*/
   @media (-moz-windows-accent-color-in-titlebar), (-moz-gtk-csd-available) {
     /* URL Bar */
@@ -332,58 +339,44 @@ menuitem[_moz-menuactive=true][disabled=true] {
       --win-shorcut-text-color: #757575;
       --win-error-color: #b31616;
       --win-red-border-color: #ff4343;
+      --win-accent-forground-color: -moz-accent-color-foreground;
       --win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, -moz-accent-color);
       --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, -moz-accent-color);
       --win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, -moz-accent-color);
       --win-accent-active-color: -moz-accent-color;
     }
 
-    /*- Separator --------------------------------------------------------------*/
-
-    /*- Proton Tab Selected ----------------------------------------------------*/
-    /*- Menu -------------------------------------------------------------------*/
-
-    /*- Toolbar ----------------------------------------------------------------*/
-
-    /*- Sidebar ----------------------------------------------------------------*/
-
-    /*- Panel ------------------------------------------------------------------*/
-
-    /*- Others -----------------------------------------------------------------*/
-    /* For overwrite */
-  }
-  @media (-moz-os-version: windows-win10) and (-moz-toolbar-prefers-color-scheme: dark), (-moz-os-version: windows-win10) and (prefers-color-scheme: dark), (-moz-platform: windows-win10) and (-moz-toolbar-prefers-color-scheme: dark), (-moz-platform: windows-win10) and (prefers-color-scheme: dark) {
-    :root:not(:-moz-lwtheme),
+    @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+      :root:not(:-moz-lwtheme),
 :root[lwt-default-theme-in-dark-mode] {
-      --win-text-color: #ffffff;
-      --win-bgcolor: #2b2b2b;
-      --win-disabled-color: #747474;
-      --win-disabled-bgcolor: transparent;
-      --win-hover-bgcolor: #2e2e2e;
-      /* also button-bgcolor */
-      --win-hover-active-bgcolor: #454545;
-      /* also button-active-color */
-      --win-button-hover-bgcolor: rgba(46, 46, 46, 0.66);
-      --win-button-active-bgcolor: #515151;
-      --win-field-bgcolor: #373737;
-      --win-component-bgcolor: #171717;
-      --win-border-color: #5b5b5b;
-      --win-tab-seperator-color: #555555;
-      --win-sidebar-bgcolor: #1f1f1f;
-      --win-sidebar-hover-bgcolor: #353535;
-      --win-sidebar-button-hover-bgcolor: #353535;
-      --win-sidebar-button-hover-active-bgcolor: #4c4c4c;
-      --win-button-border: #8f8f8f;
-      --win-shorcut-text-color: #adadad;
-      --win-error-color: #ffb900;
-      --win-red-border-color: #ff4343;
-      --win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, -moz-accent-color);
-      --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 35%, -moz-accent-color);
-      --win-accent-hover-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 5%, -moz-accent-color);
-      --win-accent-active-color: -moz-accent-color;
+        --win-text-color: #ffffff;
+        --win-bgcolor: #2b2b2b;
+        --win-disabled-color: #747474;
+        --win-disabled-bgcolor: transparent;
+        --win-hover-bgcolor: #2e2e2e;
+        /* also button-bgcolor */
+        --win-hover-active-bgcolor: #454545;
+        /* also button-active-color */
+        --win-button-hover-bgcolor: rgba(46, 46, 46, 0.66);
+        --win-button-active-bgcolor: #515151;
+        --win-field-bgcolor: #373737;
+        --win-component-bgcolor: #171717;
+        --win-border-color: #5b5b5b;
+        --win-tab-seperator-color: #555555;
+        --win-sidebar-bgcolor: #1f1f1f;
+        --win-sidebar-hover-bgcolor: #353535;
+        --win-sidebar-button-hover-bgcolor: #353535;
+        --win-sidebar-button-hover-active-bgcolor: #4c4c4c;
+        --win-button-border: #8f8f8f;
+        --win-shorcut-text-color: #adadad;
+        --win-error-color: #ffb900;
+        --win-red-border-color: #ff4343;
+        --win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, -moz-accent-color);
+        --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 35%, -moz-accent-color);
+        --win-accent-hover-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 5%, -moz-accent-color);
+        --win-accent-active-color: -moz-accent-color;
+      }
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
     :root:not(:-moz-lwtheme),
 :root[lwt-default-theme-in-dark-mode] {
       /* Text, Icon Color */
@@ -428,8 +421,6 @@ menuitem[_moz-menuactive=true][disabled=true] {
       --toolbar-field-background-color: var(--win-field-bgcolor) !important;
       --toolbar-field-focus-background-color: var(--win-field-bgcolor) !important;
       --tab-icon-overlay-stroke: var(--win-field-bgcolor) !important;
-      --button-primary-color: var(--win-field-bgcolor) !important;
-      --checkbox-checked-color: var(--win-field-bgcolor) !important;
       /* Hover Background Color, Button Color  */
       --menuitem-hover-background-color: var(--win-hover-bgcolor) !important;
       --toolbarbutton-hover-background: var(--win-hover-bgcolor) !important;
@@ -457,6 +448,9 @@ menuitem[_moz-menuactive=true][disabled=true] {
       --checkbox-border-color: var(--win-button-border) !important;
       --input-border-color: var(--win-button-border) !important;
       --autocomplete-popup-separator-color: var(--win-button-border) !important;
+      /* Accent Forground Color */
+      --button-primary-color: var(--win-accent-forground-color) !important;
+      --checkbox-checked-color: var(--win-accent-forground-color) !important;
       /* Accent Color */
       --button-primary-bgcolor: var(--win-accent-color) !important;
       --focus-outline-color: var(--win-accent-color) !important;
@@ -486,26 +480,24 @@ menuitem[_moz-menuactive=true][disabled=true] {
       --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;
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+
     #navigator-toolbox:not(:-moz-lwtheme) {
       background: var(--lwt-accent-color) !important;
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+
+    /*- Separator --------------------------------------------------------------*/
     :root:not(:-moz-lwtheme) {
       --arrowpanel-border-color: var(--win-bgcolor) !important;
       --panel-separator-color: var(--win-bgcolor) !important;
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+
     :root[lwt-default-theme-in-dark-mode] {
       --arrowpanel-border-color: var(--win-border-color) !important;
       --panel-separator-color: var(--win-border-color) !important;
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
-    @supports -moz-bool-pref("userChrome.tab.proton") {
+
+    /*- Proton Tab Selected ----------------------------------------------------*/
+    @supports -moz-bool-pref(userChrome.tab.proton) {
       :root: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));
@@ -519,8 +511,7 @@ menuitem[_moz-menuactive=true][disabled=true] {
         --lwt-selected-tab-background-color: var(--win-proton-tab-selected-bgcolor) !important;
       }
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+    /*- Menu -------------------------------------------------------------------*/
     html#main-window menupopup:not(:-moz-lwtheme) {
       --menu-color: var(--win-text-color) !important;
       --menu-background-color: var(--win-component-bgcolor) !important;
@@ -529,8 +520,8 @@ menuitem[_moz-menuactive=true][disabled=true] {
       --menu-disabled-color: var(--win-disabled-color) !important;
       --menuitem-disabled-hover-background-color: var(--win-disabled-bgcolor) !important;
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+
+    /*- Toolbar ----------------------------------------------------------------*/
     :root:not(:-moz-lwtheme) #titlebar,
 :root[lwt-default-theme-in-dark-mode] #titlebar {
       --button-hover-bgcolor: var(--win-sidebar-button-hover-bgcolor);
@@ -538,63 +529,60 @@ menuitem[_moz-menuactive=true][disabled=true] {
       --toolbarbutton-hover-background: var(--win-sidebar-button-hover-bgcolor);
       --toolbarbutton-active-background: var(--win-sidebar-button-hover-active-bgcolor);
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+
+    /*- Sidebar ----------------------------------------------------------------*/
     #sidebar-box:not([lwt-sidebar]) {
       appearance: none !important;
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+
     :root:not(:-moz-lwtheme) #sidebar-box,
 :root[lwt-default-theme-in-dark-mode] #sidebar-box {
       --sidebar-background-color: var(--win-sidebar-bgcolor) !important;
       --sidebar-text-color: var(--win-text-color) !important;
       --sidebar-border-color: var(--win-border-color) !important;
     }
-  }
-  @media (-moz-os-version: windows-win10) and (-moz-toolbar-prefers-color-scheme: dark), (-moz-os-version: windows-win10) and (prefers-color-scheme: dark), (-moz-platform: windows-win10) and (-moz-toolbar-prefers-color-scheme: dark), (-moz-platform: windows-win10) and (prefers-color-scheme: dark) {
-    .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
+
+    @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+      .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
 body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
 .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
 body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] {
-      /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */
-      --lwt-sidebar-background-color: transparent !important;
-      --lwt-sidebar-text-color: var(--win-text-color) !important;
+        /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */
+        --lwt-sidebar-background-color: transparent !important;
+        --lwt-sidebar-text-color: var(--win-text-color) !important;
+      }
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+    /*- Panel ------------------------------------------------------------------*/
     :root:not(:-moz-lwtheme) .subviewbutton,
 :root[lwt-default-theme-in-dark-mode] .subviewbutton {
       --button-hover-bgcolor: var(--win-hover-active-bgcolor) !important;
       --button-active-bgcolor: var(--win-button-active-bgcolor) !important;
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+
     :root:not(:-moz-lwtheme) toolbarbutton.subviewbutton:not([disabled], [open], :active, #appMenu-fxa-label2, #appMenu-zoomReduce-button2, #appMenu-zoomReset-button2, #appMenu-zoomEnlarge-button2, #appMenu-fullscreen-button2):is(:hover),
 :root[lwt-default-theme-in-dark-mode] toolbarbutton.subviewbutton:not([disabled], [open], :active, #appMenu-fxa-label2, #appMenu-zoomReduce-button2, #appMenu-zoomReset-button2, #appMenu-zoomEnlarge-button2, #appMenu-fullscreen-button2):is(:hover) {
       background-color: var(--win-hover-bgcolor) !important;
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+
     :root:not(:-moz-lwtheme) toolbarbutton.subviewbutton:not([disabled], #appMenu-fxa-label2, #appMenu-zoomReduce-button2, #appMenu-zoomReset-button2, #appMenu-zoomEnlarge-button2, #appMenu-fullscreen-button2):is([open], :hover:active),
 :root[lwt-default-theme-in-dark-mode] toolbarbutton.subviewbutton:not([disabled], #appMenu-fxa-label2, #appMenu-zoomReduce-button2, #appMenu-zoomReset-button2, #appMenu-zoomEnlarge-button2, #appMenu-fullscreen-button2):is([open], :hover:active) {
       background-color: var(--win-hover-active-bgcolor) !important;
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+
+    /*- Others -----------------------------------------------------------------*/
+    /* For overwrite */
     :root[lwtheme-mozlightdark]:not([lwthemetextcolor=bright]):not(:-moz-lwtheme),
 :root:not(:-moz-lwtheme) {
       /* Light Theme */
       --lwt-accent-color: var(--win-bgcolor) !important;
     }
-  }
-  @media (-moz-os-version: windows-win10) and (-moz-toolbar-prefers-color-scheme: dark), (-moz-os-version: windows-win10) and (prefers-color-scheme: dark), (-moz-platform: windows-win10) and (-moz-toolbar-prefers-color-scheme: dark), (-moz-platform: windows-win10) and (prefers-color-scheme: dark) {
-    :root[lwt-default-theme-in-dark-mode][lwthemetextcolor=bright] {
-      --toolbar-bgcolor: var(--win-component-bgcolor) !important;
-      /* Original: rgba(43, 42, 51, 1) */
+
+    @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+      :root[lwt-default-theme-in-dark-mode][lwthemetextcolor=bright] {
+        --toolbar-bgcolor: var(--win-component-bgcolor) !important;
+        /* Original: rgba(43, 42, 51, 1) */
+      }
     }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
     #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected]:not([selected]):not(:-moz-lwtheme),
 :root[lwtheme-mozlightdark] #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected]:not([selected]),
 :root:is([style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected]:not([selected]) {
@@ -776,7 +764,7 @@ body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-te
       }
     }
     /*- Proton Tab Selected ----------------------------------------------------*/
-    @supports -moz-bool-pref("userChrome.tab.proton") {
+    @supports -moz-bool-pref(userChrome.tab.proton) {
       :root: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);
@@ -850,7 +838,7 @@ body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-te
       }
     }
     /* Hard Coded */
-    @supports -moz-bool-pref("userChrome.tab.connect_to_window") {
+    @supports -moz-bool-pref(userChrome.tab.connect_to_window) {
       :root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected=true],
 :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][lwt-default-theme-in-dark-mode] #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected=true] {
         background: color-mix(in srgb, white 15%, -moz-dialog) !important;
@@ -870,152 +858,154 @@ body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-te
      https://github.com/mozilla/gecko-dev/blob/master/browser/themes/addons/light/manifest.json
      https://github.com/mozilla/gecko-dev/blob/master/browser/themes/addons/dark/manifest.json
   */
-/*= Default Colors - Hard Coded ==============================================*/
-/* Based on chrome://global/skin/in-content/common.css */
-:host,
-:root {
-  --in-content-page-color: rgb(21, 20, 26);
-  --in-content-page-background: #fff;
-  --in-content-text-color: var(--in-content-page-color);
-  --in-content-deemphasized-text: rgb(91, 91, 102);
-  --in-content-box-background: #fff;
-  --in-content-box-background-odd: rgba(12, 12, 13, 0.05);
-  /* grey 90 a05 */
-  --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent);
-  --in-content-box-info-background: #f0f0f4;
-  --in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent);
-  --in-content-item-hover-text: var(--in-content-page-color);
-  --in-content-item-selected: var(--in-content-primary-button-background);
-  --in-content-item-selected-text: var(--in-content-primary-button-text-color);
-  --in-content-icon-color: rgb(91, 91, 102);
-  --in-content-accent-color: #0a84ff;
-  --in-content-accent-color-active: #0060df;
-  --in-content-border-hover: var(--grey-90-a50);
-  --in-content-border-invalid: var(--red-50);
-  --in-content-border-color: #d7d7db;
-  --in-content-error-text-color: #c50042;
-  --in-content-link-color: var(--blue-60);
-  --in-content-link-color-hover: var(--blue-70);
-  --in-content-link-color-active: var(--blue-80);
-  --in-content-link-color-visited: var(--blue-60);
-  /* button background states are also used for checkboxes and radiobuttons */
-  --in-content-button-text-color: var(--in-content-text-color);
-  --in-content-button-text-color-hover: var(--in-content-text-color);
-  --in-content-button-background: rgba(207, 207, 216, 0.33);
-  --in-content-button-background-hover: rgba(207, 207, 216, 0.66);
-  --in-content-button-background-active: rgb(207, 207, 216);
-  --in-content-primary-button-text-color: rgb(251, 251, 254);
-  --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color);
-  --in-content-primary-button-background: #0061e0;
-  --in-content-primary-button-background-hover: #0250bb;
-  --in-content-primary-button-background-active: #053e94;
-  --in-content-danger-button-background: #e22850;
-  --in-content-danger-button-background-hover: #c50042;
-  --in-content-danger-button-background-active: #810220;
-  --in-content-focus-outline-color: var(--in-content-primary-button-background);
-  /* Note: 1px smaller than we want because we have a 1px transparent border. */
-  /* Once proton ships, these can probably stop being variables. */
-  --in-content-button-border-radius: 4px;
-  --in-content-button-horizontal-padding: 15px;
-  --in-content-button-vertical-padding: 7px;
-  --in-content-table-background: #f8f8fa;
-  --in-content-table-border-color: var(--in-content-box-border-color);
-  /* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */
-  --in-content-table-header-background: var(
-    --in-content-primary-button-background
-  );
-  /* Legacy: #0a84ff; rgb(5, 64, 150); */
-  --in-content-table-header-color: var(
-    --in-content-primary-button-text-color
-  );
-  /* Legacy: #ffffff; var(--in-content-page-color); */
-  --in-content-sidebar-width: 240px;
-  --dialog-warning-text-color: var(--red-60);
-  --checkbox-border-color: var(--in-content-box-border-color);
-  --checkbox-unchecked-bgcolor: var(--in-content-button-background);
-  --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover);
-  --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active);
-  --checkbox-checked-bgcolor: var(--in-content-primary-button-background);
-  --checkbox-checked-color: var(--in-content-primary-button-text-color);
-  --checkbox-checked-border-color: transparent;
-  --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover);
-  --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active);
-  --blue-40: #45a1ff;
-  --blue-50: #0a84ff;
-  --blue-60: #0060df;
-  --blue-70: #003eaa;
-  --blue-80: #002275;
-  --grey-30: #d7d7db;
-  --grey-60: #4a4a4f;
-  --grey-90-a10: rgba(12, 12, 13, 0.1);
-  --grey-90-a20: rgba(12, 12, 13, 0.2);
-  --grey-90-a30: rgba(12, 12, 13, 0.3);
-  --grey-90-a50: rgba(12, 12, 13, 0.5);
-  --grey-90-a60: rgba(12, 12, 13, 0.6);
-  --green-50: #30e60b;
-  --green-60: #12bc00;
-  --green-70: #058b00;
-  --green-80: #006504;
-  --green-90: #003706;
-  --orange-50: #ff9400;
-  --red-40: #ff4f5e;
-  --red-50: #ff0039;
-  --red-60: #d70022;
-  --red-70: #a4000f;
-  --red-80: #5a0002;
-  --red-90: #3e0200;
-  --yellow-50: #ffe900;
-  --yellow-60: #d7b600;
-  --yellow-60-a30: rgba(215, 182, 0, 0.3);
-  --yellow-70: #a47f00;
-  --yellow-80: #715100;
-  --yellow-90: #3e2800;
-  --shadow-10: 0 1px 4px var(--grey-90-a10);
-  --shadow-30: 0 4px 16px var(--grey-90-a10);
-  --card-padding: 16px;
-  --card-shadow: var(--shadow-10);
-  --card-outline-color: var(--grey-30);
-  --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color);
-}
-
-@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+@supports -moz-bool-pref(userChrome.theme.proton_color) {
+  /*= Default Colors - Hard Coded ==============================================*/
+  /* Based on chrome://global/skin/in-content/common.css */
   :host,
 :root {
-    /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */
-    --in-content-page-background: rgb(28, 27, 34);
-    --in-content-page-color: rgb(251, 251, 254);
-    --in-content-deemphasized-text: rgb(191, 191, 201);
-    --in-content-box-background: rgb(35, 34, 43);
-    --in-content-box-background-odd: rgba(249, 249, 250, 0.05);
-    --in-content-box-info-background: rgba(249, 249, 250, 0.15);
-    --in-content-border-color: rgba(249, 249, 250, 0.2);
-    --in-content-border-hover: rgba(249, 249, 250, 0.3);
-    --in-content-border-invalid: rgb(255, 132, 139);
-    --in-content-error-text-color: #ff9aa2;
-    --in-content-button-background: rgb(43, 42, 51);
-    --in-content-button-background-hover: rgb(82, 82, 94);
-    --in-content-button-background-active: rgb(91, 91, 102);
-    --in-content-icon-color: rgb(251, 251, 254);
-    --in-content-primary-button-text-color: rgb(43, 42, 51);
-    --in-content-primary-button-background: rgb(0, 221, 255);
-    --in-content-primary-button-background-hover: rgb(128, 235, 255);
-    --in-content-primary-button-background-active: rgb(170, 242, 255);
-    --in-content-danger-button-background: #ff848b;
-    --in-content-danger-button-background-hover: #ffbdc5;
-    --in-content-danger-button-background-active: #ffdfe7;
-    --in-content-table-background: rgb(35, 34, 43);
-    --in-content-table-border-dark-color: var(--in-content-box-border-color);
-    --in-content-accent-color: var(--in-content-primary-button-background);
-    --in-content-accent-color-active: var(--in-content-primary-button-background-hover);
-    --in-content-link-color: var(--in-content-primary-button-background);
-    --in-content-link-color-hover: var(--in-content-primary-button-background-hover);
-    --in-content-link-color-active: var(--in-content-primary-button-background-active);
-    --in-content-link-color-visited: var(--in-content-link-color);
-    --card-outline-color: var(--grey-60);
-    --dialog-warning-text-color: var(--red-40);
+    --in-content-page-color: rgb(21, 20, 26);
+    --in-content-page-background: #fff;
+    --in-content-text-color: var(--in-content-page-color);
+    --in-content-deemphasized-text: rgb(91, 91, 102);
+    --in-content-box-background: #fff;
+    --in-content-box-background-odd: rgba(12, 12, 13, 0.05);
+    /* grey 90 a05 */
+    --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent);
+    --in-content-box-info-background: #f0f0f4;
+    --in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent);
+    --in-content-item-hover-text: var(--in-content-page-color);
+    --in-content-item-selected: var(--in-content-primary-button-background);
+    --in-content-item-selected-text: var(--in-content-primary-button-text-color);
+    --in-content-icon-color: rgb(91, 91, 102);
+    --in-content-accent-color: #0a84ff;
+    --in-content-accent-color-active: #0060df;
+    --in-content-border-hover: var(--grey-90-a50);
+    --in-content-border-invalid: var(--red-50);
+    --in-content-border-color: #d7d7db;
+    --in-content-error-text-color: #c50042;
+    --in-content-link-color: var(--blue-60);
+    --in-content-link-color-hover: var(--blue-70);
+    --in-content-link-color-active: var(--blue-80);
+    --in-content-link-color-visited: var(--blue-60);
+    /* button background states are also used for checkboxes and radiobuttons */
+    --in-content-button-text-color: var(--in-content-text-color);
+    --in-content-button-text-color-hover: var(--in-content-text-color);
+    --in-content-button-background: rgba(207, 207, 216, 0.33);
+    --in-content-button-background-hover: rgba(207, 207, 216, 0.66);
+    --in-content-button-background-active: rgb(207, 207, 216);
+    --in-content-primary-button-text-color: rgb(251, 251, 254);
+    --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color);
+    --in-content-primary-button-background: #0061e0;
+    --in-content-primary-button-background-hover: #0250bb;
+    --in-content-primary-button-background-active: #053e94;
+    --in-content-danger-button-background: #e22850;
+    --in-content-danger-button-background-hover: #c50042;
+    --in-content-danger-button-background-active: #810220;
+    --in-content-focus-outline-color: var(--in-content-primary-button-background);
+    /* Note: 1px smaller than we want because we have a 1px transparent border. */
+    /* Once proton ships, these can probably stop being variables. */
+    --in-content-button-border-radius: 4px;
+    --in-content-button-horizontal-padding: 15px;
+    --in-content-button-vertical-padding: 7px;
+    --in-content-table-background: #f8f8fa;
+    --in-content-table-border-color: var(--in-content-box-border-color);
+    /* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */
+    --in-content-table-header-background: var(
+      --in-content-primary-button-background
+    );
+    /* Legacy: #0a84ff; rgb(5, 64, 150); */
+    --in-content-table-header-color: var(
+      --in-content-primary-button-text-color
+    );
+    /* Legacy: #ffffff; var(--in-content-page-color); */
+    --in-content-sidebar-width: 240px;
+    --dialog-warning-text-color: var(--red-60);
+    --checkbox-border-color: var(--in-content-box-border-color);
+    --checkbox-unchecked-bgcolor: var(--in-content-button-background);
+    --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover);
+    --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active);
+    --checkbox-checked-bgcolor: var(--in-content-primary-button-background);
+    --checkbox-checked-color: var(--in-content-primary-button-text-color);
+    --checkbox-checked-border-color: transparent;
+    --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover);
+    --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active);
+    --blue-40: #45a1ff;
+    --blue-50: #0a84ff;
+    --blue-60: #0060df;
+    --blue-70: #003eaa;
+    --blue-80: #002275;
+    --grey-30: #d7d7db;
+    --grey-60: #4a4a4f;
+    --grey-90-a10: rgba(12, 12, 13, 0.1);
+    --grey-90-a20: rgba(12, 12, 13, 0.2);
+    --grey-90-a30: rgba(12, 12, 13, 0.3);
+    --grey-90-a50: rgba(12, 12, 13, 0.5);
+    --grey-90-a60: rgba(12, 12, 13, 0.6);
+    --green-50: #30e60b;
+    --green-60: #12bc00;
+    --green-70: #058b00;
+    --green-80: #006504;
+    --green-90: #003706;
+    --orange-50: #ff9400;
+    --red-40: #ff4f5e;
+    --red-50: #ff0039;
+    --red-60: #d70022;
+    --red-70: #a4000f;
+    --red-80: #5a0002;
+    --red-90: #3e0200;
+    --yellow-50: #ffe900;
+    --yellow-60: #d7b600;
+    --yellow-60-a30: rgba(215, 182, 0, 0.3);
+    --yellow-70: #a47f00;
+    --yellow-80: #715100;
+    --yellow-90: #3e2800;
+    --shadow-10: 0 1px 4px var(--grey-90-a10);
+    --shadow-30: 0 4px 16px var(--grey-90-a10);
+    --card-padding: 16px;
+    --card-shadow: var(--shadow-10);
+    --card-outline-color: var(--grey-30);
+    --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color);
+  }
+
+  @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+    :host,
+:root {
+      /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */
+      --in-content-page-background: rgb(28, 27, 34);
+      --in-content-page-color: rgb(251, 251, 254);
+      --in-content-deemphasized-text: rgb(191, 191, 201);
+      --in-content-box-background: rgb(35, 34, 43);
+      --in-content-box-background-odd: rgba(249, 249, 250, 0.05);
+      --in-content-box-info-background: rgba(249, 249, 250, 0.15);
+      --in-content-border-color: rgba(249, 249, 250, 0.2);
+      --in-content-border-hover: rgba(249, 249, 250, 0.3);
+      --in-content-border-invalid: rgb(255, 132, 139);
+      --in-content-error-text-color: #ff9aa2;
+      --in-content-button-background: rgb(43, 42, 51);
+      --in-content-button-background-hover: rgb(82, 82, 94);
+      --in-content-button-background-active: rgb(91, 91, 102);
+      --in-content-icon-color: rgb(251, 251, 254);
+      --in-content-primary-button-text-color: rgb(43, 42, 51);
+      --in-content-primary-button-background: rgb(0, 221, 255);
+      --in-content-primary-button-background-hover: rgb(128, 235, 255);
+      --in-content-primary-button-background-active: rgb(170, 242, 255);
+      --in-content-danger-button-background: #ff848b;
+      --in-content-danger-button-background-hover: #ffbdc5;
+      --in-content-danger-button-background-active: #ffdfe7;
+      --in-content-table-background: rgb(35, 34, 43);
+      --in-content-table-border-dark-color: var(--in-content-box-border-color);
+      --in-content-accent-color: var(--in-content-primary-button-background);
+      --in-content-accent-color-active: var(--in-content-primary-button-background-hover);
+      --in-content-link-color: var(--in-content-primary-button-background);
+      --in-content-link-color-hover: var(--in-content-primary-button-background-hover);
+      --in-content-link-color-active: var(--in-content-primary-button-background-active);
+      --in-content-link-color-visited: var(--in-content-link-color);
+      --card-outline-color: var(--grey-60);
+      --dialog-warning-text-color: var(--red-40);
+    }
   }
 }
-@supports -moz-bool-pref("userChrome.theme.fully_color") {
+@supports -moz-bool-pref(userChrome.theme.fully_color) {
   /*== Menu Color ==============================================================*/
   html#main-window menupopup {
     /* is same as toolbar color https://github.com/mozilla/gecko-dev/blob/master/toolkit/themes/windows/global/global.css#L17-L67 */
@@ -1182,6 +1172,10 @@ body:not([lwt-sidebar]) xul|search-textbox.tabsFilter[focused=true] {
     /* Original: FiledText */
   }
 
+  .autocomplete-richlistitem:hover {
+    background-color: var(--arrowpanel-dimmed) !important;
+  }
+
   #PopupAutoComplete > richlistbox > richlistitem[originaltype=generatedPassword] > .two-line-wrapper > .ac-site-icon,
 #PopupAutoComplete > richlistbox > richlistitem[originaltype=loginWithOrigin] > .two-line-wrapper > .ac-site-icon,
 #PopupAutoComplete > richlistbox > richlistitem[originaltype=login] > .ac-site-icon {
@@ -1205,7 +1199,7 @@ body:not([lwt-sidebar]) xul|search-textbox.tabsFilter[focused=true] {
   }
 }
 /* Fully Dark Mode ************************************************************/
-@supports -moz-bool-pref("userChrome.theme.fully_dark") {
+@supports -moz-bool-pref(userChrome.theme.fully_dark) {
   /*= Remove White Flash =======================================================*/
   #tabbrowser-tabbox,
 #tabbrowser-tabpanels,
@@ -1285,7 +1279,7 @@ browser[type=content] > html {
   }
 }
 /* Proton Theme Mode **********************************************************/
-@supports -moz-bool-pref("userChrome.theme.proton_chrome") {
+@supports -moz-bool-pref(userChrome.theme.proton_chrome) {
   /*= Proton Commons ===========================================================*/
   @-moz-document url("chrome://global/content/commonDialog.xhtml"),
   url("chrome://pippki/content/editcacert.xhtml"),
@@ -1413,7 +1407,7 @@ xul|menulist:not([disabled=true]):hover {
       border-color: transparent !important;
     }
 
-    @media (prefers-contrast) {
+    @inclue Contrast {
       xul|button[default]:not([disabled=true]):hover {
         border-color: currentColor !important;
       }
@@ -2462,7 +2456,7 @@ treechildren::-moz-tree-cell-text(selected) {
 }
 /** Decoration ****************************************************************/
 /*= Cursor Types =============================================================*/
-@supports -moz-bool-pref("userChrome.decoration.cursor") {
+@supports -moz-bool-pref(userChrome.decoration.cursor) {
   #appMenu-proton-update-banner,
 #appMenu-fxa-status2:not([fxastatus]) > #appMenu-fxa-label2,
 #appMenu-zoomReduce-button2,
@@ -2499,7 +2493,7 @@ menuitem.openintabs-menuitem,
 }
 @media (prefers-reduced-motion: no-preference) {
   /*= Field Border ===========================================================*/
-  @supports -moz-bool-pref("userChrome.decoration.field_border") {
+  @supports -moz-bool-pref(userChrome.decoration.field_border) {
     /*- URL, Search Bar --------------------------------------------------------*/
     #urlbar:hover:not([focused=true]) > #urlbar-background,
 #searchbar:hover:not(:focus-within) {
@@ -2526,7 +2520,7 @@ body:not([lwt-sidebar]) xul|search-textbox.tabsFilter:hover {
     }
   }
   /*= Downloads Panel ========================================================*/
-  @supports -moz-bool-pref("userChrome.decoration.download_panel") {
+  @supports -moz-bool-pref(userChrome.decoration.download_panel) {
     /* Accent Color for downloaded item */
     #downloadsListBox .download-state[exists] .downloadDetails {
       color: var(--button-primary-bgcolor);
@@ -2547,7 +2541,7 @@ body:not([lwt-sidebar]) xul|search-textbox.tabsFilter:hover {
     }
   }
   /*= Animate ================================================================*/
-  @supports -moz-bool-pref("userChrome.decoration.animate") {
+  @supports -moz-bool-pref(userChrome.decoration.animate) {
     /*- Background Color -------------------------------------------------------*/
     button,
 toolbarbutton,
@@ -2567,7 +2561,7 @@ vbox:hover,
       transition: background-color 0.25s var(--animation-easing-function) !important;
     }
 
-    @media (prefers-reduced-motion: no-preference) and (-moz-gtk-csd-available) {
+    @media (-moz-gtk-csd-available) {
       .tabbrowser-tab:is([visuallyselected], [multiselected], [selected]) .tab-background:not(:-moz-lwtheme) {
         transition: background-image 0.25s var(--animation-easing-function) !important;
       }
@@ -2587,17 +2581,12 @@ vbox:hover,
     #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:not([collapsed]) {
       /* -moz-box-flex may be caused #tabbrowser-tabs[closebuttons] */
       transition: -moz-box-flex 0.2s var(--animation-easing-function), margin-inline-start 0.2s var(--animation-easing-function), min-width 0.1s ease-out, max-width 0.1s ease-out !important;
-      max-width: var(--tab-max-width, 240px);
     }
 
     #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[pinned] {
       transition: -moz-box-flex 0.2s var(--animation-easing-function), margin-inline-start 0.2s var(--animation-easing-function) !important;
     }
 
-    #tabbrowser-tabs:not([movingtab]) .tab-content {
-      transition: padding-inline 0.2s var(--animation-easing-function), opacity 0.5s var(--animation-easing-function) !important;
-    }
-
     #tabbrowser-tabs:not([movingtab]) .tab-content::before,
 #tabbrowser-tabs:not([movingtab]) .tab-content::after {
       transition: width 0.2s var(--animation-easing-function), transform 0.2s var(--animation-easing-function) !important;
@@ -2678,6 +2667,7 @@ xul|search-textbox.tabsFilter:hover,
     #navigator-toolbox {
       /* Full screen out */
       transition: margin-top 1s ease;
+      transform-origin: top;
     }
 
     #navigator-toolbox[inFullscreen=true] {
@@ -2751,64 +2741,36 @@ xul|search-textbox.tabsFilter:hover,
   }
 }
 /** Reduce Padding ************************************************************/
-/*= Root - Reduce Padding ====================================================*/
-@supports -moz-bool-pref("userChrome.tab.lepton_like_padding") {
+/*= Tab Bar - Distribution padding, radius ===================================*/
+@supports -moz-bool-pref(userChrome.tab.lepton_like_padding) or -moz-bool-pref(userChrome.tab.photon_like_padding) {
   :root {
-    /* Tab Bar */
-    --proton-tab-block-margin: 2px !important;
+    --proton-tab-block-margin: var(--tab-block-margin) !important;
     /* Original: 4px, Legacy */
+  }
+
+  :root[uidensity=touch] {
+    /* Like Original */
+    --tab-block-margin: 4px !important;
+  }
+}
+@supports -moz-bool-pref(userChrome.tab.lepton_like_padding) {
+  :root {
     --tab-block-margin: 2px !important;
     /* New version of --proton-tab-block-margin */
   }
 }
-@supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
+@supports -moz-bool-pref(userChrome.tab.photon_like_padding) {
   :root {
-    --proton-tab-block-margin: 0px !important;
-    /* Original: 4px, Legacy */
     --tab-block-margin: 0px !important;
-    /* New version of --proton-tab-block-margin */
+  }
+}
+@supports -moz-bool-pref(userChrome.tab.photon_like_radius) {
+  :root {
     --tab-border-radius: 0px !important;
     /* Original: 4px */
   }
-}
-:root {
-  /* Tab Bar */
-  --inline-tab-padding: 6px !important;
-  /* Original: 8px */
-  /* Panel */
-  --arrowpanel-menuicon-padding: 8px;
-  --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important;
-  /* Original: 0 8px */
-  --arrowpanel-menuitem-padding: 5px !important;
-  /* Original: 8px */
-  --arrowpanel-padding: 0.8em !important;
-  /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */
-}
 
-:root[uidensity=compact] {
-  /* Tool Bar */
-  --toolbarbutton-outer-padding: 2px !important;
-  /* Original: 3px, General is 2px */
-  /* Panel */
-  --arrowpanel-menuitem-padding: 3px !important;
-  /* Original: 8px */
-}
-
-:root[uidensity=touch] {
-  /* Tab Bar - Like Original */
-  --proton-tab-block-margin: 4px !important;
-  /* Original: 4px */
-  --tab-block-margin: 4px !important;
-  /* New version of --proton-tab-block-margin */
-  --inline-tab-padding: 8px !important;
-  /* Original: 8px */
-  /* Panel - Like Original */
-  --arrowpanel-menuitem-padding: 8px !important;
-  /* Original: 8px */
-}
-
-/* Fix Tab bar button radious */
-@supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  /* Fix Tab bar button radious */
   #TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
 #TabsToolbar .toolbarbutton-1 > .toolbarbutton-text,
 #TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack,
@@ -2817,23 +2779,19 @@ xul|search-textbox.tabsFilter:hover,
   }
 }
 /*= Tab Bar - Reduce Width, Show more tabs ===================================*/
-/* for First Tab Space */
-:root {
-  --space-left-tabbar: 0px;
-  /* If you want drag space, set to 8px */
-}
-
-@supports -moz-bool-pref("userChrome.padding.firstTab") {
+@supports -moz-bool-pref(userChrome.padding.first_tab) {
+  /* for First Tab Space */
   :root {
     --space-left-tabbar: 8px;
+    /* If the option is not specified, it is equivalent to 0px. */
+  }
+
+  :root:not([tabsintitlebar]) #tabbrowser-tabs:not([positionpinnedtabs]),
+:root:is([sizemode=maximized], [sizemode=fullscreen]) #tabbrowser-tabs:not([positionpinnedtabs]) {
+    padding-inline-start: var(--space-left-tabbar) !important;
   }
 }
-:root:not([tabsintitlebar]) #tabbrowser-tabs:not([positionpinnedtabs]),
-:root:is([sizemode=maximized], [sizemode=fullscreen]) #tabbrowser-tabs:not([positionpinnedtabs]) {
-  padding-inline-start: var(--space-left-tabbar) !important;
-}
-
-@supports -moz-bool-pref("userChrome.padding.tabbarWidth") {
+@supports -moz-bool-pref(userChrome.padding.tabbar_width) {
   /* Titlebar Space */
   .titlebar-spacer[type=pre-tabs] {
     width: 30px !important;
@@ -2860,12 +2818,12 @@ xul|search-textbox.tabsFilter:hover,
     padding-right: var(--newtab-button-width-padding) !important;
   }
 
-  @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @supports not -moz-bool-pref(userChrome.tab.photon_like_padding) {
     #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
       margin-inline-start: 1px !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @supports -moz-bool-pref(userChrome.tab.photon_like_padding) {
     #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
       margin-inline-start: 0 !important;
     }
@@ -2894,12 +2852,12 @@ xul|search-textbox.tabsFilter:hover,
   }
 
   /* Tab - Max Size */
-  @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @supports not -moz-bool-pref(userChrome.tab.photon_like_padding) {
     :root {
       --tab-max-width: 240px;
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @supports -moz-bool-pref(userChrome.tab.photon_like_padding) {
     :root {
       --tab-max-width: 225px;
     }
@@ -2910,7 +2868,7 @@ xul|search-textbox.tabsFilter:hover,
   }
 
   /* neighbouring tabs should "pinch" together */
-  @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @supports not -moz-bool-pref(userChrome.tab.photon_like_padding) {
     .tabbrowser-tab {
       padding-inline: 1px !important;
     }
@@ -2919,36 +2877,32 @@ xul|search-textbox.tabsFilter:hover,
       margin-inline-end: -0.5px !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @supports -moz-bool-pref(userChrome.tab.photon_like_padding) {
     .tabbrowser-tab {
       padding-inline: 0 !important;
     }
   }
 }
 /*= Tab Bar - Reduce Height, Show more contents ==============================*/
-/* for Extra Drag Space */
-:root {
-  --space-above-tabbar: 0px;
-  /* If you want drag space, set to 8px */
-}
-
-@supports -moz-bool-pref("userChrome.padding.dragSpace") {
+@supports -moz-bool-pref(userChrome.padding.drag_space) {
+  /* for Extra Drag Space */
   :root {
     --space-above-tabbar: 8px;
+    /* If the option is not specified, it is equivalent to 0px. */
+  }
+
+  :root[tabsintitlebar][sizemode=normal] #toolbar-menubar[autohide=true] {
+    height: calc(var(--tab-min-height) + var(--space-above-tabbar));
+  }
+
+  :root[sizemode=normal][chromehidden~=menubar] #TabsToolbar > .toolbar-items,
+:root[sizemode=normal] #toolbar-menubar[autohide=true][inactive] + #TabsToolbar > .toolbar-items {
+    padding-top: var(--space-above-tabbar) !important;
   }
 }
-:root[tabsintitlebar][sizemode=normal] #toolbar-menubar[autohide=true] {
-  height: calc(var(--tab-min-height) + var(--space-above-tabbar));
-}
-
-:root[sizemode=normal][chromehidden~=menubar] #TabsToolbar > .toolbar-items,
-:root[sizemode=normal] #toolbar-menubar[autohide=true][inactive] + #TabsToolbar > .toolbar-items {
-  padding-top: var(--space-above-tabbar) !important;
-}
-
-@supports -moz-bool-pref("userChrome.padding.tabbarHeight") {
+@supports -moz-bool-pref(userChrome.padding.tabbar_height) {
   /* Toolbar Height */
-  @supports -moz-bool-pref("userChrome.tab.lepton_like_padding") {
+  @supports -moz-bool-pref(userChrome.tab.lepton_like_padding) {
     :root:not([uidensity]) #TabsToolbar {
       --tab-min-height: 36px;
     }
@@ -2961,7 +2915,7 @@ xul|search-textbox.tabsFilter:hover,
       --tab-min-height: 41px;
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @supports -moz-bool-pref(userChrome.tab.photon_like_padding) {
     :root:not([uidensity]) #TabsToolbar {
       --tab-min-height: 32px;
     }
@@ -2980,7 +2934,7 @@ xul|search-textbox.tabsFilter:hover,
       margin-top: 0 !important;
     }
   }
-  @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") {
+  @supports not -moz-bool-pref(userChrome.tab.photon_like_padding) {
     :root:not([uidensity]) #TabsToolbar {
       --tab-min-height: 36px !important;
       /* 38px -> 36px */
@@ -2991,7 +2945,7 @@ xul|search-textbox.tabsFilter:hover,
       /* 36px -> 29px */
     }
   }
-  @supports not -moz-bool-pref("userChrome.tab.proton_like_padding") {
+  @supports -moz-bool-pref(userChrome.tab.connect_to_window) {
     #TabsToolbar {
       --toolbarbutton-inner-padding: calc((var(--tab-min-height) - 18px) / 2) !important;
       /* Prevent overflow pinned tab bottom margin */
@@ -3053,15 +3007,22 @@ xul|search-textbox.tabsFilter:hover,
     background-position-y: bottom calc(4.5px + var(--tabs-navbar-shadow-size)) !important;
   }
 }
+/*= Tool Bar - Button Padding ================================================*/
+@supports -moz-bool-pref(userChrome.padding.toolbar_button) {
+  :root[uidensity=compact] {
+    --toolbarbutton-outer-padding: 2px !important;
+    /* Original: 3px, General is 2px */
+  }
+}
 /*= Nav Bar - Reduce Width ===================================================*/
-@supports -moz-bool-pref("userChrome.padding.navbarWidth") {
+@supports -moz-bool-pref(userChrome.padding.navbar_width) {
   #nav-bar:not([customizing]) toolbarspring {
     min-width: 1px !important;
     max-width: 100px !important;
   }
 }
 /*= URL Bar - Reduce Padding =================================================*/
-@supports -moz-bool-pref("userChrome.padding.urlbar") {
+@supports -moz-bool-pref(userChrome.padding.urlbar) {
   :root:not([uidensity=touch]) #urlbar-container,
 :root:not([uidensity=touch]) #search-container {
     padding-block: 3px !important;
@@ -3095,14 +3056,14 @@ xul|search-textbox.tabsFilter:hover,
   }
 }
 /*= BookMark Bar - Reduce Height =============================================*/
-@supports -moz-bool-pref("userChrome.padding.bookmarkbar") {
+@supports -moz-bool-pref(userChrome.padding.bookmarkbar) {
   :root[uidensity=compact] #PersonalToolbar toolbarbutton {
     margin-top: 0px;
     /* Original: 2px */
   }
 }
 /*= Info Bar - Reduce Padding ================================================*/
-@supports -moz-bool-pref("userChrome.padding.infobar") {
+@supports -moz-bool-pref(userChrome.padding.infobar) {
   :root:not([uidensity]) #tab-notification-deck {
     --infobar-message-margin: 0 4px 3px;
   }
@@ -3160,7 +3121,7 @@ xul|search-textbox.tabsFilter:hover,
   }
 }
 /*= Menu - Reduce Padding ====================================================*/
-@supports -moz-bool-pref("userChrome.padding.menu") {
+@supports -moz-bool-pref(userChrome.padding.menu) {
   :root {
     --menu-padding: 0.35em;
     /* Win7, 8: 0px */
@@ -3230,7 +3191,7 @@ menupopup > menu {
   }
 }
 /*= Bookmark Menu - Reduce Padding ===========================================*/
-@supports -moz-bool-pref("userChrome.padding.bookmarkMenu") {
+@supports -moz-bool-pref(userChrome.padding.bookmark_menu) {
   :root {
     --bookmark-menu-padding: 3px;
   }
@@ -3247,7 +3208,7 @@ menupopup > menu {
   }
 }
 /*= Global Menu - Set Padding ================================================*/
-@supports -moz-bool-pref("userChrome.padding.globalMenu") {
+@supports -moz-bool-pref(userChrome.padding.global_menu) {
   /* Vertical Align - Center & Height: 100%  */
   #main-menubar {
     -moz-box-flex: 1 !important;
@@ -3281,8 +3242,30 @@ menupopup > menu {
     padding-block: var(--bookmark-menu-padding) !important;
   }
 }
+/*= Panel - Reduce padding ===================================================*/
+@supports -moz-bool-pref(userChrome.padding.panel) {
+  :root {
+    --arrowpanel-menuicon-padding: 8px;
+    --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important;
+    /* Original: 0 8px */
+    --arrowpanel-menuitem-padding: 5px !important;
+    /* Original: 8px */
+    --arrowpanel-padding: 0.8em !important;
+    /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */
+  }
+
+  :root[uidensity=compact] {
+    --arrowpanel-menuitem-padding: 3px !important;
+    /* Original: 8px */
+  }
+
+  :root[uidensity=touch] {
+    --arrowpanel-menuitem-padding: 8px !important;
+    /* Original: 8px */
+  }
+}
 /*= Popup Panel - Reduce padding =============================================*/
-@supports -moz-bool-pref("userChrome.padding.popupPanel") {
+@supports -moz-bool-pref(userChrome.padding.popup_panel) {
   #protections-popup-main-header-label {
     height: unset !important;
     /* Original: 37.6px */
@@ -3315,7 +3298,7 @@ menupopup > menu {
 
   /* not cut off for Protection popup Footer on windows */
   :root[uidensity=compact] #protections-popup-multiView #protections-popup-footer {
-    padding: 3px 0 20px !important;
+    padding: 3px 0 10px !important;
   }
 
   /* Button and disabled category in Protection popup */
@@ -3345,8 +3328,9 @@ menupopup > menu {
     margin: 0 !important;
   }
 }
-/** Tab Bar - Connect to window ***********************************************/
-@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
+/** Tab Bar UI ****************************************************************/
+/*= Tab Bar - Connect to window ==============================================*/
+@supports -moz-bool-pref(userChrome.tab.connect_to_window) {
   .tab-background {
     border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px !important;
     margin-bottom: 0px !important;
@@ -3370,10 +3354,15 @@ menupopup > menu {
     overflow: hidden;
     /* Prevent toolbar area over */
   }
+
+  /* Pinned Tab - tabbrowser-arrowscrollbox overflowing */
+  #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
+    z-index: 0 !important;
+  }
 }
-/** Selected Tab **************************************************************/
+/*= Selected Tab =============================================================*/
 /*= Selected Tab - Color like toolbar ========================================*/
-@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
+@supports -moz-bool-pref(userChrome.tab.connect_to_window) {
   :root:not(:-moz-lwtheme) {
     /* Fix for windows's system default theme. Using --toolbar-bgcolor fallback */
     --tab-selected-bgcolor: unset !important;
@@ -3387,7 +3376,7 @@ menupopup > menu {
   }
 }
 /*= Multi Selected Color - More Contrast =====================================*/
-@supports -moz-bool-pref("userChrome.tab.multi_selected") {
+@supports -moz-bool-pref(userChrome.tab.multi_selected) {
   #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected]:not([selected]):-moz-lwtheme {
     background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
   }
@@ -3402,7 +3391,7 @@ menupopup > menu {
   }
 }
 /*= Selected Tab - Box Shadow ================================================*/
-@supports -moz-bool-pref("userChrome.tab.box_shadow") {
+@supports -moz-bool-pref(userChrome.tab.box_shadow) {
   #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab[visuallyselected=true]:not(:focus) > .tab-stack > .tab-background:-moz-lwtheme {
     /* Origina: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
          Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
@@ -3431,14 +3420,9 @@ menupopup > menu {
   :root:not([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme {
     box-shadow: 0 0 0 1px var(--tab-line-color, var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9)))) !important;
   }
-
-  /* Pinned Tab - tabbrowser-arrowscrollbox overflowing */
-  #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
-    z-index: 0 !important;
-  }
 }
 /*= Selected Tab - Bottom Rounded Corner =====================================*/
-@supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
+@supports -moz-bool-pref(userChrome.tab.bottom_rounded_corner) {
   #tabbrowser-tabs {
     --tab-corner-rounding: 3px;
     /* 10px looks about like chromium - 17px looks close to Australis tabs */
@@ -3502,7 +3486,7 @@ menupopup > menu {
   }
 }
 /*= Selected Tab - Photon like contextline ===================================*/
-@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") {
+@supports -moz-bool-pref(userChrome.tab.photon_like_contextline) {
   :root[lwtheme-mozlightdark] #tabbrowser-tabs,
 :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"],
 :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] {
@@ -3578,15 +3562,14 @@ menupopup > menu {
     margin: unset !important;
   }
 }
-/** Unselected Tab - Divide line **********************************************/
+/*= Unselected Tab - Divide line =============================================*/
 /*= Unselected Tab - Dynamic Separator =======================================*/
-@supports not -moz-bool-pref("userChrome.tab.photon") {
-  @supports -moz-bool-pref("userChrome.tab.original") {
+@supports -moz-bool-pref(userChrome.tab.dynamic_separtor) {
+  @supports -moz-bool-pref(userChrome.tab.newtab_button_like_tab) {
     #tabbrowser-arrowscrollbox {
       position: absolute;
     }
-  }
-  @supports -moz-bool-pref("userChrome.tab.original") {
+
     .tab-background::before,
 #tabs-newtab-button::before {
       /* Box Model */
@@ -3595,22 +3578,24 @@ menupopup > menu {
       position: absolute;
       /* Position */
       top: 50%;
-      transform: translateX(-2.5px) translateY(calc(-50% + 1px));
       /* Bar shape */
       width: 1px;
       height: 20px;
       /* Bar Color */
       opacity: 0;
       background-color: var(--toolbarseparator-color);
+      /* More position */
+      transform: translateX(-2.5px) translateY(calc(-50% + 1px));
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.proton") {
+  @supports not -moz-bool-pref(userChrome.tab.newtab_button_like_tab) {
     .tab-background::before,
 #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:not([visuallyselected], [multiselected], :hover)[last-visible-tab] .tab-background::after {
       /* Box Model */
       content: "";
       display: block;
       position: absolute;
+      /* Position */
       top: 50%;
       /* Bar shape */
       width: 1px;
@@ -3619,8 +3604,7 @@ menupopup > menu {
       opacity: 0;
       background-color: var(--toolbarseparator-color);
     }
-  }
-  @supports -moz-bool-pref("userChrome.tab.proton") {
+
     .tab-background::before {
       transform: translateX(-2.5px) translateY(calc(-50% + 1px)) !important;
     }
@@ -3634,12 +3618,12 @@ menupopup > menu {
     opacity: var(--tab-separator-opacity);
   }
 
-  @supports -moz-bool-pref("userChrome.tab.original") {
+  @supports -moz-bool-pref(userChrome.tab.newtab_button_like_tab) {
     #tabs-newtab-button:not(:hover, [open])::before {
       opacity: var(--tab-separator-opacity);
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.proton") {
+  @supports not -moz-bool-pref(userChrome.tab.newtab_button_like_tab) {
     #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[first-visible-unpinned-tab] .tab-background::before,
 #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:not([visuallyselected], [multiselected], :hover)[last-visible-tab] .tab-background::after {
       opacity: var(--tab-separator-opacity);
@@ -3650,14 +3634,14 @@ menupopup > menu {
     opacity: 0 !important;
   }
 
-  @supports -moz-bool-pref("userChrome.tab.original") {
+  @supports -moz-bool-pref(userChrome.tab.newtab_button_like_tab) {
     #navigator-toolbox:not([movingtab]) .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + .tabbrowser-tab .tab-background::before,
 #navigator-toolbox:not([movingtab]) .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) ~ .tabbrowser-tab[afterhovered] .tab-background::before,
 #navigator-toolbox:not([movingtab]) .tabbrowser-tab[last-visible-tab]:is([visuallyselected], [multiselected], :hover) ~ #tabs-newtab-button::before {
       opacity: 0 !important;
     }
   }
-  @supports -moz-bool-pref("userChrome.tab.proton") {
+  @supports not -moz-bool-pref(userChrome.tab.newtab_button_like_tab) {
     .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + .tabbrowser-tab:not([visuallyselected]) .tab-background::before {
       opacity: 0 !important;
     }
@@ -3669,13 +3653,13 @@ menupopup > menu {
       /* cubic-bezier(.07, .95, 0, 1) */
     }
 
-    @supports -moz-bool-pref("userChrome.tab.original") {
+    @supports -moz-bool-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 -moz-bool-pref("userChrome.tab.proton") {
+    @supports not -moz-bool-pref(userChrome.tab.newtab_button_like_tab) {
       #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:not([visuallyselected], [multiselected], :hover)[last-visible-tab] .tab-background::after {
         transition: opacity 0.2s var(--animation-easing-function);
         /* cubic-bezier(.07, .95, 0, 1) */
@@ -3688,51 +3672,50 @@ menupopup > menu {
   }
 }
 /*= Unselected Tab - Static Separator ========================================*/
-@supports -moz-bool-pref("userChrome.tab.photon") {
-  .tabbrowser-tab[first-visible-tab]::before,
-.tabbrowser-tab::after,
-#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before {
+@supports -moz-bool-pref(userChrome.tab.static_separator) {
+  .tabbrowser-tab[first-visible-tab=true] .tab-background::before,
+.tab-background::after {
     content: "";
+  }
+
+  .tab-background::before,
+.tab-background::after {
+    /* Box Model */
     display: block;
+    position: absolute;
+    /* Position */
+    top: 50%;
+    transform: translateY(calc(-50% + 1px)) !important;
+    /* Bar shape */
+    width: 0px;
+    height: 100%;
+    /* Bar Color */
+    opacity: 0.3;
+    border-right: 1px solid var(--lwt-background-tab-separator-color, currentColor) !important;
   }
 
-  .tabbrowser-tab::before,
-.tabbrowser-tab::after {
-    --tab-divide-line: 1px solid var(--lwt-background-tab-separator-color, currentColor);
-    border-left: var(--tab-divide-line) !important;
-    margin-block: 5px 4px !important;
-    opacity: 0.3 !important;
+  .tab-background::after {
+    right: 0;
   }
 
-  .tabbrowser-tab::before {
-    margin-inline-start: -1px !important;
+  .tabbrowser-tab[visuallyselected] .tab-background::before,
+.tabbrowser-tab[visuallyselected] .tab-background::after,
+.tabbrowser-tab[beforeselected-visible] .tab-background::after {
+    opacity: 0;
   }
 
-  .tabbrowser-tab[first-visible-tab]::before,
-:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] + #TabsToolbar .tabbrowser-tab::after,
-.tabbrowser-tab:hover::after,
-#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[beforehovered]::after,
-.tabbrowser-tab[multiselected]::after,
-#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[before-multiselected]::after {
-    margin-top: var(--tabs-top-border-width) !important;
-    margin-bottom: 0 !important;
-  }
-
-  /* Selected - Hide */
-  .tabbrowser-tab[first-visible-tab][visuallyselected]::before,
-#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[beforeselected-visible]::after,
-#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before,
-.tabbrowser-tab[visuallyselected]::after {
-    --tabs-border-color: transparent;
-    border-color: var(--tabs-border-color) !important;
-    margin-top: 0 !important;
-    margin-bottom: 0 !important;
-    opacity: 1 !important;
+  /* Animate */
+  @media (prefers-reduced-motion: no-preference) {
+    .tab-background::before,
+.tab-background::after {
+      transition: opacity 0.2s var(--animation-easing-function);
+      /* cubic-bezier(.07, .95, 0, 1) */
+    }
   }
 }
-/* New tab button *************************************************************/
+/*= New tab button ============================================================*/
 /*= New tab button - Looks like tab ==========================================*/
-@supports -moz-bool-pref("userChrome.tab.original") {
+@supports -moz-bool-pref(userChrome.tab.newtab_button_like_tab) {
   #tabs-newtab-button {
     /* Original:
       margin: 0 0 var(--tabs-navbar-shadow-size) !important
@@ -3790,7 +3773,7 @@ menupopup > menu {
   }
 }
 /*= New tab button - Smaller button ==========================================*/
-@supports -moz-bool-pref("userChrome.tab.photon") {
+@supports -moz-bool-pref(userChrome.tab.newtab_button_smaller) {
   #tabs-newtab-button > .toolbarbutton-icon {
     margin-left: 1px;
     /* Origianl: calc((var(--tab-min-height) - 16px) / 2) = 10px */
@@ -3808,7 +3791,7 @@ menupopup > menu {
   }
 }
 /*= New tab button - Proton like button ======================================*/
-@supports -moz-bool-pref("userChrome.tab.proton") {
+@supports -moz-bool-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);
   }
@@ -3821,624 +3804,679 @@ menupopup > menu {
     margin-left: 1px;
   }
 }
-/* Unloaded Tab - Contents Opacity ********************************************/
-#tabbrowser-tabs .tabbrowser-tab[pending] .tab-content {
-  opacity: 0.7;
+/*= Unloaded Tab - Contents Opacity ===========================================*/
+@supports -moz-bool-pref(userChrome.tab.unloaded) {
+  #tabbrowser-tabs .tabbrowser-tab[pending] .tab-content {
+    opacity: 0.7;
+  }
 }
-
-/** Clipped tabs **************************************************************/
+/*= Clipped tabs =============================================================*/
 /** Clipped tabs - Letters cleary *********************************************/
-#tabbrowser-tabs[closebuttons=activetab] .tab-content:not([pinned]) {
-  padding-inline-start: 8px !important;
-}
+@supports -moz-bool-pref(userChrome.tab.letters_cleary) {
+  :root {
+    --inline-tab-padding: 6px !important;
+    /* Original: 8px */
+  }
 
-#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
+  :root[uidensity=touch] {
+    --inline-tab-padding: 8px !important;
+    /* Original: 8px */
+  }
+
+  .tab-content[pinned] {
+    --inline-tab-padding: 10px;
+    /* Prevent overflow pinned tab's divide line not aligned */
+    padding-inline: var(--inline-tab-padding) !important;
+  }
+
+  :root[uidensity=compact] .tab-content[pinned] {
+    --inline-tab-padding: 8px;
+  }
+
+  #tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
 #tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(ltr):not([pinned]) {
-  mask-image: linear-gradient(to right, black 70%, transparent) !important;
-}
+    mask-image: linear-gradient(to right, black 70%, transparent) !important;
+  }
 
-#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection=rtl]:not([pinned]),
+  #tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection=rtl]:not([pinned]),
 #tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(rtl):not([pinned]) {
-  mask-image: linear-gradient(to left, black 70%, transparent) !important;
+    mask-image: linear-gradient(to left, black 70%, transparent) !important;
+  }
 }
-
 /** Clipped tabs - Show close button at hover *********************************/
-#tabbrowser-tabs[closebuttons=activetab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([pinned]) > .tab-stack > .tab-content > .tab-close-button:not([selected=true]) {
-  display: -moz-inline-box !important;
-}
+@supports -moz-bool-pref(userChrome.tab.close_button_at_hover) {
+  #tabbrowser-tabs[closebuttons=activetab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([pinned]) > .tab-stack > .tab-content > .tab-close-button:not([selected=true]) {
+    display: -moz-inline-box !important;
+  }
 
-#tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not([visuallyselected]) .tab-close-button {
-  visibility: collapse !important;
-  opacity: 0;
-}
-
-#tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:hover .tab-close-button {
-  visibility: visible !important;
-  opacity: 1;
-}
-
-/* Animate */
-@media (prefers-reduced-motion: no-preference) {
-  /* Fade out */
   #tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not([visuallyselected]) .tab-close-button {
-    transition: opacity 0.1s var(--animation-easing-function) !important;
+    visibility: collapse !important;
+    opacity: 0;
   }
 
-  /* Fade in */
   #tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:hover .tab-close-button {
-    transition: opacity 0.25s var(--animation-easing-function) !important;
+    visibility: visible !important;
+    opacity: 1;
+  }
+
+  /* Animate */
+  @media (prefers-reduced-motion: no-preference) {
+    /* Fade out */
+    #tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not([visuallyselected]) .tab-close-button {
+      transition: opacity 0.1s var(--animation-easing-function) !important;
+    }
+
+    /* Fade in */
+    #tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:hover .tab-close-button {
+      transition: opacity 0.25s var(--animation-easing-function) !important;
+    }
+  }
+  /* Closed Button's icon thicker */
+  .tabbrowser-tab .tab-content > .close-icon {
+    list-style-image: url("./icons/dismiss-filled.svg") !important;
+  }
+
+  /* Closed Button's icon larger */
+  .tab-close-button {
+    padding: 6px !important;
+    /* Original: 7px */
+  }
+
+  .tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button {
+    padding-inline-start: 1px !important;
+    /* Original: 0px */
+    width: 19px !important;
+    /* Original: 17px */
+  }
+
+  /* Closed Button's padding reduce */
+  #tabbrowser-tabs[closebuttons=activetab] .tab-content > .tab-close-button {
+    margin-inline-end: calc(var(--inline-tab-padding) / -2 + 2px) !important;
+    /* Original: calc(var(--inline-tab-padding) / -2)*/
+    padding: 4px !important;
+    /* Original: 7px */
+    width: 20px !important;
+    /* Original: 24px */
+    height: 20px !important;
+    /* Original: 24px */
+  }
+
+  #tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button {
+    padding-inline-start: 3px !important;
+    /* Original: 0px */
+    width: 19px !important;
+    /* Redefine from 19px !important, Original: 17px = (width - padding)  */
   }
 }
-/* Closed Button's icon thicker */
-.tabbrowser-tab .tab-content > .close-icon {
-  list-style-image: url("./icons/dismiss-filled.svg") !important;
-}
-
-/* Closed Button's icon larger */
-.tab-close-button {
-  padding: 6px !important;
-  /* Original: 7px */
-}
-
-.tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button {
-  padding-inline-start: 1px !important;
-  /* Original: 0px */
-  width: 19px !important;
-  /* Original: 17px */
-}
-
-/* Closed Button's padding reduce */
-#tabbrowser-tabs[closebuttons=activetab] .tab-content > .tab-close-button {
-  margin-inline-end: calc(var(--inline-tab-padding) / -2 + 2px) !important;
-  /* Original: calc(var(--inline-tab-padding) / -2)*/
-  padding: 4px !important;
-  /* Original: 7px */
-  width: 20px !important;
-  /* Original: 24px */
-  height: 20px !important;
-  /* Original: 24px */
-}
-
-#tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button {
-  padding-inline-start: 3px !important;
-  /* Original: 0px */
-  width: 19px !important;
-  /* Redefine from 19px !important, Original: 17px = (width - padding)  */
-}
-
-/** Sound Tab *****************************************************************/
+/*= Sound Tab ================================================================*/
 /*= Sound Tab - Hide Label ===================================================*/
-.tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]) {
-  display: none !important;
+@supports -moz-bool-pref(userChrome.tab.sound_hide_label) {
+  .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]) {
+    display: none !important;
+  }
 }
-
 /*= Sound Tab - Show with Favicons ===========================================*/
-/* Makes the favicons always visible (also on hover) */
-.tab-icon-image:not([pinned]) {
-  opacity: 1 !important;
-}
+@supports -moz-bool-pref(userChrome.tab.sound_with_favicons) {
+  /* Makes the favicons always visible (also on hover) */
+  .tab-icon-image:not([pinned]) {
+    opacity: 1 !important;
+  }
 
-/* Makes the speaker icon to always appear if the tab is playing (not only on hover) */
-.tab-icon-overlay:not([crashed]),
-.tab-icon-overlay[pinned][crashed][selected] {
-  /* Position */
-  top: 0 !important;
-  inset-inline-end: -9px !important;
-  z-index: 1 !important;
-  transform: translateX(-0.5px) translateY(-6px);
-  /* Shape */
-  padding: 1.5px !important;
-  border-radius: 10px !important;
-  width: 17px !important;
-  height: 17px !important;
-}
-
-.tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
-  /* Color */
-  color: currentColor !important;
-  stroke: transparent !important;
-  background: transparent !important;
-  fill-opacity: 0.8 !important;
-  opacity: 1 !important;
-}
-
-.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) .tab-label {
-  transform: translateX(4px);
-}
-
-/* Animate */
-@media (prefers-reduced-motion: no-preference) {
+  /* Makes the speaker icon to always appear if the tab is playing (not only on hover) */
   .tab-icon-overlay:not([crashed]),
 .tab-icon-overlay[pinned][crashed][selected] {
-    transition: 0.1s var(--animation-easing-function);
+    /* Position */
+    top: 0 !important;
+    inset-inline-end: -9px !important;
+    z-index: 1 !important;
+    transform: translateX(-0.5px) translateY(-6px);
+    /* Shape */
+    padding: 1.5px !important;
+    border-radius: 10px !important;
+    width: 17px !important;
+    height: 17px !important;
   }
 
-  .tab-label-container > .tab-label {
-    transition: transform 0.25s var(--animation-easing-function);
+  .tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
+    /* Color */
+    color: currentColor !important;
+    stroke: transparent !important;
+    background: transparent !important;
+    fill-opacity: 0.8 !important;
+    opacity: 1 !important;
   }
-}
-/* None exist favicon - Size bigger */
-.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) {
-  transform: translateX(-0.5px) translateY(-1px);
-  inset-inline-end: 0 !important;
-  margin-inline-end: 0 !important;
-  padding: 0 !important;
-}
 
-.tabbrowser-tab:not([image]):is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image:not([pinned]) {
-  opacity: 0 !important;
-  /* Favicon hidden */
-}
+  .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) .tab-label {
+    transform: translateX(4px);
+  }
 
-.tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) .tab-label {
-  transform: translateX(3px);
-}
+  /* Animate */
+  @media (prefers-reduced-motion: no-preference) {
+    .tab-icon-overlay:not([crashed]),
+.tab-icon-overlay[pinned][crashed][selected] {
+      transition: 0.1s var(--animation-easing-function);
+    }
 
-/* Busy - Show */
-.tab-throbber[busy],
+    .tab-label-container > .tab-label {
+      transition: transform 0.25s var(--animation-easing-function);
+    }
+  }
+  /* None exist favicon - Size bigger */
+  .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) {
+    transform: translateX(-0.5px) translateY(-1px);
+    inset-inline-end: 0 !important;
+    margin-inline-end: 0 !important;
+    padding: 0 !important;
+  }
+
+  .tabbrowser-tab:not([image]):is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image:not([pinned]) {
+    opacity: 0 !important;
+    /* Favicon hidden */
+  }
+
+  .tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) .tab-label {
+    transform: translateX(3px);
+  }
+
+  /* Busy - Show */
+  .tab-throbber[busy],
 .tab-icon-pending[busy] {
-  opacity: 1 !important;
-}
+    opacity: 1 !important;
+  }
 
-/* Busy - Overlay Position */
-.tabbrowser-tab:not([pinned])[busy] .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) {
-  transform: translateX(-0.5px) translateY(-6px);
-}
+  /* Busy - Overlay Position */
+  .tabbrowser-tab:not([pinned])[busy] .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) {
+    transform: translateX(-0.5px) translateY(-6px);
+  }
 
-.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed])[busy] {
-  inset-inline-end: -9px !important;
-  margin-inline-end: 9.5px !important;
-  padding: 1.5px !important;
-}
+  .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed])[busy] {
+    inset-inline-end: -9px !important;
+    margin-inline-end: 9.5px !important;
+    padding: 1.5px !important;
+  }
 
-/* Hover */
-.tab-icon-overlay:not([crashed])[soundplaying]:hover,
+  /* Hover */
+  .tab-icon-overlay:not([crashed])[soundplaying]:hover,
 .tab-icon-overlay:not([crashed])[muted]:hover,
 .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
-  color: var(--toolbar-bgcolor, white) !important;
-  stroke: var(--lwt-tab-text, var(--toolbar-color)) !important;
-  background-color: var(--lwt-tab-text, var(--toolbar-color)) !important;
-  fill-opacity: 0.95 !important;
-}
+    color: var(--toolbar-bgcolor, white) !important;
+    stroke: var(--lwt-tab-text, var(--toolbar-color)) !important;
+    background-color: var(--lwt-tab-text, var(--toolbar-color)) !important;
+    fill-opacity: 0.95 !important;
+  }
 
-#TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[soundplaying]:hover,
+  #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[soundplaying]:hover,
 #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[muted]:hover,
 #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
-  color: var(--toolbar-bgcolor, black) !important;
-}
+    color: var(--toolbar-bgcolor, black) !important;
+  }
 
-.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):hover {
-  padding: 0 !important;
+  .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):hover {
+    padding: 0 !important;
+  }
 }
-
-/** PictureInPicture Tab - Show PIP Icon **************************************/
-#tabbrowser-tabs:not([closebuttons=activetab]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after,
+/*= PictureInPicture Tab - Show PIP Icon =====================================*/
+@supports -moz-bool-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) .tab-content::after {
-  content: "";
-}
+    content: "";
+  }
 
-.tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after {
-  /* Shape */
-  display: -moz-inline-box !important;
-  width: 14px;
-  height: 14px;
-  background-size: 14px;
-  -moz-box-ordinal-group: 1 !important;
-  /* Color */
-  fill: currentColor;
-  opacity: 0.8;
-  -moz-context-properties: fill;
-  /* Icon */
-  background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
-}
+  .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after {
+    /* Shape */
+    display: -moz-inline-box !important;
+    width: 14px;
+    height: 14px;
+    background-size: 14px;
+    -moz-box-ordinal-group: 1 !important;
+    /* Color */
+    fill: currentColor;
+    opacity: 0.8;
+    -moz-context-properties: fill;
+    /* Icon */
+    background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
+  }
 
-.tabbrowser-tab[pictureinpicture]:not([pinned])[selected] .tab-content::after {
-  opacity: 0.95;
-}
+  .tabbrowser-tab[pictureinpicture]:not([pinned])[selected] .tab-content::after {
+    opacity: 0.95;
+  }
 
-/* Close Button's position */
-.tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button {
-  -moz-box-ordinal-group: 2 !important;
-}
+  /* Close Button's position */
+  .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button {
+    -moz-box-ordinal-group: 2 !important;
+  }
 
-#tabbrowser-tabs:not([closebuttons=activetab]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button {
-  margin-left: 7px !important;
-}
+  #tabbrowser-tabs:not([closebuttons=activetab]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button {
+    margin-left: 7px !important;
+  }
 
-#tabbrowser-tabs:not([closebuttons=activetab]) .tabbrowser-tab[pictureinpicture]:not([pinned]):hover .tab-close-button {
-  margin-left: 2px !important;
-}
-
-/** Container Tab - Color line at icon's bottom *******************************/
-@supports not -moz-bool-pref("userChrome.tab.photon") {
-  .tab-context-line {
-    display: none;
+  #tabbrowser-tabs:not([closebuttons=activetab]) .tabbrowser-tab[pictureinpicture]:not([pinned]):hover .tab-close-button {
+    margin-left: 2px !important;
   }
 }
-.tab-content:not([titlechanged])::before {
-  /* Box Model */
-  content: "";
-  display: block;
-  position: absolute !important;
-  transform: translate(9px, 12px) !important;
-  /* Shape */
-  border-bottom: 2px solid var(--identity-icon-color);
-  width: 25%;
-  opacity: 0.75;
-}
-
-.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
-  width: calc(100% - 30px);
-  opacity: 1;
-}
-
-#tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
-  width: calc(100% - 33px);
-}
-
-/* Animate */
-@media (prefers-reduced-motion: no-preference) {
+/*= Container Tab - Color line at icon's bottom ==============================*/
+@supports -moz-bool-pref(userChrome.tab.container) {
+  @supports not -moz-bool-pref(userChrome.tab.photon_like_contextline) {
+    .tab-context-line {
+      display: none;
+    }
+  }
   .tab-content:not([titlechanged])::before {
-    transition: 0.15s var(--animation-easing-function) !important;
-    transition-property: width, opacity;
+    /* Box Model */
+    content: "";
+    display: block;
+    position: absolute !important;
+    transform: translate(9px, 12px) !important;
+    /* Shape */
+    border-bottom: 2px solid var(--identity-icon-color);
+    width: 25%;
+    opacity: 0.75;
+  }
+
+  .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
+    width: calc(100% - 30px);
+    opacity: 1;
+  }
+
+  #tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
+    width: calc(100% - 33px);
+  }
+
+  /* Animate */
+  @media (prefers-reduced-motion: no-preference) {
+    .tab-content:not([titlechanged])::before {
+      transition: 0.15s var(--animation-easing-function) !important;
+      transition-property: width, opacity;
+    }
+  }
+  /* Pinned Tab */
+  .tabbrowser-tab[pinned] .tab-content::before {
+    transform: translateY(12px) !important;
+    width: 16px;
+  }
+
+  /* Pinned Tab - Titlechanged Indicator override */
+  .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected=true]),
+.tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected=true]) {
+    /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */
+    --dotted-identity-image: radial-gradient(
+      circle,
+      var(--identity-icon-color),
+      var(--identity-icon-color) 2px,
+      transparent 2px
+    );
+    background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important;
+    background-position-x: 32%, 50%, 70% !important;
+  }
+
+  :root[uidensity=compact] .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected=true]),
+:root[uidensity=compact] .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected=true]) {
+    /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */
+    background-position-x: 30%, 50%, 70% !important;
+  }
+
+  /* Pinned Tab - Titlechanged & soundplaying */
+  .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[attention]:not([selected=true]),
+.tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[pinned][titlechanged]:not([selected=true]) {
+    background-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px) !important;
+  }
+
+  :root[uidensity=compact] .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[attention]:not([selected=true]),
+:root[uidensity=compact] .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[pinned][titlechanged]:not([selected=true]) {
+    background-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px) !important;
   }
 }
-/* Pinned Tab */
-.tabbrowser-tab[pinned] .tab-content::before {
-  transform: translateY(12px) !important;
-  width: 16px;
+/*= Crashed Tab - Don't show Favicons ========================================*/
+@supports -moz-bool-pref(userChrome.tab.crashed) {
+  .tab-icon-image[crashed] {
+    display: none !important;
+  }
 }
+/** Fullscreen - Overlap toolbar **********************************************/
+@supports -moz-bool-pref(userChrome.fullscreen.overlap) {
+  @supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+    :root[sizemode=fullscreen] #navigator-toolbox {
+      position: fixed !important;
+      /* Needed for content to take up entire height */
+      display: block !important;
+      /* Needed for content to take up entire height */
+      z-index: 1000 !important;
+      /* Puts the UI above the content */
+    }
 
-/* Pinned Tab - Titlechanged Indicator override */
-.tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected=true]),
-.tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected=true]) {
-  /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */
-  --dotted-identity-image: radial-gradient(
-    circle,
-    var(--identity-icon-color),
-    var(--identity-icon-color) 2px,
-    transparent 2px
-  );
-  background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important;
-  background-position-x: 32%, 50%, 70% !important;
+    :root[sizemode=fullscreen] :-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) {
+      width: 100%;
+      /* Makes the UI take up the entire width */
+    }
+
+    :root:not([sizemode=fullscreen]) #PersonalToolbar[initialized=true]:not([collapsed=true]),
+:root[sizemode=fullscreen] #PersonalToolbar[initialized=true] {
+      visibility: unset !important;
+      /* Makes the bookmarks toolbar visible if enabled */
+    }
+  }
 }
-
-:root[uidensity=compact] .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected=true]),
-:root[uidensity=compact] .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected=true]) {
-  /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */
-  background-position-x: 30%, 50%, 70% !important;
-}
-
-/* Pinned Tab - Titlechanged & soundplaying */
-.tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[attention]:not([selected=true]),
-.tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[pinned][titlechanged]:not([selected=true]) {
-  background-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px) !important;
-}
-
-:root[uidensity=compact] .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[attention]:not([selected=true]),
-:root[uidensity=compact] .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[pinned][titlechanged]:not([selected=true]) {
-  background-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px) !important;
-}
-
-/** Crashed Tab - Don't show Favicons *****************************************/
-.tab-icon-image[crashed] {
-  display: none !important;
-}
-
 /** Library - Icons Replace ***************************************************/
-/*= Standard Folder - More Visible ===========================================*/
-/* on Toolbar and Menus */
-:-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true]:not([query=true], [tagContainer], [dayContainer]),
+@supports -moz-bool-pref(userChrome.icon.library) {
+  /*= Standard Folder - More Visible ===========================================*/
+  /* on Toolbar and Menus */
+  :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true]:not([query=true], [tagContainer], [dayContainer]),
 :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, container),
 #editBMPanel_folderMenuList:not([selectedGuid=toolbar_____], [selectedGuid=menu________]),
 #editBMPanel_folderMenuList .folder-icon:not([id]),
 .downloadIconShow > .button-box > .button-icon {
-  list-style-image: url("./icons/folder.svg") !important;
-}
+    list-style-image: url("./icons/folder.svg") !important;
+  }
 
-/* Standard Folder - Open */
-:-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true]:not([query=true], [tagContainer], [dayContainer])[open=true],
+  /* Standard Folder - Open */
+  :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true]:not([query=true], [tagContainer], [dayContainer])[open=true],
 :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, container, open) {
-  list-style-image: url("./icons/folder-open.svg") !important;
-}
+    list-style-image: url("./icons/folder-open.svg") !important;
+  }
 
-/*= Other Folder - Inbox Icon ================================================*/
-/* on Menus */
-#PlacesToolbar #OtherBookmarks,
+  /*= Other Folder - Inbox Icon ================================================*/
+  /* on Menus */
+  #PlacesToolbar #OtherBookmarks,
 #BMB_bookmarksPopup #BMB_unsortedBookmarks,
 #bookmarksMenuPopup #menu_unsortedBookmarks,
 :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks),
 :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, queryFolder_unfiled_____),
 #editBMPanel_unfiledRootItem,
 #editBMPanel_folderMenuList[selectedGuid=unfiled_____] {
-  list-style-image: url("./icons/mail-inbox-all.svg") !important;
-}
+    list-style-image: url("./icons/mail-inbox-all.svg") !important;
+  }
 
-/* Other Folder - Open */
-#PlacesToolbar #OtherBookmarks[open=true],
+  /* Other Folder - Open */
+  #PlacesToolbar #OtherBookmarks[open=true],
 #BMB_bookmarksPopup #BMB_unsortedBookmarks[open=true],
 #bookmarksMenuPopup #menu_unsortedBookmarks[open=true],
 :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, open, OrganizerQuery_UnfiledBookmarks),
 :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, open, queryFolder_unfiled_____) {
-  list-style-image: url("./icons/mail-inbox.svg") !important;
-}
+    list-style-image: url("./icons/mail-inbox.svg") !important;
+  }
 
-/*= Default Icon - Override ===================================================*/
-/* https://github.com/mozilla/gecko-dev/blob/master/browser/themes/shared/places/tree-icons.css */
-/* Query */
-:-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query) {
-  list-style-image: url("chrome://browser/skin/places/folder-smart.svg") !important;
-}
+  /*= Default Icon - Override ===================================================*/
+  /* https://github.com/mozilla/gecko-dev/blob/master/browser/themes/shared/places/tree-icons.css */
+  /* Query */
+  :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query) {
+    list-style-image: url("chrome://browser/skin/places/folder-smart.svg") !important;
+  }
 
-/* History */
-:-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, dayContainer),
+  /* History */
+  :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, dayContainer),
 :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_history____v) {
-  list-style-image: url("chrome://browser/skin/history.svg") !important;
-}
+    list-style-image: url("chrome://browser/skin/history.svg") !important;
+  }
 
-/* Downloads */
-:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
-  list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important;
-}
+  /* Downloads */
+  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
+    list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important;
+  }
 
-/* Tag */
-:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, tagContainer),
+  /* Tag */
+  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, tagContainer),
 :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v) {
-  list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
-}
+    list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
+  }
 
-/* Boomark */
-:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
-  list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
-}
+  /* Boomark */
+  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
+    list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
+  }
 
-/* Bookmark Toolbar */
-#BMB_bookmarksPopup #BMB_bookmarksToolbar,
+  /* Bookmark Toolbar */
+  #BMB_bookmarksPopup #BMB_bookmarksToolbar,
 #bookmarksMenuPopup #bookmarksToolbarFolderMenu,
 :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, queryFolder_toolbar_____) {
-  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important;
-}
+    list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important;
+  }
 
-/* Bookmark Menu */
-:-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, queryFolder_menu________) {
-  list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
-}
+  /* Bookmark Menu */
+  :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, queryFolder_menu________) {
+    list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
+  }
 
-/*= Default Icon - Open ======================================================*/
-/* Query */
-:-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true][query=true]:not([tagContainer])[open=true] > .menu-iconic-left > .menu-iconic-icon {
-  transform: rotate(15deg) !important;
-}
+  /*= Default Icon - Open ======================================================*/
+  /* Query */
+  :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true][query=true]:not([tagContainer])[open=true] > .menu-iconic-left > .menu-iconic-icon {
+    transform: rotate(15deg) !important;
+  }
 
-/* History */
-:-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, dayContainer),
+  /* History */
+  :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, dayContainer),
 :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_history____v) {
-  list-style-image: url("./icons/history-reverse.svg") !important;
-}
+    list-style-image: url("./icons/history-reverse.svg") !important;
+  }
 
-/* Tag */
-:-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true][tagContainer=true][open=true],
+  /* Tag */
+  :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true][tagContainer=true][open=true],
 :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, tagContainer),
 :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_tags_______v) {
-  list-style-image: url("./icons/tag-open.svg") !important;
-}
+    list-style-image: url("./icons/tag-open.svg") !important;
+  }
 
-/* Boomark */
-:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
-  list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
-}
+  /* Boomark */
+  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
+    list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
+  }
 
-/* Bookmark Toolbar */
-#BMB_bookmarksPopup #BMB_bookmarksToolbar[open=true],
+  /* Bookmark Toolbar */
+  #BMB_bookmarksPopup #BMB_bookmarksToolbar[open=true],
 #bookmarksMenuPopup #bookmarksToolbarFolderMenu[open=true],
 :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, open, queryFolder_toolbar_____) {
-  list-style-image: url("./icons/bookmarksToolbar-open.svg") !important;
-}
+    list-style-image: url("./icons/bookmarksToolbar-open.svg") !important;
+  }
 
-/* Bookmark Menu */
-:-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, open, queryFolder_menu________) {
-  list-style-image: url("./icons/bookmarksMenu-open.svg") !important;
-  /* or bookmarksMenu-open2.svg" */
-}
+  /* Bookmark Menu */
+  :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, open, queryFolder_menu________) {
+    list-style-image: url("./icons/bookmarksMenu-open.svg") !important;
+    /* or bookmarksMenu-open2.svg" */
+  }
 
-@-moz-document url("chrome://browser/content/places/places.xhtml") {
-  @media (-moz-gtk-csd-available) {
-    /*= Menubar - Icons ==========================================================*/
-    #organizeButton,
+  @-moz-document url("chrome://browser/content/places/places.xhtml") {
+    @media (-moz-gtk-csd-available) {
+      /*= Menubar - Icons ==========================================================*/
+      #organizeButton,
 #viewMenu,
 #maintenanceButton,
 #back-button,
 #forward-button,
 #clearDownloadsButton {
-      fill: currentColor !important;
-      -moz-context-properties: fill !important;
-    }
+        fill: currentColor !important;
+        -moz-context-properties: fill !important;
+      }
 
-    /* Add */
-    #organizeButton {
-      list-style-image: url("chrome://global/skin/icons/settings.svg") !important;
-    }
+      /* Add */
+      #organizeButton {
+        list-style-image: url("chrome://global/skin/icons/settings.svg") !important;
+      }
 
-    #viewMenu {
-      list-style-image: url("./icons/sort.svg") !important;
-    }
+      #viewMenu {
+        list-style-image: url("./icons/sort.svg") !important;
+      }
 
-    #maintenanceButton {
-      list-style-image: url("./icons/import-export.svg") !important;
-    }
+      #maintenanceButton {
+        list-style-image: url("./icons/import-export.svg") !important;
+      }
 
-    #clearDownloadsButton {
-      list-style-image: url("chrome://global/skin/icons/delete.svg") !important;
-    }
+      #clearDownloadsButton {
+        list-style-image: url("chrome://global/skin/icons/delete.svg") !important;
+      }
 
-    #clearDownloadsButton > .toolbarbutton-icon {
-      display: -moz-inline-box !important;
-      margin-top: 0;
-      margin-bottom: 0;
-      margin-inline-start: 0;
-      margin-inline-end: 2px;
-    }
+      #clearDownloadsButton > .toolbarbutton-icon {
+        display: -moz-inline-box !important;
+        margin-top: 0;
+        margin-bottom: 0;
+        margin-inline-start: 0;
+        margin-inline-end: 2px;
+      }
 
-    /* Replace */
-    #back-button {
-      list-style-image: url("chrome://browser/skin/back.svg") !important;
-    }
+      /* Replace */
+      #back-button {
+        list-style-image: url("chrome://browser/skin/back.svg") !important;
+      }
 
-    #forward-button {
-      list-style-image: url("chrome://browser/skin/forward.svg") !important;
-    }
+      #forward-button {
+        list-style-image: url("chrome://browser/skin/forward.svg") !important;
+      }
 
-    #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
+      #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
 #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
-      transform: scaleX(-1) !important;
+        transform: scaleX(-1) !important;
+      }
     }
   }
 }
 /** Panel - Icons *************************************************************/
-/*= Padding ==================================================================*/
-:root {
-  --arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-padding) * 2 + 8px) !important;
-  --arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding) - 2px) !important;
-}
-
-@supports -moz-bool-pref("userChrome.panel.photon") {
+@supports -moz-bool-pref(userChrome.icon.panel) {
+  /*= Padding ==================================================================*/
   :root {
-    /* Blank Menu Left Padding */
-    --arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding) - 3px);
-    --arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding) + 1px);
-  }
-
-  :root[uidensity=compact] {
-    --arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding) - 5px);
-  }
-
-  :root[uidensity=touch] {
-    --arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding));
-  }
-
-  :root {
-    /* Global */
-    --arrowpanel-menuicon-paddingx2: calc(var(--arrowpanel-menuicon-padding) * 2);
-    /* General Panel */
-    --arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-paddingx2) + 8px) !important;
+    --arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-padding) * 2 + 8px) !important;
     --arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding) - 2px) !important;
-    /* Blank Menu Left Padding */
-    --arrowpanel-menuimageblank-padding-horizontal: calc(
-      var(--arrowpanel-menuicon-paddingx2) + var(--arrowpanel-menuitem-padding)
-    );
-    --arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding) + 1px);
   }
-}
-#downloadsHistory .button-text,
+
+  .subviewbutton > .toolbarbutton-icon {
+    width: 16px;
+  }
+
+  @supports -moz-bool-pref(userChrome.icon.panel_sparse) {
+    :root {
+      /* Blank Menu Left Padding */
+      --arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding) - 3px);
+      --arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding) + 1px);
+    }
+
+    :root[uidensity=compact] {
+      --arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding) - 5px);
+    }
+
+    :root[uidensity=touch] {
+      --arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding));
+    }
+
+    :root {
+      /* Global */
+      --arrowpanel-menuicon-paddingx2: calc(var(--arrowpanel-menuicon-padding) * 2);
+      /* General Panel */
+      --arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-paddingx2) + 8px) !important;
+      --arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding) - 2px) !important;
+      /* Blank Menu Left Padding */
+      --arrowpanel-menuimageblank-padding-horizontal: calc(
+        var(--arrowpanel-menuicon-paddingx2) + var(--arrowpanel-menuitem-padding)
+      );
+      --arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding) + 1px);
+    }
+  }
+  #downloadsHistory .button-text,
 .subviewbutton > .toolbarbutton-text {
-  padding-inline-start: var(--arrowpanel-menuicon-padding) !important;
-}
+    padding-inline-start: var(--arrowpanel-menuicon-padding) !important;
+  }
 
-.toolbaritem-combined-buttons > .subviewbutton:not(.subviewbutton-iconic) > .toolbarbutton-text {
-  padding-inline-start: 0 !important;
-}
+  .toolbaritem-combined-buttons > .subviewbutton:not(.subviewbutton-iconic) > .toolbarbutton-text {
+    padding-inline-start: 0 !important;
+  }
 
-#panelMenu_bookmarksMenu .subviewbutton[disabled=true] .toolbarbutton-text,
+  #panelMenu_bookmarksMenu .subviewbutton[disabled=true] .toolbarbutton-text,
 #appMenu_historyMenu .subviewbutton[disabled=true] .toolbarbutton-text {
-  padding-inline-start: var(--arrowpanel-menublank-padding) !important;
-}
+    padding-inline-start: var(--arrowpanel-menublank-padding) !important;
+  }
 
-#appMenu-proton-update-banner .toolbarbutton-text {
-  margin-inline-start: 0 !important;
-}
+  #appMenu-proton-update-banner .toolbarbutton-text {
+    margin-inline-start: 0 !important;
+  }
 
-#appMenu-multiView .subviewbutton::before,
+  #appMenu-multiView .subviewbutton::before,
 #appMenu-proton-update-banner::before {
-  display: -moz-inline-box;
-  margin-inline-end: var(--arrowpanel-menuicon-padding);
-  width: 16px;
-  height: 16px;
-}
+    display: -moz-inline-box;
+    margin-inline-end: var(--arrowpanel-menuicon-padding);
+    width: 16px;
+    height: 16px;
+  }
 
-#appMenu-proton-update-banner {
-  margin-bottom: 2px !important;
-}
+  #appMenu-proton-update-banner {
+    margin-bottom: 2px !important;
+  }
 
-#appMenu-proton-update-banner::before {
-  margin-inline-start: var(--arrowpanel-menuitem-padding) !important;
-}
+  #appMenu-proton-update-banner::before {
+    margin-inline-start: var(--arrowpanel-menuitem-padding) !important;
+  }
 
-#appMenu-fxa-status2,
+  #appMenu-fxa-status2,
 #appMenu-zoom-controls2 {
-  align-items: center;
-  padding-top: var(--arrowpanel-menuimageblank-padding) !important;
-  padding-bottom: var(--arrowpanel-menuimageblank-padding) !important;
-}
+    align-items: center;
+    padding-top: var(--arrowpanel-menuimageblank-padding) !important;
+    padding-bottom: var(--arrowpanel-menuimageblank-padding) !important;
+  }
 
-#appMenu-zoom-controls2::before {
-  margin-inline-end: 0 !important;
-}
+  #appMenu-zoom-controls2::before {
+    margin-inline-end: 0 !important;
+  }
 
-.subviewbutton[type=checkbox]:not([checked=true]) > .toolbarbutton-text {
-  margin-left: 16px !important;
-}
+  .subviewbutton[type=checkbox]:not([checked=true]) > .toolbarbutton-text {
+    margin-left: 16px !important;
+  }
 
-/* Icons Color */
-#appMenu-multiView .subviewbutton::before,
+  /* Icons Color */
+  #appMenu-multiView .subviewbutton::before,
 #appMenu-proton-update-banner::before,
 #downloadsHistory .button-icon,
 .subviewbutton > image {
-  fill: currentColor !important;
-  fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
-  -moz-context-properties: fill !important;
-}
-
-#appMenu-zoomReduce-button2 > .toolbarbutton-icon,
-#appMenu-zoomEnlarge-button2 > .toolbarbutton-icon {
-  stroke: var(--zoom-controls-bgcolor, var(--button-bgcolor, ButtonFace)) !important;
-  -moz-context-properties: fill, stroke !important;
-}
-
-#appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon,
-#appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon {
-  stroke: var(--button-hover-bgcolor) !important;
-}
-
-.subviewbutton[disabled=true] > image {
-  /* Ghost icons when disabled */
-  opacity: 0.4;
-}
-
-/*= Panel - Main =============================================================*/
-#appMenu-proton-addon-banners > .addon-banner-item > .toolbarbutton-icon {
-  display: -moz-inline-box !important;
-  margin-inline-start: var(--arrowpanel-menuicon-padding);
-  -moz-box-ordinal-group: 0 !important;
-}
-
-#appMenu-proton-update-banner::before {
-  content: url("./icons/whatsnew.svg");
-}
-
-#appMenu-fxa-status2::before {
-  /* Don't exist img tag */
-  content: url("chrome://browser/skin/fxa/avatar-empty.svg");
-}
-
-#appMenu-fxa-status2:is([fxastatus=signedin], [fxastatus=unverified], [fxastatus=login-failed])::before {
-  display: none;
-}
-
-#appMenu-fxa-status2:is([fxastatus=signedin], [fxastatus=unverified], [fxastatus=login-failed]) #appMenu-fxa-label2::before {
-  /* url("https://profile.accounts.firefox.com/v1/avatar/a") */
-  content: "";
-  border-radius: 50% !important;
-  background-size: 16px !important;
-  background-image: var(--avatar-image-url) !important;
-}
-
-@supports -moz-bool-pref("userChrome.panel.proton") {
-  #appMenu-new-tab-button2 {
-    list-style-image: url("chrome://browser/skin/new-tab.svg");
+    fill: currentColor !important;
+    fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
+    -moz-context-properties: fill !important;
   }
-}
-@supports -moz-bool-pref("userChrome.panel.photon") {
-  #appMenu-new-tab-button2,
+
+  #appMenu-zoomReduce-button2 > .toolbarbutton-icon,
+#appMenu-zoomEnlarge-button2 > .toolbarbutton-icon {
+    stroke: var(--zoom-controls-bgcolor, var(--button-bgcolor, ButtonFace)) !important;
+    -moz-context-properties: fill, stroke !important;
+  }
+
+  #appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon,
+#appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon {
+    stroke: var(--button-hover-bgcolor) !important;
+  }
+
+  .subviewbutton[disabled=true] > image {
+    /* Ghost icons when disabled */
+    opacity: 0.4;
+  }
+
+  /*= Panel - Main =============================================================*/
+  #appMenu-proton-addon-banners > .addon-banner-item > .toolbarbutton-icon {
+    display: -moz-inline-box !important;
+    margin-inline-start: var(--arrowpanel-menuicon-padding);
+    -moz-box-ordinal-group: 0 !important;
+  }
+
+  #appMenu-proton-update-banner::before {
+    content: url("./icons/whatsnew.svg");
+  }
+
+  #appMenu-fxa-status2::before {
+    /* Don't exist img tag */
+    content: url("chrome://browser/skin/fxa/avatar-empty.svg");
+  }
+
+  #appMenu-fxa-status2:is([fxastatus=signedin], [fxastatus=unverified], [fxastatus=login-failed])::before {
+    display: none;
+  }
+
+  #appMenu-fxa-status2:is([fxastatus=signedin], [fxastatus=unverified], [fxastatus=login-failed]) #appMenu-fxa-label2::before {
+    /* url("https://profile.accounts.firefox.com/v1/avatar/a") */
+    content: "";
+    border-radius: 50% !important;
+    background-size: 16px !important;
+    background-image: var(--avatar-image-url) !important;
+  }
+
+  @supports -moz-bool-pref(userChrome.icon.panel_full) {
+    #appMenu-new-tab-button2 {
+      list-style-image: url("chrome://browser/skin/new-tab.svg");
+    }
+  }
+  @supports -moz-bool-pref(userChrome.icon.panel_sparse) {
+    #appMenu-new-tab-button2,
 #appMenu-passwords-button,
 #appMenu-extensions-themes-button,
 #appMenu-save-file-button2,
@@ -4446,459 +4484,459 @@ menupopup > menu {
 #appMenu-more-button2,
 #appMenu-help-button2,
 #appMenu-quit-button2 {
-    padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important;
-    padding-top: var(--arrowpanel-menuitemblank-padding) !important;
-    padding-bottom: var(--arrowpanel-menuitemblank-padding) !important;
+      padding-top: var(--arrowpanel-menuitemblank-padding) !important;
+      padding-bottom: var(--arrowpanel-menuitemblank-padding) !important;
+    }
+
+    #appMenu-zoom-controls2 {
+      padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important;
+    }
+  }
+  #appMenu-new-window-button2 {
+    list-style-image: url("chrome://browser/skin/window.svg");
   }
 
-  #appMenu-zoom-controls2 {
-    padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important;
-  }
-}
-#appMenu-new-window-button2 {
-  list-style-image: url("chrome://browser/skin/window.svg");
-}
-
-#appMenu-new-private-window-button2 {
-  list-style-image: url("chrome://browser/skin/privateBrowsing.svg");
-}
-
-#appMenu-bookmarks-button {
-  list-style-image: url("chrome://browser/skin/bookmark.svg");
-}
-
-#appMenu-history-button {
-  list-style-image: url("chrome://browser/skin/history.svg");
-}
-
-#appMenu-downloads-button {
-  list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
-}
-
-@supports -moz-bool-pref("userChrome.panel.proton") {
-  #appMenu-passwords-button {
-    list-style-image: url("chrome://browser/skin/login.svg");
+  #appMenu-new-private-window-button2 {
+    list-style-image: url("chrome://browser/skin/privateBrowsing.svg");
   }
 
-  #appMenu-extensions-themes-button {
-    list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
-  }
-}
-#appMenu-print-button2 {
-  list-style-image: url("chrome://global/skin/icons/print.svg");
-}
-
-@supports -moz-bool-pref("userChrome.panel.proton") {
-  #appMenu-save-file-button2 {
-    list-style-image: url("chrome://browser/skin/save.svg");
+  #appMenu-bookmarks-button {
+    list-style-image: url("chrome://browser/skin/bookmark.svg");
   }
 
-  #appMenu-find-button2 {
+  #appMenu-history-button {
+    list-style-image: url("chrome://browser/skin/history.svg");
+  }
+
+  #appMenu-downloads-button {
+    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
+  }
+
+  @supports -moz-bool-pref(userChrome.icon.panel_full) {
+    #appMenu-passwords-button {
+      list-style-image: url("chrome://browser/skin/login.svg");
+    }
+
+    #appMenu-extensions-themes-button {
+      list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
+    }
+  }
+  #appMenu-print-button2 {
+    list-style-image: url("chrome://global/skin/icons/print.svg");
+  }
+
+  @supports -moz-bool-pref(userChrome.icon.panel_full) {
+    #appMenu-save-file-button2 {
+      list-style-image: url("chrome://browser/skin/save.svg");
+    }
+
+    #appMenu-find-button2 {
+      list-style-image: url("chrome://global/skin/icons/search-glass.svg");
+    }
+
+    #appMenu-zoom-controls2::before {
+      content: url("./icons/screenshot.svg");
+    }
+  }
+  #appMenu-settings-button {
+    list-style-image: url("chrome://global/skin/icons/settings.svg");
+  }
+
+  @supports -moz-bool-pref(userChrome.icon.panel_full) {
+    #appMenu-more-button2 {
+      list-style-image: url("chrome://browser/skin/ion.svg");
+    }
+
+    #appMenu-help-button2 {
+      list-style-image: url("chrome://global/skin/icons/help.svg");
+    }
+
+    #appMenu-quit-button2 {
+      list-style-image: url("./icons/quit.svg");
+    }
+  }
+  /*= Panel - Account ==========================================================*/
+  #PanelUI-fxa-menu-connect-device-button .toolbarbutton-icon,
+#PanelUI-fxa-menu-account-signout-button .toolbarbutton-icon {
+    width: 16px !important;
+    height: 16px !important;
+  }
+
+  /* Default */
+  #fxa-manage-account-button::before {
+    content: "";
+    display: -moz-inline-box;
+    width: 32px !important;
+    height: 32px !important;
+    border-radius: 50%;
+    background-size: 32px;
+    background-image: var(--avatar-image-url);
+    margin-inline-end: var(--arrowpanel-menuicon-padding);
+  }
+
+  .syncNowBtn {
+    visibility: visible !important;
+    -moz-box-ordinal-group: 1 !important;
+    margin-inline-end: var(--arrowpanel-menuicon-padding);
+  }
+
+  #PanelUI-fxa-menu-setup-sync-button {
+    list-style-image: url("chrome://browser/skin/sync.svg");
+  }
+
+  #PanelUI-fxa-menu-connect-device-button {
+    list-style-image: url("chrome://browser/skin/fxa/add-device.svg");
+  }
+
+  #PanelUI-fxa-menu-sendtab-button {
+    list-style-image: url("./icons/send-to-device.svg");
+  }
+
+  #PanelUI-fxa-menu-sync-prefs-button {
+    list-style-image: url("chrome://global/skin/icons/settings.svg");
+  }
+
+  #PanelUI-fxa-menu-account-signout-button {
+    list-style-image: url("./icons/sign-out.svg");
+  }
+
+  #PanelUI-remotetabs-view-managedevices::before {
+    /* Box */
+    content: "";
+    padding-inline-end: 16px;
+    padding-block: 1px;
+    margin-inline-end: var(--arrowpanel-menuicon-padding);
+    /* Color */
+    fill: currentColor;
+    fill-opacity: var(--toolbarbutton-icon-fill-opacity);
+    -moz-context-properties: fill;
+    background-size: 16px;
+    background-repeat: no-repeat;
+    background-position: left center;
+    background-image: url("chrome://global/skin/icons/settings.svg");
+  }
+
+  .PanelUI-remotetabs-notabsforclient-label {
+    margin-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;
+    padding-inline-start: var(--arrowpanel-menublank-padding) !important;
+  }
+
+  /* Change Separator */
+  #PanelUI-fxa-menu::before {
+    content: "";
+    display: -moz-box;
+    border-bottom: 1px solid var(--panel-separator-color);
+    margin: var(--panel-separator-margin);
+    padding: 0;
+  }
+
+  #PanelUI-fxa-menu > :first-child {
+    -moz-box-ordinal-group: 0;
+  }
+
+  #PanelUI-sign-out-separator {
+    display: none;
+  }
+
+  .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""],
+.sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""] {
+    list-style-image: url("./icons/send-to-device.svg");
+  }
+
+  .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]),
+.sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]) {
+    list-style-image: url("chrome://global/skin/icons/settings.svg");
+  }
+
+  /*= Panel - Bookmark =========================================================*/
+  #panelMenuBookmarkThisPage {
+    list-style-image: url("chrome://browser/skin/bookmark-hollow.svg");
+  }
+
+  panelMenuBookmarkThisPage[starred] {
+    list-style-image: url("chrome://browser/skin/bookmark.svg");
+  }
+
+  #panelMenu_searchBookmarks {
     list-style-image: url("chrome://global/skin/icons/search-glass.svg");
   }
 
-  #appMenu-zoom-controls2::before {
-    content: url("./icons/screenshot.svg");
-  }
-}
-#appMenu-settings-button {
-  list-style-image: url("chrome://global/skin/icons/settings.svg");
-}
-
-@supports -moz-bool-pref("userChrome.panel.proton") {
-  #appMenu-more-button2 {
-    list-style-image: url("chrome://browser/skin/ion.svg");
+  #panelMenu_viewBookmarksToolbar {
+    list-style-image: url("chrome://browser/skin/bookmarks-toolbar.svg");
   }
 
-  #appMenu-help-button2 {
+  #panelMenu_showAllBookmarks {
+    list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
+  }
+
+  /*= Panel - History ==========================================================*/
+  #appMenuRecentlyClosedTabs {
+    list-style-image: url("chrome://browser/skin/tab.svg");
+  }
+
+  #appMenuRecentlyClosedWindows {
+    list-style-image: url("chrome://browser/skin/window.svg");
+  }
+
+  #appMenuRestoreSession {
+    list-style-image: url("./icons/restore-session.svg");
+  }
+
+  #appMenuClearRecentHistory {
+    list-style-image: url("chrome://browser/skin/forget.svg");
+  }
+
+  #PanelUI-historyMore {
+    list-style-image: url("chrome://browser/skin/history.svg");
+  }
+
+  #appMenu-library-recentlyClosedTabs {
+    list-style-image: url("./icons/movetowindow-16.svg");
+  }
+
+  #appMenu-library-recentlyClosedWindows {
+    list-style-image: url("./icons/restore-session.svg");
+  }
+
+  /*= Panel - More tools =======================================================*/
+  #appmenu-moreTools-button {
+    list-style-image: url("chrome://browser/skin/customize.svg");
+  }
+
+  /* Web Developer Tools */
+  #appmenu-developer-tools-view .subviewbutton:nth-child(1),
+#PanelUI-developer-tools-view .subviewbutton:nth-child(1) {
+    list-style-image: url("./icons/developer.svg");
+  }
+
+  /* Task Manager */
+  #appmenu-developer-tools-view .subviewbutton:nth-child(2),
+#PanelUI-developer-tools-view .subviewbutton:nth-child(2) {
+    list-style-image: url("./icons/performance.svg");
+  }
+
+  /* Remote Debugging - Edge bug.svg */
+  #appmenu-developer-tools-view .subviewbutton:nth-child(3),
+#PanelUI-developer-tools-view .subviewbutton:nth-child(3) {
+    list-style-image: url("./icons/bug.svg");
+  }
+
+  /* Browser Toolbox - Edge webdeveloper.svg */
+  #appmenu-developer-tools-view .subviewbutton:nth-child(4),
+#PanelUI-developer-tools-view .subviewbutton:nth-child(4) {
+    list-style-image: url("./icons/window-dev-tools.svg");
+  }
+
+  /* Browser Content Toolbaox -  */
+  #appmenu-developer-tools-view .subviewbutton:nth-child(5),
+#PanelUI-developer-tools-view .subviewbutton:nth-child(5) {
+    list-style-image: url("./icons/command-frames.svg");
+  }
+
+  /* Browser Console */
+  #appmenu-developer-tools-view .subviewbutton:nth-last-child(5),
+#PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) {
+    list-style-image: url("chrome://devtools/skin/images/command-console.svg");
+  }
+
+  /* Responsive Design Mode */
+  #appmenu-developer-tools-view .subviewbutton:nth-last-child(4),
+#PanelUI-developer-tools-view .subviewbutton:nth-last-child(4) {
+    list-style-image: url("./icons/command-responsivemode.svg");
+  }
+
+  /* Eyedropper */
+  #appmenu-developer-tools-view .subviewbutton:nth-last-child(3),
+#PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) {
+    list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
+  }
+
+  /* Page Source - Edge file-search.svg */
+  #appmenu-developer-tools-view .subviewbutton:nth-last-child(2),
+#PanelUI-developer-tools-view .subviewbutton:nth-last-child(2) {
+    list-style-image: url("./icons/document-search.svg");
+  }
+
+  /* Extensions for Devel */
+  #appmenu-developer-tools-view .subviewbutton:nth-last-child(1),
+#PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) {
+    list-style-image: url("chrome://devtools/skin/images/debugging-addons.svg");
+  }
+
+  #appmenu-developer-tools-view .subviewbutton:last-child {
+    margin-bottom: 6px !important;
+  }
+
+  /*= Panel - Help =============================================================*/
+  #appMenu_menu_openHelp {
     list-style-image: url("chrome://global/skin/icons/help.svg");
   }
 
-  #appMenu-quit-button2 {
-    list-style-image: url("./icons/quit.svg");
+  #appMenu_feedbackPage {
+    list-style-image: url("./icons/send.svg");
   }
-}
-/*= Panel - Account ==========================================================*/
-#PanelUI-fxa-menu-connect-device-button .toolbarbutton-icon,
-#PanelUI-fxa-menu-account-signout-button .toolbarbutton-icon {
-  width: 16px !important;
-  height: 16px !important;
-}
 
-/* Default */
-#fxa-manage-account-button::before {
-  content: "";
-  display: -moz-inline-box;
-  width: 32px !important;
-  height: 32px !important;
-  border-radius: 50%;
-  background-size: 32px;
-  background-image: var(--avatar-image-url);
-  margin-inline-end: var(--arrowpanel-menuicon-padding);
-}
+  #appMenu_helpSafeMode {
+    list-style-image: url("chrome://devtools/skin/images/debugging-workers.svg");
+  }
 
-.syncNowBtn {
-  visibility: visible !important;
-  -moz-box-ordinal-group: 1 !important;
-  margin-inline-end: var(--arrowpanel-menuicon-padding);
-}
+  #appMenu_troubleShooting {
+    list-style-image: url("chrome://global/skin/icons/more.svg");
+  }
 
-#PanelUI-fxa-menu-setup-sync-button {
-  list-style-image: url("chrome://browser/skin/sync.svg");
-}
+  #appMenu_help_reportSiteIssue {
+    list-style-image: url("chrome://global/skin/icons/lightbulb.svg");
+  }
 
-#PanelUI-fxa-menu-connect-device-button {
-  list-style-image: url("chrome://browser/skin/fxa/add-device.svg");
-}
+  #appMenu_menu_HelpPopup_reportPhishingtoolmenu {
+    list-style-image: url("chrome://global/skin/icons/warning.svg");
+  }
 
-#PanelUI-fxa-menu-sendtab-button {
-  list-style-image: url("./icons/send-to-device.svg");
-}
+  #appMenu_aboutName {
+    list-style-image: url("chrome://global/skin/icons/info.svg");
+  }
 
-#PanelUI-fxa-menu-sync-prefs-button {
-  list-style-image: url("chrome://global/skin/icons/settings.svg");
-}
+  /*= Panel - Library ==========================================================*/
+  #appMenu-library-bookmarks-button {
+    list-style-image: url("chrome://browser/skin/bookmark.svg");
+  }
 
-#PanelUI-fxa-menu-account-signout-button {
-  list-style-image: url("./icons/sign-out.svg");
-}
+  #appMenu-library-history-button {
+    list-style-image: url("chrome://browser/skin/history.svg");
+  }
 
-#PanelUI-remotetabs-view-managedevices::before {
-  /* Box */
-  content: "";
-  padding-inline-end: 16px;
-  padding-block: 1px;
-  margin-inline-end: var(--arrowpanel-menuicon-padding);
-  /* Color */
-  fill: currentColor;
-  fill-opacity: var(--toolbarbutton-icon-fill-opacity);
-  -moz-context-properties: fill;
-  background-size: 16px;
-  background-repeat: no-repeat;
-  background-position: left center;
-  background-image: url("chrome://global/skin/icons/settings.svg");
-}
+  #appMenu-library-downloads-button {
+    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
+  }
 
-.PanelUI-remotetabs-notabsforclient-label {
-  margin-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;
-  padding-inline-start: var(--arrowpanel-menublank-padding) !important;
-}
+  /*= Panel - Downloads ========================================================*/
+  #downloadsHistory {
+    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
+  }
 
-/* Change Separator */
-#PanelUI-fxa-menu::before {
-  content: "";
-  display: -moz-box;
-  border-bottom: 1px solid var(--panel-separator-color);
-  margin: var(--panel-separator-margin);
-  padding: 0;
-}
+  #downloadsHistory .box-inherit.button-box {
+    display: -moz-inline-box !important;
+  }
 
-#PanelUI-fxa-menu > :first-child {
-  -moz-box-ordinal-group: 0;
-}
+  /*= Toolbar - Overflow Menu ==================================================*/
+  #overflowMenu-customize-button {
+    list-style-image: url("chrome://browser/skin/customize.svg");
+  }
 
-#PanelUI-sign-out-separator {
-  display: none;
-}
+  /*= Tabbar - All Tab Menu ====================================================*/
+  #allTabsMenu-undoCloseTab {
+    list-style-image: url("chrome://global/skin/icons/undo.svg");
+  }
 
-.pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""],
-.sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""] {
-  list-style-image: url("./icons/send-to-device.svg");
-}
+  #allTabsMenu-searchTabs {
+    list-style-image: url("chrome://global/skin/icons/search-glass.svg");
+  }
 
-.pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]),
-.sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]) {
-  list-style-image: url("chrome://global/skin/icons/settings.svg");
-}
+  #allTabsMenu-containerTabsButton {
+    list-style-image: url("./icons/container-openin-16.svg");
+  }
 
-/*= Panel - Bookmark =========================================================*/
-#panelMenuBookmarkThisPage {
-  list-style-image: url("chrome://browser/skin/bookmark-hollow.svg");
-}
+  #allTabsMenu-hiddenTabsButton {
+    list-style-image: url("./icons/password-hide.svg");
+  }
 
-panelMenuBookmarkThisPage[starred] {
-  list-style-image: url("chrome://browser/skin/bookmark.svg");
-}
+  #allTabsMenu-containerTabsView .subviewbutton:last-child {
+    list-style-image: url("chrome://global/skin/icons/settings.svg");
+  }
 
-#panelMenu_searchBookmarks {
-  list-style-image: url("chrome://global/skin/icons/search-glass.svg");
-}
-
-#panelMenu_viewBookmarksToolbar {
-  list-style-image: url("chrome://browser/skin/bookmarks-toolbar.svg");
-}
-
-#panelMenu_showAllBookmarks {
-  list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
-}
-
-/*= Panel - History ==========================================================*/
-#appMenuRecentlyClosedTabs {
-  list-style-image: url("chrome://browser/skin/tab.svg");
-}
-
-#appMenuRecentlyClosedWindows {
-  list-style-image: url("chrome://browser/skin/window.svg");
-}
-
-#appMenuRestoreSession {
-  list-style-image: url("./icons/restore-session.svg");
-}
-
-#appMenuClearRecentHistory {
-  list-style-image: url("chrome://browser/skin/forget.svg");
-}
-
-#PanelUI-historyMore {
-  list-style-image: url("chrome://browser/skin/history.svg");
-}
-
-#appMenu-library-recentlyClosedTabs {
-  list-style-image: url("./icons/movetowindow-16.svg");
-}
-
-#appMenu-library-recentlyClosedWindows {
-  list-style-image: url("./icons/restore-session.svg");
-}
-
-/*= Panel - More tools =======================================================*/
-#appmenu-moreTools-button {
-  list-style-image: url("chrome://browser/skin/customize.svg");
-}
-
-/* Web Developer Tools */
-#appmenu-developer-tools-view .subviewbutton:nth-child(1),
-#PanelUI-developer-tools-view .subviewbutton:nth-child(1) {
-  list-style-image: url("./icons/developer.svg");
-}
-
-/* Task Manager */
-#appmenu-developer-tools-view .subviewbutton:nth-child(2),
-#PanelUI-developer-tools-view .subviewbutton:nth-child(2) {
-  list-style-image: url("./icons/performance.svg");
-}
-
-/* Remote Debugging - Edge bug.svg */
-#appmenu-developer-tools-view .subviewbutton:nth-child(3),
-#PanelUI-developer-tools-view .subviewbutton:nth-child(3) {
-  list-style-image: url("./icons/bug.svg");
-}
-
-/* Browser Toolbox - Edge webdeveloper.svg */
-#appmenu-developer-tools-view .subviewbutton:nth-child(4),
-#PanelUI-developer-tools-view .subviewbutton:nth-child(4) {
-  list-style-image: url("./icons/window-dev-tools.svg");
-}
-
-/* Browser Content Toolbaox -  */
-#appmenu-developer-tools-view .subviewbutton:nth-child(5),
-#PanelUI-developer-tools-view .subviewbutton:nth-child(5) {
-  list-style-image: url("./icons/command-frames.svg");
-}
-
-/* Browser Console */
-#appmenu-developer-tools-view .subviewbutton:nth-last-child(5),
-#PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) {
-  list-style-image: url("chrome://devtools/skin/images/command-console.svg");
-}
-
-/* Responsive Design Mode */
-#appmenu-developer-tools-view .subviewbutton:nth-last-child(4),
-#PanelUI-developer-tools-view .subviewbutton:nth-last-child(4) {
-  list-style-image: url("./icons/command-responsivemode.svg");
-}
-
-/* Eyedropper */
-#appmenu-developer-tools-view .subviewbutton:nth-last-child(3),
-#PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) {
-  list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
-}
-
-/* Page Source - Edge file-search.svg */
-#appmenu-developer-tools-view .subviewbutton:nth-last-child(2),
-#PanelUI-developer-tools-view .subviewbutton:nth-last-child(2) {
-  list-style-image: url("./icons/document-search.svg");
-}
-
-/* Extensions for Devel */
-#appmenu-developer-tools-view .subviewbutton:nth-last-child(1),
-#PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) {
-  list-style-image: url("chrome://devtools/skin/images/debugging-addons.svg");
-}
-
-#appmenu-developer-tools-view .subviewbutton:last-child {
-  margin-bottom: 6px !important;
-}
-
-/*= Panel - Help =============================================================*/
-#appMenu_menu_openHelp {
-  list-style-image: url("chrome://global/skin/icons/help.svg");
-}
-
-#appMenu_feedbackPage {
-  list-style-image: url("./icons/send.svg");
-}
-
-#appMenu_helpSafeMode {
-  list-style-image: url("chrome://devtools/skin/images/debugging-workers.svg");
-}
-
-#appMenu_troubleShooting {
-  list-style-image: url("chrome://global/skin/icons/more.svg");
-}
-
-#appMenu_help_reportSiteIssue {
-  list-style-image: url("chrome://global/skin/icons/lightbulb.svg");
-}
-
-#appMenu_menu_HelpPopup_reportPhishingtoolmenu {
-  list-style-image: url("chrome://global/skin/icons/warning.svg");
-}
-
-#appMenu_aboutName {
-  list-style-image: url("chrome://global/skin/icons/info.svg");
-}
-
-/*= Panel - Library ==========================================================*/
-#appMenu-library-bookmarks-button {
-  list-style-image: url("chrome://browser/skin/bookmark.svg");
-}
-
-#appMenu-library-history-button {
-  list-style-image: url("chrome://browser/skin/history.svg");
-}
-
-#appMenu-library-downloads-button {
-  list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
-}
-
-/*= Panel - Downloads ========================================================*/
-#downloadsHistory {
-  list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
-}
-
-#downloadsHistory .box-inherit.button-box {
-  display: -moz-inline-box !important;
-}
-
-/*= Toolbar - Overflow Menu ==================================================*/
-#overflowMenu-customize-button {
-  list-style-image: url("chrome://browser/skin/customize.svg");
-}
-
-/*= Tabbar - All Tab Menu ====================================================*/
-#allTabsMenu-undoCloseTab {
-  list-style-image: url("chrome://global/skin/icons/undo.svg");
-}
-
-#allTabsMenu-searchTabs {
-  list-style-image: url("chrome://global/skin/icons/search-glass.svg");
-}
-
-#allTabsMenu-containerTabsButton {
-  list-style-image: url("./icons/container-openin-16.svg");
-}
-
-#allTabsMenu-hiddenTabsButton {
-  list-style-image: url("./icons/password-hide.svg");
-}
-
-#allTabsMenu-containerTabsView .subviewbutton:last-child {
-  list-style-image: url("chrome://global/skin/icons/settings.svg");
-}
-
-/*= BMB_bookmarksPopup =======================================================*/
-#BMB_bookmarksShowAllTop,
+  /*= BMB_bookmarksPopup =======================================================*/
+  #BMB_bookmarksShowAllTop,
 #BMB_bookmarksShowAll {
-  --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
-}
-
-#BMB_bookmarksToolbar {
-  --menuitem-image: url("chrome://browser/skin/bookmarks-toolbar.svg");
-}
-
-@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
-  #BMB_bookmarksShowAllTop {
-    list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") !important;
+    --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
   }
 
-  #BMB_bookmarksShowAllTop > .menu-iconic-left {
-    display: -moz-box !important;
+  #BMB_bookmarksToolbar {
+    --menuitem-image: url("chrome://browser/skin/bookmarks-toolbar.svg");
   }
-}
-/*= protections-popup ========================================================*/
-#protections-popup-settings-button > .protections-popup-settings-icon,
+
+  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+    #BMB_bookmarksShowAllTop {
+      list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") !important;
+    }
+
+    #BMB_bookmarksShowAllTop > .menu-iconic-left {
+      display: -moz-box !important;
+    }
+  }
+  /*= protections-popup ========================================================*/
+  #protections-popup-settings-button > .protections-popup-settings-icon,
 #protections-popup-show-report-button > .protections-popup-show-report-icon {
-  -moz-context-properties: fill;
-  fill: currentColor;
-  margin-inline-end: 1em;
-}
+    -moz-context-properties: fill;
+    fill: currentColor;
+    margin-inline-end: 1em;
+  }
 
-#protections-popup-settings-button > .protections-popup-settings-icon,
+  #protections-popup-settings-button > .protections-popup-settings-icon,
 #protections-popup-multiView .panel-subview-footer-button {
-  list-style-image: url("chrome://global/skin/icons/settings.svg");
-}
+    list-style-image: url("chrome://global/skin/icons/settings.svg");
+  }
 
-#protections-popup-show-report-button > .protections-popup-show-report-icon {
-  /* chrome://browser/skin/controlcenter/dashboard.svg */
-  list-style-image: url("icons/dashboard.svg");
-}
+  #protections-popup-show-report-button > .protections-popup-show-report-icon {
+    /* chrome://browser/skin/controlcenter/dashboard.svg */
+    list-style-image: url("icons/dashboard.svg");
+  }
 
-/*= identity-popup ===========================================================*/
-#identity-popup-clear-sitedata-button,
+  /*= identity-popup ===========================================================*/
+  #identity-popup-clear-sitedata-button,
 #identity-popup-more-info {
-  padding-inline: 5px !important;
-}
+    padding-inline: 5px !important;
+  }
 
-#identity-popup-securityView-body {
-  margin-inline-start: 32px !important;
-  /* Original: 10px */
-}
+  #identity-popup-securityView-body {
+    margin-inline-start: 32px !important;
+    /* Original: 10px */
+  }
 
-#identity-popup-clear-sitedata-button {
-  list-style-image: url("./icons/broom.svg");
-}
+  #identity-popup-clear-sitedata-button {
+    list-style-image: url("./icons/broom.svg");
+  }
 
-/*= sidebarMenu-popup ========================================================*/
-#identity-popup-more-info {
-  list-style-image: url("chrome://global/skin/icons/info.svg");
-}
+  /*= sidebarMenu-popup ========================================================*/
+  #identity-popup-more-info {
+    list-style-image: url("chrome://global/skin/icons/info.svg");
+  }
 
-#sidebar-switcher-bookmarks {
-  list-style-image: url("chrome://browser/skin/bookmark.svg");
-}
+  #sidebar-switcher-bookmarks {
+    list-style-image: url("chrome://browser/skin/bookmark.svg");
+  }
 
-#sidebar-switcher-history {
-  list-style-image: url("chrome://browser/skin/history.svg");
-}
+  #sidebar-switcher-history {
+    list-style-image: url("chrome://browser/skin/history.svg");
+  }
 
-#sidebar-switcher-tabs {
-  list-style-image: url("chrome://browser/skin/tab.svg");
-}
+  #sidebar-switcher-tabs {
+    list-style-image: url("chrome://browser/skin/tab.svg");
+  }
 
-#sidebar-reverse-position {
-  list-style-image: url("chrome://browser/skin/sidebars-right.svg");
-}
+  #sidebar-reverse-position {
+    list-style-image: url("chrome://browser/skin/sidebars-right.svg");
+  }
 
-#sidebar-box[positionend=true] #sidebar-reverse-position {
-  /* Can't apply this. shadow dom */
-  list-style-image: url("chrome://browser/skin/sidebars.svg");
-}
+  #sidebar-box[positionend=true] #sidebar-reverse-position {
+    /* Can't apply this. shadow dom */
+    list-style-image: url("chrome://browser/skin/sidebars.svg");
+  }
 
-#sidebarMenu-popup > .subviewbutton[data-l10n-id=sidebar-menu-close] {
-  list-style-image: url("chrome://global/skin/icons/close.svg");
+  #sidebarMenu-popup > .subviewbutton[data-l10n-id=sidebar-menu-close] {
+    list-style-image: url("chrome://global/skin/icons/close.svg");
+  }
 }
-
 /** Menu - Icons Layout *******************************************************/
-menupopup menuitem:not([type=checkbox], [type=radio]),
+@supports -moz-bool-pref(userChrome.icon.menu) {
+  menupopup menuitem:not([type=checkbox], [type=radio]),
 menupopup menu:not([type=checkbox], [type=radio]),
 #main-menubar > menu {
-  -moz-appearance: none !important;
-  /* Linux: menulist */
-}
+    -moz-appearance: none !important;
+    /* Linux: menulist */
+  }
 
-/* Icon */
-:not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
+  /* Icon */
+  :not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
 :not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]),
 #main-menubar > menu,
 menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
@@ -4907,1388 +4945,1470 @@ menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
 menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
 menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
 #blockedPopupDontShowMessage {
-  /* Color */
-  -moz-context-properties: fill, fill-opacity !important;
-  fill: currentColor !important;
-  /* Layout */
-  background-size: 16px !important;
-  background-repeat: no-repeat !important;
-  background-image: var(--menuitem-image);
-}
-
-/* For native context menus on macOS */
-@supports -moz-bool-pref("widget.macos.native-context-menus") {
-  :not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, [type=checkbox], [checked=true], .in-menulist),
-:not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, [type=checkbox], [checked=true], .in-menulist) {
-    list-style-image: var(--menuitem-image) !important;
+    /* Color */
+    -moz-context-properties: fill, fill-opacity !important;
+    fill: currentColor !important;
+    /* Layout */
+    background-size: 16px !important;
+    background-repeat: no-repeat !important;
+    background-image: var(--menuitem-image);
   }
-}
-/* Padding */
-:root {
-  --context-menu-background-padding-default: 5px;
-  --context-menu-background-padding: var(--context-menu-background-padding-default);
-}
 
-:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic),
+  /* For native context menus on macOS */
+  @supports -moz-bool-pref("widget.macos.native-context-menus") {
+    :not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, [type=checkbox], [checked=true], .in-menulist),
+:not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, [type=checkbox], [checked=true], .in-menulist) {
+      list-style-image: var(--menuitem-image) !important;
+    }
+  }
+  /* Padding */
+  :root {
+    --context-menu-background-padding-default: 5px;
+    --context-menu-background-padding: var(--context-menu-background-padding-default);
+  }
+
+  :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic),
 :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic),
 menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true], .bookmark-item),
 menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]),
 menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
 menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
 menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
-#blockedPopupDontShowMessage {
-  background-position: left var(--context-menu-background-padding) center !important;
-  padding-inline-start: var(--context-menu-background-padding) !important;
-}
-
-/* Menubar */
-#main-menubar > menu {
-  background-position: left var(--context-menu-background-padding-default) center !important;
-  padding-inline-start: calc(16px + var(--context-menu-background-padding-default)) !important;
-  padding-inline-end: 3px;
-}
-
-#main-menubar > menu:first-child {
-  background-position: left calc(3px + var(--context-menu-background-padding-default)) center !important;
-  padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important;
-}
-
-#main-menubar > menu > menupopup {
-  --menuitem-image: none;
-  /* Prevent Image Inheritance */
-}
-
-/* Padding - Windows */
-@media (-moz-os-version: windows-win7), (-moz-platform: windows-win7), (-moz-os-version: windows-win8), (-moz-platform: windows-win8), (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
-  /* Checkbox */
-  :root {
-    --context-menu-text-padding: calc(var(--menu-padding) + var(--context-menu-background-padding-default) + 16px);
-  }
-
-  :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem[type=checkbox][checked=false] > .menu-iconic-left {
-    padding-inline-start: var(--context-menu-text-padding);
-  }
-}
-@media (-moz-os-version: windows-win7), (-moz-platform: windows-win7) {
-  :root {
-    --context-menu-background-padding-default: 2px;
-  }
-}
-@media (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
-  :root {
-    --context-menu-background-padding-default: 3px;
-  }
-}
-@media (-moz-os-version: windows-win7), (-moz-platform: windows-win7), (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
-  :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic, [type=checkbox], [checked=true], .in-menulist),
-:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic, [type=checkbox], [checked=true], .in-menulist),
-menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true], .bookmark-item),
-menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]),
-menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
-menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
-menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
 #blockedPopupDontShowMessage {
     background-position: left var(--context-menu-background-padding) center !important;
-    padding-inline-start: 0 !important;
-  }
-}
-@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
-  :root {
-    --context-menu-background-padding: 1em;
-    --context-menu-text-padding: 24px;
-    /* 16px + 8px */
-    --menu-background-padding-default: calc(var(--context-menu-background-padding) + var(--context-menu-text-padding));
-  }
-
-  :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic, [type=checkbox], [checked=true], .in-menulist),
-:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic, [type=checkbox], [checked=true], .in-menulist),
-menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true], .bookmark-item),
-menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]),
-menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
-menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
-menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
-#blockedPopupDontShowMessage {
-    padding-inline-start: var(--menu-background-padding-default) !important;
-    margin-left: 0 !important;
-  }
-}
-/* Padding - Linux */
-@media (-moz-gtk-csd-available) {
-  :root {
-    --context-menu-background-padding-default: 6px;
-  }
-
-  #main-menubar > menu > .menubar-text {
-    padding-inline-start: 3px;
-  }
-}
-/* Padding - Mac */
-@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
-  :root {
-    --context-menu-background-padding-default: 10px;
-    --context-menu-mac-padding: 21px;
-  }
-
-  /* context menu width */
-  :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic, [type=checkbox], [checked=true], .in-menulist),
-:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic, [type=checkbox], [checked=true], .in-menulist),
-#blockedPopupDontShowMessage {
-    padding-inline-end: var(--context-menu-background-padding) !important;
-  }
-
-  /* text position */
-  :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem > .menu-text,
-:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu > menu-text {
-    padding-inline-start: var(--context-menu-mac-padding) !important;
-  }
-
-  /* Checkbox menuitem, None iconic menu */
-  :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem[type=checkbox],
-:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic) {
-    padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important;
-  }
-}
-/*= Bookmark Menu - Layout ===================================================*/
-/* #goPopup(Legacy of historyMenuPoup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
-   * #BMB_bookmarksPopup: looks like arrow panel
-   */
-/* Empty Menu */
-menupopup menupopup[emptyplacesresult] .menu-text,
-#PersonalToolbar menupopup[emptyplacesresult] .menu-text {
-  margin-inline-start: 0 !important;
-}
-
-/* Bookmark Popup - As Arrow Panel */
-#BMB_bookmarksPopup,
-#PersonalToolbar {
-  --context-menu-background-padding: var(--arrowpanel-menuitem-padding);
-}
-
-/* Windows 7, 8 */
-@media (-moz-os-version: windows-win7), (-moz-platform: windows-win7), (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
-  /* Global Menu */
-  menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) .bookmark-item {
-    padding-inline-start: 0 !important;
-  }
-
-  /* Bookmark Popup - None icon menu */
-  #BMB_bookmarksPopup,
-#PersonalToolbar {
-    --arrowpanel-menuicon-padding: 9px;
-  }
-
-  menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled=true]),
-menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
-#PersonalToolbar menupopup[placespopup=true] menuitem:not(.menuitem-iconic, [disabled=true]),
-#PersonalToolbar menupopup[placespopup=true] menu:not(.menu-iconic) {
-    margin-inline: var(--arrowpanel-menuitem-padding) !important;
-    background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important;
-  }
-
-  menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled=true]),
-menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) {
-    padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--context-menu-text-padding) + 2px) !important;
-  }
-
-  #PersonalToolbar menupopup[placespopup=true] menuitem:not(.menuitem-iconic, [disabled=true]),
-#PersonalToolbar menupopup[placespopup=true] menu:not(.menu-iconic) {
-    padding-inline-start: var(--arrowpanel-menuicon-padding) !important;
-  }
-}
-/* Windows */
-@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
-  /* Bookmark Popup - None icon menu */
-  menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled=true]),
-menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
-#PersonalToolbar menupopup[placespopup=true] menuitem:not(.menuitem-iconic, [disabled=true]),
-#PersonalToolbar menupopup[placespopup=true] menu:not(.menu-iconic) {
-    margin-inline: var(--arrowpanel-menuitem-padding) !important;
-    padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--context-menu-text-padding)) !important;
-    background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important;
-  }
-}
-/* Linux */
-@media (-moz-gtk-csd-available) {
-  /* Global Menu */
-  menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) .bookmark-item {
     padding-inline-start: var(--context-menu-background-padding) !important;
   }
 
-  /* Bookmark Popup - Iconic menu */
-  #BMB_bookmarksPopup .menu-iconic-text,
-#PersonalToolbar menupopup[placespopup=true] .bookmark-item .menu-iconic-text {
-    padding-inline-start: 1px !important;
+  /* Menubar */
+  @supports -moz-bool-pref(userChrome.icon.global_menu) {
+    #main-menubar > menu {
+      background-position: left var(--context-menu-background-padding-default) center !important;
+      padding-inline-start: calc(16px + var(--context-menu-background-padding-default)) !important;
+      padding-inline-end: 3px;
+    }
+
+    #main-menubar > menu:first-child {
+      background-position: left calc(3px + var(--context-menu-background-padding-default)) center !important;
+      padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important;
+    }
+
+    #main-menubar > menu > menupopup {
+      --menuitem-image: none;
+      /* Prevent Image Inheritance */
+    }
+  }
+  /* Padding - Windows */
+  @media (-moz-os-version: windows-win7), (-moz-platform: windows-win7), (-moz-os-version: windows-win8), (-moz-platform: windows-win8), (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+    /* Checkbox */
+    :root {
+      --context-menu-text-padding: calc(var(--menu-padding) + var(--context-menu-background-padding-default) + 16px);
+    }
+
+    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem[type=checkbox][checked=false] > .menu-iconic-left {
+      padding-inline-start: var(--context-menu-text-padding);
+    }
+  }
+  @media (-moz-os-version: windows-win7), (-moz-platform: windows-win7) {
+    :root {
+      --context-menu-background-padding-default: 2px;
+    }
+  }
+  @media (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
+    :root {
+      --context-menu-background-padding-default: 3px;
+    }
+  }
+  @media (-moz-os-version: windows-win7), (-moz-platform: windows-win7), (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
+    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic, [type=checkbox], [checked=true], .in-menulist),
+:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic, [type=checkbox], [checked=true], .in-menulist),
+menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true], .bookmark-item),
+menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]),
+menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
+menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
+menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
+#blockedPopupDontShowMessage {
+      background-position: left var(--context-menu-background-padding) center !important;
+      padding-inline-start: 0 !important;
+    }
+  }
+  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+    :root {
+      --context-menu-background-padding: 1em;
+      --context-menu-text-padding: 24px;
+      /* 16px + 8px */
+      --menu-background-padding-default: calc(var(--context-menu-background-padding) + var(--context-menu-text-padding));
+    }
+
+    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic, [type=checkbox], [checked=true], .in-menulist),
+:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic, [type=checkbox], [checked=true], .in-menulist),
+menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true], .bookmark-item),
+menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]),
+menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
+menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
+menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
+#blockedPopupDontShowMessage {
+      padding-inline-start: var(--menu-background-padding-default) !important;
+      margin-left: 0 !important;
+    }
+  }
+  /* Padding - Linux */
+  @media (-moz-gtk-csd-available) {
+    :root {
+      --context-menu-background-padding-default: 6px;
+    }
+
+    #main-menubar > menu > .menubar-text {
+      padding-inline-start: 3px;
+    }
+  }
+  /* Padding - Mac */
+  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+    :root {
+      --context-menu-background-padding-default: 10px;
+      --context-menu-mac-padding: 21px;
+    }
+
+    /* context menu width */
+    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic, [type=checkbox], [checked=true], .in-menulist),
+:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic, [type=checkbox], [checked=true], .in-menulist),
+#blockedPopupDontShowMessage {
+      padding-inline-end: var(--context-menu-background-padding) !important;
+    }
+
+    /* text position */
+    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem > .menu-text,
+:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu > menu-text {
+      padding-inline-start: var(--context-menu-mac-padding) !important;
+    }
+
+    /* Checkbox menuitem, None iconic menu */
+    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem[type=checkbox],
+:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic) {
+      padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important;
+    }
+  }
+  /*= Bookmark Menu - Layout ===================================================*/
+  /* #goPopup(Legacy of historyMenuPoup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
+     * #BMB_bookmarksPopup: looks like arrow panel
+     */
+  /* Empty Menu */
+  menupopup menupopup[emptyplacesresult] .menu-text,
+#PersonalToolbar menupopup[emptyplacesresult] .menu-text {
+    margin-inline-start: 0 !important;
   }
 
-  /* Bookmark Popup - None icon menu */
-  menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled=true]),
+  /* Bookmark Popup - As Arrow Panel */
+  #BMB_bookmarksPopup,
+#PersonalToolbar {
+    --context-menu-background-padding: var(--arrowpanel-menuitem-padding);
+  }
+
+  /* Windows 7, 8 */
+  @media (-moz-os-version: windows-win7), (-moz-platform: windows-win7), (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
+    /* Global Menu */
+    menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) .bookmark-item {
+      padding-inline-start: 0 !important;
+    }
+
+    /* Bookmark Popup - None icon menu */
+    #BMB_bookmarksPopup,
+#PersonalToolbar {
+      --arrowpanel-menuicon-padding: 9px;
+    }
+
+    menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled=true]),
 menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
 #PersonalToolbar menupopup[placespopup=true] menuitem:not(.menuitem-iconic, [disabled=true]),
 #PersonalToolbar menupopup[placespopup=true] menu:not(.menu-iconic) {
-    padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 1px) !important;
-  }
-}
-@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
-  /* Bookmark Popup - As Arrow Panel */
-  #PersonalToolbar menupopup menuitem,
-#PersonalToolbar menupopup menu {
-    padding-inline: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;
-  }
+      margin-inline: var(--arrowpanel-menuitem-padding) !important;
+      background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important;
+    }
 
-  /* Bookmark Popup - None icon menu */
-  menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled=true]),
+    menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled=true]),
 menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) {
-    padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important;
+      padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--context-menu-text-padding) + 2px) !important;
+    }
+
+    #PersonalToolbar menupopup[placespopup=true] menuitem:not(.menuitem-iconic, [disabled=true]),
+#PersonalToolbar menupopup[placespopup=true] menu:not(.menu-iconic) {
+      padding-inline-start: var(--arrowpanel-menuicon-padding) !important;
+    }
   }
-}
-/** Context Menu - Icons ******************************************************/
-/*= tabContextMenu ===========================================================*/
-#context_openANewTab {
-  --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-}
+  /* Windows */
+  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+    /* Bookmark Popup - None icon menu */
+    menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled=true]),
+menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
+#PersonalToolbar menupopup[placespopup=true] menuitem:not(.menuitem-iconic, [disabled=true]),
+#PersonalToolbar menupopup[placespopup=true] menu:not(.menu-iconic) {
+      margin-inline: var(--arrowpanel-menuitem-padding) !important;
+      padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--context-menu-text-padding)) !important;
+      background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important;
+    }
+  }
+  /* Linux */
+  @media (-moz-gtk-csd-available) {
+    /* Global Menu */
+    menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) .bookmark-item {
+      padding-inline-start: var(--context-menu-background-padding) !important;
+    }
 
-#context_reloadTab,
+    /* Bookmark Popup - Iconic menu */
+    #BMB_bookmarksPopup .menu-iconic-text,
+#PersonalToolbar menupopup[placespopup=true] .bookmark-item .menu-iconic-text {
+      padding-inline-start: 1px !important;
+    }
+
+    /* Bookmark Popup - None icon menu */
+    menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled=true]),
+menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
+#PersonalToolbar menupopup[placespopup=true] menuitem:not(.menuitem-iconic, [disabled=true]),
+#PersonalToolbar menupopup[placespopup=true] menu:not(.menu-iconic) {
+      padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 1px) !important;
+    }
+  }
+  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+    /* Bookmark Popup - As Arrow Panel */
+    #PersonalToolbar menupopup menuitem,
+#PersonalToolbar menupopup menu {
+      padding-inline: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;
+    }
+
+    /* Bookmark Popup - None icon menu */
+    menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled=true]),
+menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) {
+      padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important;
+    }
+  }
+  @supports -moz-bool-pref(userChrome.icon.context_menu) {
+    /** Context Menu - Icons ******************************************************/
+    /*= tabContextMenu ===========================================================*/
+    #context_openANewTab {
+      --menuitem-image: url("chrome://browser/skin/new-tab.svg");
+    }
+
+    #context_reloadTab,
 #context_reloadSelectedTabs {
-  --menuitem-image: url("./icons/reload.svg");
-}
+      --menuitem-image: url("./icons/reload.svg");
+    }
 
-#context_toggleMuteTab,
+    #context_toggleMuteTab,
 #context_toggleMuteSelectedTabs {
-  --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg");
-}
+      --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg");
+    }
 
-#context_toggleMuteTab[muted],
+    #context_toggleMuteTab[muted],
 #context_toggleMuteSelectedTabs[muted] {
-  --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg");
-}
+      --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg");
+    }
 
-#context_pinTab,
+    #context_pinTab,
 #context_pinSelectedTabs {
-  --menuitem-image: url("./icons/pin-tab.svg");
-}
+      --menuitem-image: url("./icons/pin-tab.svg");
+    }
 
-#context_unpinTab,
+    #context_unpinTab,
 #context_unpinSelectedTabs {
-  --menuitem-image: url("./icons/unpin-tab.svg");
-}
+      --menuitem-image: url("./icons/unpin-tab.svg");
+    }
 
-#context_duplicateTab,
+    #context_duplicateTab,
 #context_duplicateTabs {
-  --menuitem-image: url("./icons/notebook-subsection.svg");
-}
+      --menuitem-image: url("./icons/notebook-subsection.svg");
+    }
 
-#context_bookmarkTab,
+    #context_bookmarkTab,
 #context_bookmarkSelectedTabs {
-  --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-}
+      --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+    }
 
-#context_moveTabOptions {
-  --menuitem-image: url("./icons/arrow-swap.svg");
-}
+    #context_moveTabOptions {
+      --menuitem-image: url("./icons/arrow-swap.svg");
+    }
 
-#context_sendTabToDevice {
-  --menuitem-image: url("./icons/send-to-device.svg");
-}
+    #context_sendTabToDevice {
+      --menuitem-image: url("./icons/send-to-device.svg");
+    }
 
-#context_sendTabToDevice:is([disabled=true]) + #context_shareTabURL,
+    #context_sendTabToDevice:is([disabled=true]) + #context_shareTabURL,
 #context_sendTabToDevice:is([disabled=true]) + menuitem.share-tab-url-item {
-  /* At windows */
-  --menuitem-image: url("./icons/share.svg");
-}
+      /* At windows */
+      --menuitem-image: url("./icons/share.svg");
+    }
 
-#context_reopenInContainer {
-  --menuitem-image: url("./icons/container-openin-16.svg");
-}
+    #context_reopenInContainer {
+      --menuitem-image: url("./icons/container-openin-16.svg");
+    }
 
-#context_selectAllTabs {
-  --menuitem-image: url("./icons/tab-multiple.svg");
-}
+    #context_selectAllTabs {
+      --menuitem-image: url("./icons/tab-multiple.svg");
+    }
 
-#context_closeTab {
-  --menuitem-image: url("chrome://global/skin/icons/close.svg");
-}
+    #context_closeTab {
+      --menuitem-image: url("chrome://global/skin/icons/close.svg");
+    }
 
-#context_undoCloseTab {
-  --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-}
+    #context_undoCloseTab {
+      --menuitem-image: url("chrome://global/skin/icons/undo.svg");
+    }
 
-/*= new-tab-button-popup =====================================================*/
-#new-tab-button-popup > menuitem[command="Browser:OpenAboutContainers"],
+    /*= new-tab-button-popup =====================================================*/
+    #new-tab-button-popup > menuitem[command="Browser:OpenAboutContainers"],
 .new-tab-popup > menuitem[command="Browser:OpenAboutContainers"] {
-  --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-}
+      --menuitem-image: url("chrome://global/skin/icons/settings.svg");
+    }
 
-/*= toolbar-context-menu =====================================================*/
-.customize-context-manageExtension {
-  --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-}
+    /*= toolbar-context-menu =====================================================*/
+    .customize-context-manageExtension {
+      --menuitem-image: url("chrome://global/skin/icons/settings.svg");
+    }
 
-.customize-context-removeExtension {
-  --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-}
+    .customize-context-removeExtension {
+      --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+    }
 
-.customize-context-reportExtension {
-  --menuitem-image: url("./icons/send.svg");
-}
+    .customize-context-reportExtension {
+      --menuitem-image: url("./icons/send.svg");
+    }
 
-.customize-context-moveToPanel {
-  --menuitem-image: url("chrome://browser/skin/pin-12.svg");
-}
+    .customize-context-moveToPanel {
+      --menuitem-image: url("chrome://browser/skin/pin-12.svg");
+    }
 
-.toolbar-context-autohide-downloads-button {
-  --menuitem-image: url("./icons/password-hide.svg");
-}
+    .toolbar-context-autohide-downloads-button {
+      --menuitem-image: url("./icons/password-hide.svg");
+    }
 
-.customize-context-removeFromToolbar {
-  --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-}
+    .customize-context-removeFromToolbar {
+      --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+    }
 
-#toolbar-context-openANewTab {
-  --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-}
+    #toolbar-context-openANewTab {
+      --menuitem-image: url("chrome://browser/skin/new-tab.svg");
+    }
 
-#toolbar-context-reloadSelectedTab,
+    #toolbar-context-reloadSelectedTab,
 #toolbar-context-reloadSelectedTabs {
-  --menuitem-image: url("./icons/reload.svg");
-}
+      --menuitem-image: url("./icons/reload.svg");
+    }
 
-#toolbar-context-bookmarkSelectedTab,
+    #toolbar-context-bookmarkSelectedTab,
 #toolbar-context-bookmarkSelectedTabs {
-  --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-}
+      --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+    }
 
-#toolbar-context-selectAllTabs {
-  --menuitem-image: url("./icons/tab-multiple.svg");
-}
+    #toolbar-context-selectAllTabs {
+      --menuitem-image: url("./icons/tab-multiple.svg");
+    }
 
-#toolbar-context-undoCloseTab {
-  --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-}
+    #toolbar-context-undoCloseTab {
+      --menuitem-image: url("chrome://global/skin/icons/undo.svg");
+    }
 
-#toggle_toolbar-menubar {
-  /* checkbox */
-  /* --menuitem-image: url("./icons/calendar-agenda.svg"); */
-}
+    #toggle_toolbar-menubar {
+      /* checkbox */
+      /* --menuitem-image: url("./icons/calendar-agenda.svg"); */
+    }
 
-#toggle_PersonalToolbar {
-  /* Also placeContext */
-  --menuitem-image: url("chrome://browser/skin/bookmarks-toolbar.svg");
-}
+    #toggle_PersonalToolbar {
+      /* Also placeContext */
+      --menuitem-image: url("chrome://browser/skin/bookmarks-toolbar.svg");
+    }
 
-menuitem.viewCustomizeToolbar {
-  --menuitem-image: url("chrome://browser/skin/customize.svg");
-}
+    menuitem.viewCustomizeToolbar {
+      --menuitem-image: url("chrome://browser/skin/customize.svg");
+    }
 
-/*= contentAreaContextMenu ===================================================*/
-#context-viewsource-goToLine {
-  --menuitem-image: url("./icons/text-number-format.svg");
-}
+    /*= contentAreaContextMenu ===================================================*/
+    #context-viewsource-goToLine {
+      --menuitem-image: url("./icons/text-number-format.svg");
+    }
 
-#context-viewsource-wrapLongLines {
-  /* checkbox */
-  /* --menuitem-image: url("./icons/arrow-sort-down-lines.svg"); */
-}
+    #context-viewsource-wrapLongLines {
+      /* checkbox */
+      /* --menuitem-image: url("./icons/arrow-sort-down-lines.svg"); */
+    }
 
-#context-viewsource-highlightSyntax {
-  /* checkbox */
-  /* --menuitem-image: url("./icons/code.svg"); */
-}
+    #context-viewsource-highlightSyntax {
+      /* checkbox */
+      /* --menuitem-image: url("./icons/code.svg"); */
+    }
 
-#spell-no-suggestions {
-  --menuitem-image: url("./icons/text-proofing-tools.svg");
-}
+    #spell-no-suggestions {
+      --menuitem-image: url("./icons/text-proofing-tools.svg");
+    }
 
-#spell-add-to-dictionary {
-  --menuitem-image: url("./icons/book-add.svg");
-}
+    #spell-add-to-dictionary {
+      --menuitem-image: url("./icons/book-add.svg");
+    }
 
-#spell-undo-add-to-dictionary {
-  --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-}
+    #spell-undo-add-to-dictionary {
+      --menuitem-image: url("chrome://global/skin/icons/undo.svg");
+    }
 
-#context-openlinkincurrent {
-  --menuitem-image: url("./icons/link-square.svg");
-}
+    #context-openlinkincurrent {
+      --menuitem-image: url("./icons/link-square.svg");
+    }
 
-#context-openlinkincontainertab {
-  --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-}
+    #context-openlinkincontainertab {
+      --menuitem-image: url("chrome://browser/skin/new-tab.svg");
+    }
 
-#context-openlinkintab {
-  --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-}
+    #context-openlinkintab {
+      --menuitem-image: url("chrome://browser/skin/new-tab.svg");
+    }
 
-#context-openlinkinusercontext-menu {
-  --menuitem-image: url("./icons/container-openin-16.svg");
-}
+    #context-openlinkinusercontext-menu {
+      --menuitem-image: url("./icons/container-openin-16.svg");
+    }
 
-#context-openlink {
-  --menuitem-image: url("chrome://browser/skin/window.svg");
-}
+    #context-openlink {
+      --menuitem-image: url("chrome://browser/skin/window.svg");
+    }
 
-#context-openlinkprivate {
-  --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
-}
+    #context-openlinkprivate {
+      --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
+    }
 
-#context-bookmarklink {
-  --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-}
+    #context-bookmarklink {
+      --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+    }
 
-#context-savelink {
-  --menuitem-image: url("chrome://browser/skin/save.svg");
-}
+    #context-savelink {
+      --menuitem-image: url("chrome://browser/skin/save.svg");
+    }
 
-#context-savelinktopocket {
-  --menuitem-image: url("./icons/pocket-outline.svg");
-}
+    #context-savelinktopocket {
+      --menuitem-image: url("./icons/pocket-outline.svg");
+    }
 
-#context-copyemail {
-  --menuitem-image: url("chrome://browser/skin/mail.svg");
-}
+    #context-copyemail {
+      --menuitem-image: url("chrome://browser/skin/mail.svg");
+    }
 
-#context-copylink {
-  --menuitem-image: url("./icons/link.svg");
-}
+    #context-copylink {
+      --menuitem-image: url("./icons/link.svg");
+    }
 
-#context-sendlinktodevice {
-  --menuitem-image: url("./icons/send-to-device.svg");
-}
+    #context-sendlinktodevice {
+      --menuitem-image: url("./icons/send-to-device.svg");
+    }
 
-#context-media-play {
-  --menuitem-image: url("chrome://global/skin/media/play-fill.svg");
-}
+    #context-media-play {
+      --menuitem-image: url("chrome://global/skin/media/play-fill.svg");
+    }
 
-#context-media-pause {
-  --menuitem-image: url("chrome://global/skin/media/pause-fill.svg");
-}
+    #context-media-pause {
+      --menuitem-image: url("chrome://global/skin/media/pause-fill.svg");
+    }
 
-#context-media-mute {
-  --menuitem-image: url("chrome://global/skin/media/audio-muted.svg");
-}
+    #context-media-mute {
+      --menuitem-image: url("chrome://global/skin/media/audio-muted.svg");
+    }
 
-#context-media-unmute {
-  --menuitem-image: url("chrome://global/skin/media/audio.svg");
-}
+    #context-media-unmute {
+      --menuitem-image: url("chrome://global/skin/media/audio.svg");
+    }
 
-#context-media-playbackrate {
-  --menuitem-image: url("./icons/time-picker.svg");
-}
+    #context-media-playbackrate {
+      --menuitem-image: url("./icons/time-picker.svg");
+    }
 
-#context-media-loop {
-  /* checkbox */
-  /* --menuitem-image: url("./icons/arrow-repeat-all.svg"); */
-}
+    #context-media-loop {
+      /* checkbox */
+      /* --menuitem-image: url("./icons/arrow-repeat-all.svg"); */
+    }
 
-#context-leave-dom-fullscreen {
-  --menuitem-image: url("chrome://global/skin/media/fullscreenExitButton.svg");
-}
+    #context-leave-dom-fullscreen {
+      --menuitem-image: url("chrome://global/skin/media/fullscreenExitButton.svg");
+    }
 
-#context-video-fullscreen {
-  --menuitem-image: url("chrome://global/skin/media/fullscreenEnterButton.svg");
-}
+    #context-video-fullscreen {
+      --menuitem-image: url("chrome://global/skin/media/fullscreenEnterButton.svg");
+    }
 
-#context-media-hidecontrols {
-  --menuitem-image: url("./icons/eye-hide.svg");
-}
+    #context-media-hidecontrols {
+      --menuitem-image: url("./icons/eye-hide.svg");
+    }
 
-#context-media-showcontrols {
-  --menuitem-image: url("./icons/eye-show.svg");
-}
+    #context-media-showcontrols {
+      --menuitem-image: url("./icons/eye-show.svg");
+    }
 
-#context-viewvideo {
-  --menuitem-image: url("./icons/video.svg");
-}
+    #context-viewvideo {
+      --menuitem-image: url("./icons/video.svg");
+    }
 
-#context-video-pictureinpicture {
-  /* checkbox */
-  /* --menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); */
-}
+    #context-video-pictureinpicture {
+      /* checkbox */
+      /* --menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); */
+    }
 
-#context-reloadimage {
-  --menuitem-image: url("./icons/image-arrow-counterclockwise.svg");
-}
+    #context-reloadimage {
+      --menuitem-image: url("./icons/image-arrow-counterclockwise.svg");
+    }
 
-#context-viewimage {
-  --menuitem-image: url("./icons/image-add.svg");
-}
+    #context-viewimage {
+      --menuitem-image: url("./icons/image-add.svg");
+    }
 
-#context-saveimage {
-  --menuitem-image: url("./icons/image.svg");
-}
+    #context-saveimage {
+      --menuitem-image: url("./icons/image.svg");
+    }
 
-#context-video-saveimage {
-  --menuitem-image: url("./icons/video-snapshot.svg");
-}
+    #context-video-saveimage {
+      --menuitem-image: url("./icons/video-snapshot.svg");
+    }
 
-#context-savevideo {
-  --menuitem-image: url("./icons/video.svg");
-}
+    #context-savevideo {
+      --menuitem-image: url("./icons/video.svg");
+    }
 
-#context-saveaudio {
-  --menuitem-image: url("chrome://global/skin/media/audio.svg");
-}
+    #context-saveaudio {
+      --menuitem-image: url("chrome://global/skin/media/audio.svg");
+    }
 
-#context-copyimage-contents {
-  --menuitem-image: url("./icons/image-copy.svg");
-}
+    #context-copyimage-contents {
+      --menuitem-image: url("./icons/image-copy.svg");
+    }
 
-#context-copyimage,
+    #context-copyimage,
 #context-copyvideourl,
 #context-copyaudiourl {
-  --menuitem-image: url("./icons/link.svg");
-}
+      --menuitem-image: url("./icons/link.svg");
+    }
 
-#context-sendimage,
+    #context-sendimage,
 #context-sendvideo,
 #context-sendaudio {
-  --menuitem-image: url("chrome://browser/skin/mail.svg");
-}
+      --menuitem-image: url("chrome://browser/skin/mail.svg");
+    }
 
-#context-viewimageinfo {
-  --menuitem-image: url("chrome://global/skin/icons/info.svg");
-}
+    #context-viewimageinfo {
+      --menuitem-image: url("chrome://global/skin/icons/info.svg");
+    }
 
-#context-viewimagedesc {
-  --menuitem-image: url("./icons/image-alt-text.svg");
-}
+    #context-viewimagedesc {
+      --menuitem-image: url("./icons/image-alt-text.svg");
+    }
 
-#context-setDesktopBackground {
-  --menuitem-image: url("./icons/resize-image.svg");
-}
+    #context-setDesktopBackground {
+      --menuitem-image: url("./icons/resize-image.svg");
+    }
 
-#context-ctp-play {
-  --menuitem-image: url("chrome://global/skin/icons/plugin.svg");
-}
+    #context-ctp-play {
+      --menuitem-image: url("chrome://global/skin/icons/plugin.svg");
+    }
 
-#context-ctp-hide {
-  --menuitem-image: url("chrome://global/skin/icons/plugin-blocked.svg");
-}
+    #context-ctp-hide {
+      --menuitem-image: url("chrome://global/skin/icons/plugin-blocked.svg");
+    }
 
-#context-savepage {
-  --menuitem-image: url("chrome://browser/skin/save.svg");
-}
+    #context-savepage {
+      --menuitem-image: url("chrome://browser/skin/save.svg");
+    }
 
-#context-pocket {
-  --menuitem-image: url("./icons/pocket-outline.svg");
-}
+    #context-pocket {
+      --menuitem-image: url("./icons/pocket-outline.svg");
+    }
 
-#context-sendpagetodevice {
-  --menuitem-image: url("./icons/send-to-device.svg");
-}
+    #context-sendpagetodevice {
+      --menuitem-image: url("./icons/send-to-device.svg");
+    }
 
-#fill-login {
-  --menuitem-image: url("./icons/password.svg");
-}
+    #fill-login {
+      --menuitem-image: url("./icons/password.svg");
+    }
 
-#fill-login-generated-password {
-  --menuitem-image: url("chrome://browser/skin/login.svg");
-}
+    #fill-login-generated-password {
+      --menuitem-image: url("chrome://browser/skin/login.svg");
+    }
 
-#manage-saved-logins {
-  --menuitem-image: url("./icons/key-multiple.svg");
-}
+    #manage-saved-logins {
+      --menuitem-image: url("./icons/key-multiple.svg");
+    }
 
-#context-undo {
-  --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-}
+    #context-undo {
+      --menuitem-image: url("chrome://global/skin/icons/undo.svg");
+    }
 
-#context-cut {
-  --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-}
+    #context-cut {
+      --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
+    }
 
-#context-copy {
-  --menuitem-image: url("./icons/edit-copy.svg");
-}
+    #context-copy {
+      --menuitem-image: url("./icons/edit-copy.svg");
+    }
 
-#context-paste {
-  --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-}
+    #context-paste {
+      --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
+    }
 
-#context-delete {
-  --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-}
+    #context-delete {
+      --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+    }
 
-#context-selectall {
-  --menuitem-image: url("./icons/select-all-on.svg");
-}
+    #context-selectall {
+      --menuitem-image: url("./icons/select-all-on.svg");
+    }
 
-#context-print-selection {
-  --menuitem-image: url("chrome://global/skin/icons/print.svg");
-}
+    #context-print-selection {
+      --menuitem-image: url("chrome://global/skin/icons/print.svg");
+    }
 
-#context-take-screenshot {
-  --menuitem-image: url("chrome://browser/skin/screenshot.svg");
-}
+    #context-take-screenshot {
+      --menuitem-image: url("chrome://browser/skin/screenshot.svg");
+    }
 
-#context-keywordfield {
-  --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-}
+    #context-keywordfield {
+      --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+    }
 
-#context-searchselect,
+    #context-searchselect,
 #context-searchselect-private {
-  --menuitem-image: url("chrome://global/skin/icons/search-glass.svg");
-}
+      --menuitem-image: url("chrome://global/skin/icons/search-glass.svg");
+    }
 
-#frame {
-  --menuitem-image: url("./icons/command-frames.svg");
-}
+    #frame {
+      --menuitem-image: url("./icons/command-frames.svg");
+    }
 
-#spell-check-enabled {
-  /* checkbox */
-}
+    #spell-check-enabled {
+      /* checkbox */
+    }
 
-#spell-add-dictionaries-main {
-  --menuitem-image: url("./icons/book-add.svg");
-}
+    #spell-add-dictionaries-main {
+      --menuitem-image: url("./icons/book-add.svg");
+    }
 
-#spell-dictionaries {
-  --menuitem-image: url("./icons/book.svg");
-}
+    #spell-dictionaries {
+      --menuitem-image: url("./icons/book.svg");
+    }
 
-#context-bidi-text-direction-toggle {
-  --menuitem-image: url("./icons/text-direction-horizontal-ltr.svg");
-}
+    #context-bidi-text-direction-toggle {
+      --menuitem-image: url("./icons/text-direction-horizontal-ltr.svg");
+    }
 
-#context-bidi-page-direction-toggle {
-  --menuitem-image: url("./icons/document-landscape-split-hint.svg");
-}
+    #context-bidi-page-direction-toggle {
+      --menuitem-image: url("./icons/document-landscape-split-hint.svg");
+    }
 
-#context-viewpartialsource-selection,
+    #context-viewpartialsource-selection,
 #context-viewsource {
-  --menuitem-image: url("./icons/document-search.svg");
-}
+      --menuitem-image: url("./icons/document-search.svg");
+    }
 
-#context-inspect-a11y {
-  --menuitem-image: url("chrome://devtools/skin/images/tool-accessibility.svg");
-}
+    #context-inspect-a11y {
+      --menuitem-image: url("chrome://devtools/skin/images/tool-accessibility.svg");
+    }
 
-#context-inspect {
-  --menuitem-image: url("./icons/command-pick.svg");
-}
+    #context-inspect {
+      --menuitem-image: url("./icons/command-pick.svg");
+    }
 
-#context-media-eme-learnmore {
-  /* iconic */
-}
+    #context-media-eme-learnmore {
+      /* iconic */
+    }
 
-@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
-  #context-back {
-    --menuitem-image: url("chrome://browser/skin/back.svg");
-  }
+    @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+      #context-back {
+        --menuitem-image: url("chrome://browser/skin/back.svg");
+      }
 
-  #context-forward {
-    --menuitem-image: url("chrome://browser/skin/forward.svg");
-  }
+      #context-forward {
+        --menuitem-image: url("chrome://browser/skin/forward.svg");
+      }
 
-  #context-reload {
-    --menuitem-image: url("./icons/reload.svg");
-  }
+      #context-reload {
+        --menuitem-image: url("./icons/reload.svg");
+      }
 
-  #context-stop {
-    --menuitem-image: url("chrome://global/skin/icons/close.svg");
-  }
+      #context-stop {
+        --menuitem-image: url("chrome://global/skin/icons/close.svg");
+      }
 
-  #context-bookmarkpage {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-}
-/*= placeContext =============================================================*/
-#placesContext_open {
-  --menuitem-image: url("./icons/link-square.svg");
-}
+      #context-bookmarkpage {
+        --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+      }
+    }
+    /*= placeContext =============================================================*/
+    #placesContext_open {
+      --menuitem-image: url("./icons/link-square.svg");
+    }
 
-#placesContext_openBookmarkContainer\:tabs,
+    #placesContext_openBookmarkContainer\:tabs,
 #placesContext_openBookmarkLinks\:tabs {
-  --menuitem-image: url("./icons/movetowindow-16.svg");
-}
+      --menuitem-image: url("./icons/movetowindow-16.svg");
+    }
 
-#placesContext_open\:newtab,
+    #placesContext_open\:newtab,
 #placesContext_openContainer\:tabs,
 #placesContext_openLinks\:tabs {
-  --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-}
+      --menuitem-image: url("chrome://browser/skin/new-tab.svg");
+    }
 
-#placesContext_open\:newwindow {
-  --menuitem-image: url("chrome://browser/skin/window.svg");
-}
+    #placesContext_open\:newwindow {
+      --menuitem-image: url("chrome://browser/skin/window.svg");
+    }
 
-#placesContext_open\:newprivatewindow {
-  --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
-}
+    #placesContext_open\:newprivatewindow {
+      --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
+    }
 
-#placesContext_show_bookmark\:info,
+    #placesContext_show_bookmark\:info,
 #placesContext_show\:info,
 #placesContext_show_folder\:info {
-  --menuitem-image: url("chrome://global/skin/icons/edit.svg");
-}
+      --menuitem-image: url("chrome://global/skin/icons/edit.svg");
+    }
 
-#placesContext_deleteBookmark,
+    #placesContext_deleteBookmark,
 #placesContext_deleteFolder,
 #placesContext_delete,
 #placesContext_delete_history {
-  --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-}
+      --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+    }
 
-#placesContext_deleteHost {
-  --menuitem-image: url("./icons/eye-hide.svg");
-}
+    #placesContext_deleteHost {
+      --menuitem-image: url("./icons/eye-hide.svg");
+    }
 
-#placesContext_sortBy\:name {
-  --menuitem-image: url("./icons/text-sort-ascending.svg");
-}
+    #placesContext_sortBy\:name {
+      --menuitem-image: url("./icons/text-sort-ascending.svg");
+    }
 
-#placesContext_cut {
-  --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-}
+    #placesContext_cut {
+      --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
+    }
 
-#placesContext_copy {
-  --menuitem-image: url("./icons/edit-copy.svg");
-}
+    #placesContext_copy {
+      --menuitem-image: url("./icons/edit-copy.svg");
+    }
 
-#placesContext_paste_group {
-  --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-}
+    #placesContext_paste_group {
+      --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
+    }
 
-#placesContext_new\:bookmark {
-  --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-}
+    #placesContext_new\:bookmark {
+      --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+    }
 
-#placesContext_new\:folder {
-  --menuitem-image: url("chrome://global/skin/icons/folder.svg");
-}
+    #placesContext_new\:folder {
+      --menuitem-image: url("./icons/folder.svg");
+    }
 
-#placesContext_new\:separator {
-  --menuitem-image: url("./icons/vertical-line.svg");
-}
+    #placesContext_new\:separator {
+      --menuitem-image: url("./icons/vertical-line.svg");
+    }
 
-#placesContext_paste {
-  --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-}
+    #placesContext_paste {
+      --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
+    }
 
-#placesContext_createBookmark {
-  --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-}
+    #placesContext_createBookmark {
+      --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+    }
 
-#show-other-bookmarks_PersonalToolbar {
-  /* checkbox */
-  /* --menuitem-image: url("./icons/star-line-horizontal.svg"); */
-}
+    #show-other-bookmarks_PersonalToolbar {
+      /* checkbox */
+      /* --menuitem-image: url("./icons/star-line-horizontal.svg"); */
+    }
 
-#placesContext_showAllBookmarks {
-  --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
-}
+    #placesContext_showAllBookmarks {
+      --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
+    }
 
-.openintabs-menuitem {
-  --menuitem-image: url("./icons/movetowindow-16.svg");
-}
+    .openintabs-menuitem {
+      --menuitem-image: url("./icons/movetowindow-16.svg");
+    }
 
-/*= blockedPopupOptions ======================================================*/
-#blockedPopupAllowSite {
-  --menuitem-image: url("chrome://global/skin/icons/check.svg");
-}
+    /*= blockedPopupOptions ======================================================*/
+    #blockedPopupAllowSite {
+      --menuitem-image: url("chrome://global/skin/icons/check.svg");
+    }
 
-#blockedPopupOptions > menuitem[oncommand="gPopupBlockerObserver.editPopupSettings();"] {
-  --menuitem-image: url("chrome://global/skin/icons/edit.svg");
-}
+    #blockedPopupOptions > menuitem[oncommand="gPopupBlockerObserver.editPopupSettings();"] {
+      --menuitem-image: url("chrome://global/skin/icons/edit.svg");
+    }
 
-#blockedPopupDontShowMessage {
-  /* checkbox */
-  --menuitem-image: url("chrome://global/skin/icons/blocked.svg");
-}
+    #blockedPopupDontShowMessage {
+      /* checkbox */
+      --menuitem-image: url("chrome://global/skin/icons/blocked.svg");
+    }
 
-/*= autohide-context =========================================================*/
-#autohide-context > menuitem[data-l10n-id=full-screen-autohide] {
-  /* checkbox */
-}
+    /*= autohide-context =========================================================*/
+    #autohide-context > menuitem[data-l10n-id=full-screen-autohide] {
+      /* checkbox */
+    }
 
-#autohide-context > menuitem[data-l10n-id=full-screen-exit] {
-  --menuitem-image: url("chrome://browser/skin/fullscreen-exit.svg");
-}
+    #autohide-context > menuitem[data-l10n-id=full-screen-exit] {
+      --menuitem-image: url("chrome://browser/skin/fullscreen-exit.svg");
+    }
 
-/*= pictureInPictureToggleContextMenu ========================================*/
-#pictureInPictureToggleContextMenu > menuitem[oncommand="PictureInPicture.hideToggle();"] {
-  --menuitem-image: url("./icons/eye-hide.svg");
-}
+    /*= pictureInPictureToggleContextMenu ========================================*/
+    #pictureInPictureToggleContextMenu > menuitem[oncommand="PictureInPicture.hideToggle();"] {
+      --menuitem-image: url("./icons/eye-hide.svg");
+    }
 
-/*= pageActionContextMenu ====================================================*/
-.pageActionContextMenuItem.extensionPinned.extensionUnpinned.manageExtensionItem {
-  --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-}
+    /*= pageActionContextMenu ====================================================*/
+    .pageActionContextMenuItem.extensionPinned.extensionUnpinned.manageExtensionItem {
+      --menuitem-image: url("chrome://global/skin/icons/settings.svg");
+    }
 
-.pageActionContextMenuItem.extensionPinned.extensionUnpinned.removeExtensionItem {
-  --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-}
+    .pageActionContextMenuItem.extensionPinned.extensionUnpinned.removeExtensionItem {
+      --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+    }
 
-/*= customizationPanelItemContextMenu ========================================*/
-#customizationPanelItemContextMenuUnpin {
-  --menuitem-image: url("./icons/unpin-tab.svg");
-}
+    /*= customizationPanelItemContextMenu ========================================*/
+    #customizationPanelItemContextMenuUnpin {
+      --menuitem-image: url("./icons/unpin-tab.svg");
+    }
 
-.customize-context-removeFromPanel {
-  --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-}
+    .customize-context-removeFromPanel {
+      --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+    }
 
-/*= customizationPaletteItemContextMenu ======================================*/
-.customize-context-addToToolbar {
-  --menuitem-image: url("chrome://devtools/skin/images/dock-bottom.svg");
-}
+    /*= customizationPaletteItemContextMenu ======================================*/
+    .customize-context-addToToolbar {
+      --menuitem-image: url("chrome://devtools/skin/images/dock-bottom.svg");
+    }
 
-.customize-context-addToPanel {
-  --menuitem-image: url("chrome://browser/skin/menu.svg");
-}
+    .customize-context-addToPanel {
+      --menuitem-image: url("chrome://browser/skin/menu.svg");
+    }
 
-/*= customizationPanelContextMenu ============================================*/
-#customizationPanelContextMenu > menuitem[command=cmd_CustomizeToolbars] {
-  --menuitem-image: url("chrome://browser/skin/customize.svg");
-}
+    /*= customizationPanelContextMenu ============================================*/
+    #customizationPanelContextMenu > menuitem[command=cmd_CustomizeToolbars] {
+      --menuitem-image: url("chrome://browser/skin/customize.svg");
+    }
 
-/*= downloads-button-autohide-panel ==========================================*/
-#downloads-button-autohide-checkbox {
-  /* checkbox */
-}
+    /*= downloads-button-autohide-panel ==========================================*/
+    #downloads-button-autohide-checkbox {
+      /* checkbox */
+    }
 
-/*= downloadsContextMenu =====================================================*/
-.downloadPauseMenuItem {
-  --menuitem-image: url("chrome://global/skin/media/pause-fill.svg");
-}
+    /*= downloadsContextMenu =====================================================*/
+    .downloadPauseMenuItem {
+      --menuitem-image: url("chrome://global/skin/media/pause-fill.svg");
+    }
 
-.downloadResumeMenuItem {
-  --menuitem-image: url("chrome://global/skin/media/play-fill.svg");
-}
+    .downloadResumeMenuItem {
+      --menuitem-image: url("chrome://global/skin/media/play-fill.svg");
+    }
 
-.downloadUnblockMenuItem {
-  --menuitem-image: url("./icons/checkmark-circle.svg");
-}
+    .downloadUnblockMenuItem {
+      --menuitem-image: url("./icons/checkmark-circle.svg");
+    }
 
-.downloadUseSystemDefaultMenuItem {
-  --menuitem-image: url("chrome://browser/skin/open.svg");
-}
+    .downloadUseSystemDefaultMenuItem {
+      --menuitem-image: url("chrome://browser/skin/open.svg");
+    }
 
-.downloadAlwaysUseSystemDefaultMenuItem {
-  /* checkbox */
-}
+    .downloadAlwaysUseSystemDefaultMenuItem {
+      /* checkbox */
+    }
 
-.downloadShowMenuItem {
-  --menuitem-image: url("chrome://global/skin/icons/folder.svg");
-}
+    .downloadShowMenuItem {
+      --menuitem-image: url("./icons/folder.svg");
+    }
 
-#downloadsContextMenu > menuitem[command=downloadsCmd_openReferrer] {
-  --menuitem-image: url("./icons/link-square.svg");
-}
+    #downloadsContextMenu > menuitem[command=downloadsCmd_openReferrer] {
+      --menuitem-image: url("./icons/link-square.svg");
+    }
 
-#downloadsContextMenu > menuitem[command=downloadsCmd_copyLocation] {
-  --menuitem-image: url("./icons/link.svg");
-}
+    #downloadsContextMenu > menuitem[command=downloadsCmd_copyLocation] {
+      --menuitem-image: url("./icons/link.svg");
+    }
 
-.downloadRemoveFromHistoryMenuItem {
-  --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-}
+    .downloadDeleteFileMenuItem {
+      --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+    }
 
-#downloadsContextMenu > menuitem[command=downloadsCmd_clearList],
+    .downloadRemoveFromHistoryMenuItem {
+      --menuitem-image: url("./icons/eraser.svg");
+    }
+
+    #downloadsContextMenu > menuitem[command=downloadsCmd_clearList],
 #downloadsContextMenu > menuitem[command=downloadsCmd_clearDownloads] {
-  --menuitem-image: url("./icons/broom.svg");
-}
-
-/*= SyncedTabsSidebarContext =================================================*/
-#syncedTabsOpenSelected {
-  --menuitem-image: url("./icons/link-square.svg");
-}
-
-#syncedTabsOpenSelectedInTab {
-  --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-}
-
-#syncedTabsOpenSelectedInWindow {
-  --menuitem-image: url("chrome://browser/skin/window.svg");
-}
-
-#syncedTabsOpenSelectedInPrivateWindow {
-  --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
-}
-
-#syncedTabsBookmarkSelected {
-  --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-}
-
-#syncedTabsCopySelected {
-  --menuitem-image: url("./icons/link.svg");
-}
-
-#syncedTabsOpenAllInTabs {
-  --menuitem-image: url("./icons/movetowindow-16.svg");
-}
-
-#syncedTabsManageDevices {
-  --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-}
-
-#syncedTabsRefresh {
-  --menuitem-image: url("chrome://browser/skin/sync.svg");
-}
-
-/*= SyncedTabsSidebarTabsFilterContext =======================================*/
-#SyncedTabsSidebarTabsFilterContext > menuitem[cmd=cmd_undo] {
-  --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-}
-
-#SyncedTabsSidebarTabsFilterContext > menuitem[cmd=cmd_cut] {
-  --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-}
-
-#SyncedTabsSidebarTabsFilterContext > menuitem[cmd=cmd_copy] {
-  --menuitem-image: url("./icons/edit-copy.svg");
-}
-
-#SyncedTabsSidebarTabsFilterContext > menuitem[cmd=cmd_paste] {
-  --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-}
-
-#SyncedTabsSidebarTabsFilterContext > menuitem[cmd=cmd_delete] {
-  --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-}
-
-#SyncedTabsSidebarTabsFilterContext > menuitem[cmd=cmd_selectAll] {
-  --menuitem-image: url("./icons/select-all-on.svg");
-}
-
-#syncedTabsRefreshFilter {
-  --menuitem-image: url("chrome://browser/skin/sync.svg");
-}
-
-/*= urlbar-input-container ===================================================*/
-#urlbar-input-container .textbox-contextmenu menuitem[cmd=cmd_undo] {
-  --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-}
-
-#urlbar-input-container .textbox-contextmenu menuitem[cmd=cmd_cut] {
-  --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-}
-
-#urlbar-input-container .textbox-contextmenu menuitem[cmd=cmd_copy] {
-  --menuitem-image: url("./icons/edit-copy.svg");
-}
-
-#urlbar-input-container .textbox-contextmenu menuitem[cmd=cmd_paste] {
-  --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-}
-
-#urlbar-input-container .textbox-contextmenu menuitem[cmd=cmd_delete] {
-  --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-}
-
-#urlbar-input-container .textbox-contextmenu menuitem[cmd=cmd_selectAll] {
-  --menuitem-image: url("./icons/select-all-on.svg");
-}
-
-/*= textbox-contextmenu ======================================================*/
-/* Browser's Searchbar, Libray's Searchbar, Page Info */
-.textbox-contextmenu > menuitem[data-l10n-id=text-action-undo] {
-  --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-}
-
-.textbox-contextmenu > menuitem[data-l10n-id=text-action-cut] {
-  --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-}
-
-.textbox-contextmenu > menuitem[data-l10n-id=text-action-copy] {
-  --menuitem-image: url("./icons/edit-copy.svg");
-}
-
-.textbox-contextmenu > menuitem[data-l10n-id=text-action-paste] {
-  --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-}
-
-.textbox-contextmenu > menuitem[data-l10n-id=text-action-delete] {
-  --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-}
-
-.textbox-contextmenu > menuitem[data-l10n-id=text-action-select-all] {
-  --menuitem-image: url("./icons/select-all-on.svg");
-}
-
-/* Only searchbar */
-menuitem.searchbar-clear-history {
-  --menuitem-image: url("chrome://browser/skin/forget.svg");
-}
-
-/*= context_sendTabToDevicePopupMenu =========================================*/
-menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target[clientType=phone] {
-  --menuitem-image: url("chrome://browser/skin/device-phone.svg");
-}
-
-menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target[clientType=tablet] {
-  --menuitem-image: url("chrome://browser/skin/device-tablet.svg");
-}
-
-menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target[clientType=desktop] {
-  --menuitem-image: url("chrome://browser/skin/device-desktop.svg");
-}
-
-menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target[clientType=tv] {
-  --menuitem-image: url("chrome://browser/skin/device-tv.svg");
-}
-
-menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target[clientType=vr] {
-  --menuitem-image: url("chrome://browser/skin/device-vr.svg");
-}
-
-menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target[clientType=""] {
-  --menuitem-image: url("./icons/send-to-device.svg");
-}
-
-menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target:not([clientType]) {
-  --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-}
-
-/** Global Menu ***************************************************************/
-/*= main-menubar =============================================================*/
-#file-menu {
-  --menuitem-image: url("./icons/mail-inbox-all.svg");
-}
-
-#edit-menu {
-  --menuitem-image: url("chrome://global/skin/icons/edit.svg");
-}
-
-#view-menu {
-  --menuitem-image: url("./icons/content-view.svg");
-}
-
-#history-menu {
-  --menuitem-image: url("chrome://browser/skin/history.svg");
-}
-
-#bookmarksMenu {
-  --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-}
-
-#tools-menu {
-  --menuitem-image: url("./icons/toolbox.svg");
-}
-
-#helpMenu {
-  --menuitem-image: url("chrome://global/skin/icons/help.svg");
-}
-
-/*= menu_FilePopup ===========================================================*/
-#menu_newNavigatorTab {
-  --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-}
-
-#menu_newNavigator {
-  --menuitem-image: url("chrome://browser/skin/window.svg");
-}
-
-#menu_newPrivateWindow {
-  --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
-}
-
-#menu_openFile {
-  --menuitem-image: url("chrome://browser/skin/open.svg");
-}
-
-#menu_savePage {
-  --menuitem-image: url("chrome://browser/skin/save.svg");
-}
-
-#menu_sendLink {
-  --menuitem-image: url("chrome://browser/skin/mail.svg");
-}
-
-#menu_print {
-  --menuitem-image: url("chrome://global/skin/icons/print.svg");
-}
-
-#menu_importFromAnotherBrowser {
-  --menuitem-image: url("chrome://browser/skin/import.svg");
-}
-
-#menu_FileQuitItem {
-  --menuitem-image: url("./icons/quit.svg");
-}
-
-/* Mange Containers */
-#menu_newUserContext menupopup menuitem:last-child {
-  --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-}
-
-/*= menu_EditPopup ===========================================================*/
-#menu_undo {
-  --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-}
-
-#menu_cut {
-  --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-}
-
-#menu_copy {
-  --menuitem-image: url("./icons/edit-copy.svg");
-}
-
-#menu_paste {
-  --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-}
-
-#menu_delete {
-  --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-}
-
-#menu_selectAll {
-  --menuitem-image: url("./icons/select-all-on.svg");
-}
-
-#menu_find {
-  --menuitem-image: url("chrome://global/skin/icons/search-glass.svg");
-}
-
-#menu_preferences {
-  --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-}
-
-/*= menu_viewPopup ===========================================================*/
-#viewToolbarsMenu {
-  --menuitem-image: url("./icons/toolbar.svg");
-}
-
-#viewSidebarMenuMenu {
-  --menuitem-image: url("chrome://browser/skin/sidebars.svg");
-}
-
-#viewFullZoomMenu {
-  --menuitem-image: url("./icons/screenshot.svg");
-}
-
-#pageStyleMenu {
-  --menuitem-image: url("./icons/document-css.svg");
-}
-
-#repair-text-encoding {
-  --menuitem-image: url("chrome://browser/skin/characterEncoding.svg");
-}
-
-#fullScreenItem {
-  --menuitem-image: url("chrome://browser/skin/fullscreen.svg");
-}
-
-#menu_readerModeItem {
-  --menuitem-image: url("chrome://browser/skin/reader-mode.svg");
-}
-
-#documentDirection-swap {
-  --menuitem-image: url("./icons/text-direction-horizontal-ltr.svg");
-}
-
-/* view-menu-popup sub menu */
-#menu_customizeToolbars {
-  --menuitem-image: url("chrome://browser/skin/customize.svg");
-}
-
-/* viewFullZoomMenu sub menu */
-#menu_zoomEnlarge {
-  --menuitem-image: url("chrome://browser/skin/add-circle-fill.svg");
-}
-
-#menu_zoomReduce {
-  --menuitem-image: url("chrome://browser/skin/subtract-circle-fill.svg");
-}
-
-#menu_zoomReset {
-  --menuitem-image: url("./icons/resize.svg");
-}
-
-/*= goPopup ==================================================================*/
-#menu_showAllHistory {
-  --menuitem-image: url("chrome://browser/skin/history.svg");
-}
-
-#sanitizeItem {
-  --menuitem-image: url("chrome://browser/skin/forget.svg");
-}
-
-#sync-tabs-menuitem {
-  --menuitem-image: url("chrome://browser/skin/sync.svg");
-}
-
-#historyRestoreLastSession {
-  --menuitem-image: url("./icons/restore-session.svg");
-}
-
-#historyUndoMenu {
-  --menuitem-image: url("chrome://browser/skin/tab.svg");
-}
-
-#historyUndoWindowMenu {
-  --menuitem-image: url("chrome://browser/skin/window.svg");
-}
-
-/* sub menu */
-#historyUndoPopup .restoreallitem {
-  --menuitem-image: url("./icons/movetowindow-16.svg");
-}
-
-#historyUndoWindowPopup .restoreallitem {
-  --menuitem-image: url("./icons/restore-session.svg");
-}
-
-/*= bookmarksMenuPopup =======================================================*/
-#bookmarksShowAll {
-  --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
-}
-
-#menu_bookmarkThisPage,
+      --menuitem-image: url("./icons/broom.svg");
+    }
+
+    /*= SyncedTabsSidebarContext =================================================*/
+    #syncedTabsOpenSelected {
+      --menuitem-image: url("./icons/link-square.svg");
+    }
+
+    #syncedTabsOpenSelectedInTab {
+      --menuitem-image: url("chrome://browser/skin/new-tab.svg");
+    }
+
+    #syncedTabsOpenSelectedInWindow {
+      --menuitem-image: url("chrome://browser/skin/window.svg");
+    }
+
+    #syncedTabsOpenSelectedInPrivateWindow {
+      --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
+    }
+
+    #syncedTabsBookmarkSelected {
+      --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+    }
+
+    #syncedTabsCopySelected {
+      --menuitem-image: url("./icons/link.svg");
+    }
+
+    #syncedTabsOpenAllInTabs {
+      --menuitem-image: url("./icons/movetowindow-16.svg");
+    }
+
+    #syncedTabsManageDevices {
+      --menuitem-image: url("chrome://global/skin/icons/settings.svg");
+    }
+
+    #syncedTabsRefresh {
+      --menuitem-image: url("chrome://browser/skin/sync.svg");
+    }
+
+    /*= SyncedTabsSidebarTabsFilterContext =======================================*/
+    #SyncedTabsSidebarTabsFilterContext > menuitem[cmd=cmd_undo] {
+      --menuitem-image: url("chrome://global/skin/icons/undo.svg");
+    }
+
+    #SyncedTabsSidebarTabsFilterContext > menuitem[cmd=cmd_cut] {
+      --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
+    }
+
+    #SyncedTabsSidebarTabsFilterContext > menuitem[cmd=cmd_copy] {
+      --menuitem-image: url("./icons/edit-copy.svg");
+    }
+
+    #SyncedTabsSidebarTabsFilterContext > menuitem[cmd=cmd_paste] {
+      --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
+    }
+
+    #SyncedTabsSidebarTabsFilterContext > menuitem[cmd=cmd_delete] {
+      --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+    }
+
+    #SyncedTabsSidebarTabsFilterContext > menuitem[cmd=cmd_selectAll] {
+      --menuitem-image: url("./icons/select-all-on.svg");
+    }
+
+    #syncedTabsRefreshFilter {
+      --menuitem-image: url("chrome://browser/skin/sync.svg");
+    }
+
+    /*= urlbar-input-container ===================================================*/
+    #urlbar-input-container .textbox-contextmenu menuitem[cmd=cmd_undo] {
+      --menuitem-image: url("chrome://global/skin/icons/undo.svg");
+    }
+
+    #urlbar-input-container .textbox-contextmenu menuitem[cmd=cmd_cut] {
+      --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
+    }
+
+    #urlbar-input-container .textbox-contextmenu menuitem[cmd=cmd_copy] {
+      --menuitem-image: url("./icons/edit-copy.svg");
+    }
+
+    #urlbar-input-container .textbox-contextmenu menuitem[cmd=cmd_paste] {
+      --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
+    }
+
+    #urlbar-input-container .textbox-contextmenu menuitem[cmd=cmd_delete] {
+      --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+    }
+
+    #urlbar-input-container .textbox-contextmenu menuitem[cmd=cmd_selectAll] {
+      --menuitem-image: url("./icons/select-all-on.svg");
+    }
+
+    /*= textbox-contextmenu ======================================================*/
+    /* Browser's Searchbar, Libray's Searchbar, Page Info */
+    .textbox-contextmenu > menuitem[data-l10n-id=text-action-undo] {
+      --menuitem-image: url("chrome://global/skin/icons/undo.svg");
+    }
+
+    .textbox-contextmenu > menuitem[data-l10n-id=text-action-cut] {
+      --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
+    }
+
+    .textbox-contextmenu > menuitem[data-l10n-id=text-action-copy] {
+      --menuitem-image: url("./icons/edit-copy.svg");
+    }
+
+    .textbox-contextmenu > menuitem[data-l10n-id=text-action-paste] {
+      --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
+    }
+
+    .textbox-contextmenu > menuitem[data-l10n-id=text-action-delete] {
+      --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+    }
+
+    .textbox-contextmenu > menuitem[data-l10n-id=text-action-select-all] {
+      --menuitem-image: url("./icons/select-all-on.svg");
+    }
+
+    /* Only searchbar */
+    menuitem.searchbar-clear-history {
+      --menuitem-image: url("chrome://browser/skin/forget.svg");
+    }
+
+    /*= context_sendTabToDevicePopupMenu =========================================*/
+    menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target[clientType=phone] {
+      --menuitem-image: url("chrome://browser/skin/device-phone.svg");
+    }
+
+    menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target[clientType=tablet] {
+      --menuitem-image: url("chrome://browser/skin/device-tablet.svg");
+    }
+
+    menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target[clientType=desktop] {
+      --menuitem-image: url("chrome://browser/skin/device-desktop.svg");
+    }
+
+    menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target[clientType=tv] {
+      --menuitem-image: url("chrome://browser/skin/device-tv.svg");
+    }
+
+    menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target[clientType=vr] {
+      --menuitem-image: url("chrome://browser/skin/device-vr.svg");
+    }
+
+    menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target[clientType=""] {
+      --menuitem-image: url("./icons/send-to-device.svg");
+    }
+
+    menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > .sync-menuitem.sendtab-target:not([clientType]) {
+      --menuitem-image: url("chrome://global/skin/icons/settings.svg");
+    }
+  }
+  @supports -moz-bool-pref(userChrome.icon.global_menu) {
+    /** Global Menu ***************************************************************/
+    /*= main-menubar =============================================================*/
+    #file-menu {
+      --menuitem-image: url("./icons/mail-inbox-all.svg");
+    }
+
+    #edit-menu {
+      --menuitem-image: url("chrome://global/skin/icons/edit.svg");
+    }
+
+    #view-menu {
+      --menuitem-image: url("./icons/content-view.svg");
+    }
+
+    #history-menu {
+      --menuitem-image: url("chrome://browser/skin/history.svg");
+    }
+
+    #bookmarksMenu {
+      --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+    }
+
+    #tools-menu {
+      --menuitem-image: url("./icons/toolbox.svg");
+    }
+
+    #helpMenu {
+      --menuitem-image: url("chrome://global/skin/icons/help.svg");
+    }
+
+    /*= menu_FilePopup ===========================================================*/
+    #menu_newNavigatorTab {
+      --menuitem-image: url("chrome://browser/skin/new-tab.svg");
+    }
+
+    #menu_newNavigator {
+      --menuitem-image: url("chrome://browser/skin/window.svg");
+    }
+
+    #menu_newPrivateWindow {
+      --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
+    }
+
+    #menu_openFile {
+      --menuitem-image: url("chrome://browser/skin/open.svg");
+    }
+
+    #menu_savePage {
+      --menuitem-image: url("chrome://browser/skin/save.svg");
+    }
+
+    #menu_sendLink {
+      --menuitem-image: url("chrome://browser/skin/mail.svg");
+    }
+
+    #menu_print {
+      --menuitem-image: url("chrome://global/skin/icons/print.svg");
+    }
+
+    #menu_importFromAnotherBrowser {
+      --menuitem-image: url("chrome://browser/skin/import.svg");
+    }
+
+    #menu_FileQuitItem {
+      --menuitem-image: url("./icons/quit.svg");
+    }
+
+    /* Mange Containers */
+    #menu_newUserContext menupopup menuitem:last-child {
+      --menuitem-image: url("chrome://global/skin/icons/settings.svg");
+    }
+
+    /*= menu_EditPopup ===========================================================*/
+    #menu_undo {
+      --menuitem-image: url("chrome://global/skin/icons/undo.svg");
+    }
+
+    #menu_cut {
+      --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
+    }
+
+    #menu_copy {
+      --menuitem-image: url("./icons/edit-copy.svg");
+    }
+
+    #menu_paste {
+      --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
+    }
+
+    #menu_delete {
+      --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+    }
+
+    #menu_selectAll {
+      --menuitem-image: url("./icons/select-all-on.svg");
+    }
+
+    #menu_find {
+      --menuitem-image: url("chrome://global/skin/icons/search-glass.svg");
+    }
+
+    #menu_preferences {
+      --menuitem-image: url("chrome://global/skin/icons/settings.svg");
+    }
+
+    /*= menu_viewPopup ===========================================================*/
+    #viewToolbarsMenu {
+      --menuitem-image: url("./icons/toolbar.svg");
+    }
+
+    #viewSidebarMenuMenu {
+      --menuitem-image: url("chrome://browser/skin/sidebars.svg");
+    }
+
+    #viewFullZoomMenu {
+      --menuitem-image: url("./icons/screenshot.svg");
+    }
+
+    #pageStyleMenu {
+      --menuitem-image: url("./icons/document-css.svg");
+    }
+
+    #repair-text-encoding {
+      --menuitem-image: url("chrome://browser/skin/characterEncoding.svg");
+    }
+
+    #fullScreenItem {
+      --menuitem-image: url("chrome://browser/skin/fullscreen.svg");
+    }
+
+    #menu_readerModeItem {
+      --menuitem-image: url("chrome://browser/skin/reader-mode.svg");
+    }
+
+    #documentDirection-swap {
+      --menuitem-image: url("./icons/text-direction-horizontal-ltr.svg");
+    }
+
+    /* view-menu-popup sub menu */
+    #menu_customizeToolbars {
+      --menuitem-image: url("chrome://browser/skin/customize.svg");
+    }
+
+    /* viewFullZoomMenu sub menu */
+    #menu_zoomEnlarge {
+      --menuitem-image: url("chrome://browser/skin/add-circle-fill.svg");
+    }
+
+    #menu_zoomReduce {
+      --menuitem-image: url("chrome://browser/skin/subtract-circle-fill.svg");
+    }
+
+    #menu_zoomReset {
+      --menuitem-image: url("./icons/resize.svg");
+    }
+
+    /*= goPopup ==================================================================*/
+    #menu_showAllHistory {
+      --menuitem-image: url("chrome://browser/skin/history.svg");
+    }
+
+    #sanitizeItem {
+      --menuitem-image: url("chrome://browser/skin/forget.svg");
+    }
+
+    #sync-tabs-menuitem {
+      --menuitem-image: url("chrome://browser/skin/sync.svg");
+    }
+
+    #historyRestoreLastSession {
+      --menuitem-image: url("./icons/restore-session.svg");
+    }
+
+    #historyUndoMenu {
+      --menuitem-image: url("chrome://browser/skin/tab.svg");
+    }
+
+    #historyUndoWindowMenu {
+      --menuitem-image: url("chrome://browser/skin/window.svg");
+    }
+
+    /* sub menu */
+    #historyUndoPopup .restoreallitem {
+      --menuitem-image: url("./icons/movetowindow-16.svg");
+    }
+
+    #historyUndoWindowPopup .restoreallitem {
+      --menuitem-image: url("./icons/restore-session.svg");
+    }
+
+    /*= bookmarksMenuPopup =======================================================*/
+    #bookmarksShowAll {
+      --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
+    }
+
+    #menu_bookmarkThisPage,
 #menu_bookmarkAllTabs {
-  --menuitem-image: url("chrome://browser/skin/bookmark-hollow.svg");
-}
+      --menuitem-image: url("chrome://browser/skin/bookmark-hollow.svg");
+    }
 
-#menu_bookmarkThisPage[data-l10n-id=menu-bookmark-edit] {
-  --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-}
+    #menu_bookmarkThisPage[data-l10n-id=menu-bookmark-edit] {
+      --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+    }
 
-/*= menu_ToolsPopup ==========================================================*/
-#menu_openDownloads {
-  --menuitem-image: url("chrome://browser/skin/downloads/downloads.svg");
-}
+    /*= menu_ToolsPopup ==========================================================*/
+    #menu_openDownloads {
+      --menuitem-image: url("chrome://browser/skin/downloads/downloads.svg");
+    }
 
-#menu_openAddons {
-  --menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg");
-}
+    #menu_openAddons {
+      --menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg");
+    }
 
-#sync-setup {
-  --menuitem-image: url("chrome://browser/skin/fxa/avatar-empty.svg");
-}
+    #sync-setup {
+      --menuitem-image: url("chrome://browser/skin/fxa/avatar-empty.svg");
+    }
 
-#webDeveloperMenu,
+    #webDeveloperMenu,
 #browserToolsMenu {
-  --menuitem-image: url("./icons/developer.svg");
-}
+      --menuitem-image: url("./icons/developer.svg");
+    }
 
-#menu_pageInfo {
-  --menuitem-image: url("./icons/document-endnote.svg");
-}
+    #menu_pageInfo {
+      --menuitem-image: url("./icons/document-endnote.svg");
+    }
 
-/* menuWebDeveloperPopup sub menu */
-#menu_taskManager {
-  --menuitem-image: url("./icons/performance.svg");
-}
+    /* menuWebDeveloperPopup sub menu */
+    #menu_taskManager {
+      --menuitem-image: url("./icons/performance.svg");
+    }
 
-#menu_devtools_remotedebugging {
-  --menuitem-image: url("./icons/bug.svg");
-}
+    #menu_devtools_remotedebugging {
+      --menuitem-image: url("./icons/bug.svg");
+    }
 
-#menu_browserToolbox {
-  --menuitem-image: url("./icons/window-dev-tools.svg");
-}
+    #menu_browserToolbox {
+      --menuitem-image: url("./icons/window-dev-tools.svg");
+    }
 
-#menu_browserContentToolbox {
-  --menuitem-image: url("./icons/command-frames.svg");
-}
+    #menu_browserContentToolbox {
+      --menuitem-image: url("./icons/command-frames.svg");
+    }
 
-#menu_browserConsole {
-  --menuitem-image: url("chrome://devtools/skin/images/command-console.svg");
-}
+    #menu_browserConsole {
+      --menuitem-image: url("chrome://devtools/skin/images/command-console.svg");
+    }
 
-#menu_pageSource {
-  --menuitem-image: url("./icons/document-search.svg");
-}
+    #menu_pageSource {
+      --menuitem-image: url("./icons/document-search.svg");
+    }
 
-#extensionsForDevelopers {
-  --menuitem-image: url("chrome://devtools/skin/images/debugging-addons.svg");
-}
+    #extensionsForDevelopers {
+      --menuitem-image: url("chrome://devtools/skin/images/debugging-addons.svg");
+    }
 
-/*= menu_HelpPopup ===========================================================*/
-#menu_openHelp {
-  --menuitem-image: url("chrome://global/skin/icons/help.svg");
-}
+    /*= menu_HelpPopup ===========================================================*/
+    #menu_openHelp {
+      --menuitem-image: url("chrome://global/skin/icons/help.svg");
+    }
 
-#feedbackPage {
-  --menuitem-image: url("./icons/send.svg");
-}
+    #feedbackPage {
+      --menuitem-image: url("./icons/send.svg");
+    }
 
-#helpSafeMode {
-  --menuitem-image: url("chrome://devtools/skin/images/debugging-workers.svg");
-}
+    #helpSafeMode {
+      --menuitem-image: url("chrome://devtools/skin/images/debugging-workers.svg");
+    }
 
-#troubleShooting {
-  --menuitem-image: url("chrome://global/skin/icons/more.svg");
-}
+    #troubleShooting {
+      --menuitem-image: url("chrome://global/skin/icons/more.svg");
+    }
 
-#help_reportSiteIssue {
-  --menuitem-image: url("chrome://global/skin/icons/lightbulb.svg");
-}
+    #help_reportSiteIssue {
+      --menuitem-image: url("chrome://global/skin/icons/lightbulb.svg");
+    }
 
-#menu_HelpPopup_reportPhishingtoolmenu {
-  --menuitem-image: url("chrome://global/skin/icons/warning.svg");
-}
+    #menu_HelpPopup_reportPhishingtoolmenu {
+      --menuitem-image: url("chrome://global/skin/icons/warning.svg");
+    }
 
-#aboutName {
-  --menuitem-image: url("chrome://global/skin/icons/info.svg");
+    #aboutName {
+      --menuitem-image: url("chrome://global/skin/icons/info.svg");
+    }
+  }
 }
-
 /** Libray Menu ***************************************************************/
-/*= organizeButtonPopup ======================================================*/
-#newbookmark {
-  --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-}
+@supports -moz-bool-pref(userChrome.icon.library) {
+  @supports -moz-bool-pref(userChrome.icon.menu) {
+    /*= organizeButtonPopup ======================================================*/
+    #newbookmark {
+      --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+    }
 
-#newfolder {
-  --menuitem-image: url("./icons/folder.svg");
-}
+    #newfolder {
+      --menuitem-image: url("./icons/folder.svg");
+    }
 
-#newseparator {
-  --menuitem-image: url("./icons/vertical-line.svg");
-}
+    #newseparator {
+      --menuitem-image: url("./icons/vertical-line.svg");
+    }
 
-#orgUndo {
-  --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-}
+    #orgUndo {
+      --menuitem-image: url("chrome://global/skin/icons/undo.svg");
+    }
 
-#orgCut {
-  --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-}
+    #orgCut {
+      --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
+    }
 
-#orgCopy {
-  --menuitem-image: url("./icons/edit-copy.svg");
-}
+    #orgCopy {
+      --menuitem-image: url("./icons/edit-copy.svg");
+    }
 
-#orgPaste {
-  --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-}
+    #orgPaste {
+      --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
+    }
 
-#orgDelete {
-  --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-}
+    #orgDelete {
+      --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+    }
 
-#orgSelectAll {
-  --menuitem-image: url("./icons/select-all-on.svg");
-}
+    #orgSelectAll {
+      --menuitem-image: url("./icons/select-all-on.svg");
+    }
 
-#orgClose {
-  --menuitem-image: url("chrome://global/skin/icons/close.svg");
-}
+    #orgClose {
+      --menuitem-image: url("chrome://global/skin/icons/close.svg");
+    }
 
-/*= viewMenuPopup ============================================================*/
-#viewColumns {
-  --menuitem-image: url("chrome://global/skin/icons/columnpicker.svg");
-}
+    /*= viewMenuPopup ============================================================*/
+    #viewColumns {
+      --menuitem-image: url("chrome://global/skin/icons/columnpicker.svg");
+    }
 
-#viewSort {
-  --menuitem-image: url("./icons/text-sort-ascending.svg");
-}
+    #viewSort {
+      --menuitem-image: url("./icons/text-sort-ascending.svg");
+    }
 
-/*= maintenanceButtonPopup ===================================================*/
-#backupBookmarks {
-  --menuitem-image: url("chrome://devtools/skin/images/datastore.svg");
-}
+    /*= maintenanceButtonPopup ===================================================*/
+    #backupBookmarks {
+      --menuitem-image: url("chrome://devtools/skin/images/datastore.svg");
+    }
 
-#fileImport {
-  --menuitem-image: url("chrome://browser/skin/save.svg");
-}
+    #fileImport {
+      --menuitem-image: url("chrome://browser/skin/save.svg");
+    }
 
-#fileExport {
-  --menuitem-image: url("chrome://browser/skin/open.svg");
-}
+    #fileExport {
+      --menuitem-image: url("chrome://browser/skin/open.svg");
+    }
 
-#browserImport {
-  --menuitem-image: url("chrome://browser/skin/import.svg");
+    #browserImport {
+      --menuitem-image: url("chrome://browser/skin/import.svg");
+    }
+  }
+}
+/*= Waterfox =================================================================*/
+@supports -moz-bool-pref(userChrome.icon.panel) {
+  #appMenu-restart-button {
+    list-style-image: url("./icons/refresh-cw.svg") !important;
+  }
+}
+@supports -moz-bool-pref(userChrome.icon.menu) {
+  #menu_FileRestartItem {
+    --menuitem-image: url("./icons/refresh-cw.svg");
+  }
+
+  menuitem.privatetab-icon {
+    list-style-image: url("./icons/priavate-favicon.svg") !important;
+    fill: currentColor;
+    -moz-context-properties: fill;
+  }
+}
+@supports -moz-bool-pref(userChrome.theme.fully_color) {
+  /* New Folder Button */
+  #editBMPanel_newFolderButton {
+    appearance: none;
+    border: 0;
+    border-radius: 4px;
+    background-color: var(--button-bgcolor);
+    color: var(--button-color, inherit);
+    font-weight: 600;
+    min-width: 0;
+    padding: 8px 16px;
+    /* This button is deeper in the visual hierarchy than others (notably the
+       buttons at the bottom of the panel), so it should be slightly smaller. */
+    font-size: 90%;
+    /* This button needs to align with the tree above it. */
+    margin-inline-start: 4px;
+  }
+
+  #editBMPanel_newFolderButton:hover {
+    background-color: var(--button-hover-bgcolor);
+  }
+
+  #editBMPanel_newFolderButton:hover:active {
+    background-color: var(--button-active-bgcolor);
+  }
+}
+/*= Tor Browser ==============================================================*/
+@supports -moz-bool-pref(userChrome.icon.panel) {
+  #appMenuNewIdentity {
+    list-style-image: url("chrome://browser/skin/new_identity.svg");
+  }
+
+  #appMenuNewCircuit {
+    list-style-image: url("chrome://browser/skin/new_circuit.svg");
+  }
+
+  #appMenu_torBrowserUserManual {
+    list-style-image: url("chrome://browser/skin/onion.svg");
+  }
+}
+@supports -moz-bool-pref(userChrome.icon.menu) {
+  #menu_newIdentity {
+    --menuitem-image: url("chrome://browser/skin/new_identity.svg");
+  }
+
+  #menu_newCircuit {
+    --menuitem-image: url("chrome://browser/skin/new_circuit.svg");
+  }
+
+  #torBrowserUserManual {
+    --menuitem-image: url("chrome://browser/skin/onion.svg");
+  }
 }
 
 /*# sourceMappingURL=userChrome.css.map */
diff --git a/userContent.css b/userContent.css
index 83c206a..4a04860 100644
--- a/userContent.css
+++ b/userContent.css
@@ -1,426 +1,583 @@
 @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 @namespace html url("http://www.w3.org/1999/xhtml");
-/** Activity Stream ***********************************************************/
-@-moz-document url("about:home"), url("about:newtab") {
-  /** Activity Stream - Search Focus Border: like URL *************************/
-  /* At DarkMode, Color */
-  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);"],
-body[style*="--newtab-background-color: rgba(43, 42, 51, 1);"] {
-    /* inner */
-    --newtab-focus-border: rgba(
-      0,
-      221,
-      255,
-      0.5
-    ) !important;
-    /* Original: #B5D3FF, Better color-mix(in srgb, #B5D3FF 70%, transparent) */
-    --newtab-focus-border-selected: rgba(0, 221, 255, 0.5) !important;
-    /* Original: #B5D3FF */
-    /* For Nightly */
-    --newtab-primary-action-background: var(--newtab-focus-border) !important;
+/** Video player **************************************************************/
+/* Control Bar UI */
+@supports -moz-bool-pref(userContent.player.ui) {
+  audio {
+    --duration-color: #929292;
+    /* Like Original */
+    --media-background: rgba(26,26,26,.8);
+    /* Like Original */
+    border-radius: 8px;
+    --box-shadow1: rgba(14,13,26,.12);
+    --box-shadow2: rgba(7,48,114,.12);
+    --box-shadow3: rgba(34,0,51,.04);
+    box-shadow: 0 5px 10px -3px var(--box-shadow1), 0 3px 16px 2px var(--box-shadow2), 0 8px 12px 1px var(--box-shadow3);
+    /* Or: 0 2px 15px rgba(0,0,0,.1); */
   }
 
-  /** Activity Stream - Web Site Icon: full size ******************************/
-  .top-site-outer .tile {
-    overflow: hidden;
-  }
-
-  .top-site-outer .tile .icon-wrapper {
-    width: 100% !important;
-    /* Original: 48px */
-    height: 100% !important;
-    /* Original: 48px */
-  }
-
-  /** Activity Stream - Animate ***********************************************/
-  @media (prefers-reduced-motion: no-preference) {
-    :root {
-      --animation-easing-function: cubic-bezier(0.07, 0.95, 0, 1);
-    }
-
-    /* Background */
-    .top-site-outer,
-#searchSubmit,
-button.icon,
-button.close-button {
-      transition: background 1.5s var(--animation-easing-function);
-    }
-
-    .top-site-outer:hover,
-#searchSubmit:hover,
-button.icon:hover,
-button.close-button:hover {
-      transition: background 0.5s var(--animation-easing-function);
-    }
-
-    /* Search Bar */
-    .search-inner-wrapper input {
-      transition: 1s var(--animation-easing-function);
-      transition-property: border-color, box-shadow;
-    }
-
-    .search-wrapper .search-inner-wrapper:active input,
-.search-wrapper input:focus {
-      transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function);
-    }
-
-    .search-wrapper .search-inner-wrapper:hover input {
-      border-color: var(--newtab-primary-action-background) !important;
-      transition: border-color 0.5s var(--animation-easing-function);
-    }
-  }
-  /** Activity Stream - Home Search Bar looks like proton *********************/
-  /* Dropdown Colors */
-  #root {
-    --newtab-search-background-color: rgba(255, 255, 255, 1);
-    /* Same as light theme's --panel-background */
-    /* Set search dropdown background */
-    --newtab-search-dropdown-header-color: var(--newtab-search-background-color) !important;
-    --newtab-search-dropdown-color: var(--newtab-search-background-color) !important;
-    --newtab-element-hover-color: color-mix(in srgb, currentColor 9%, transparent) !important;
+  video {
+    --duration-color: #eee;
+    --media-background: linear-gradient(transparent, rgba(26,26,26,.85));
   }
 
   @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
-    #root {
-      /* Default Dark Mode */
-      --newtab-search-background-color: rgba(66, 65, 77, 1);
-      /* Same as dark theme's --panel-background */
+    audio {
+      --box-shadow1: rgba(249, 249, 250, 0.12);
+      --box-shadow2: rgba(91, 91, 102, 0.12);
+      --box-shadow3: rgba(82, 82, 94, 0.04);
     }
   }
-  .activity-stream[lwt-sidebar]:not([style*="--newtab-background-color: rgba(43, 42, 51, 1);"]) #root {
-    /* Light weight theme */
-    --newtab-search-background-color: var(--lwt-sidebar-background-color);
+  @media (prefers-contrast) {
+    video {
+      --duration-color: #929292;
+      /* Like Original */
+      --media-background: rgba(26,26,26,.8);
+      /* Like Original */
+    }
+  }
+  #controlsContainer .controlBar {
+    background: var(--media-background) !important;
   }
 
-  /* Padding */
-  #searchSuggestionTable {
-    border-radius: 4px !important;
-    -moz-window-shadow: cliprounded;
+  #controlsContainer .duration {
+    color: var(--duration-color) !important;
+    /* Original: #929292 */
+  }
+}
+@supports -moz-bool-pref(userContent.player.icon) {
+  #controlsContainer .fullscreenButton {
+    background-image: url("./icons/enter-fullscreen.svg") !important;
   }
 
-  .contentSearchSuggestionTable .contentSearchOneOffItem {
-    width: 32px !important;
-    height: 32px !important;
-    /* Margin */
-    margin-block: 5px !important;
-    margin-inline-start: 5px !important;
-    margin-inline-end: 8px !important;
-    /* Border */
-    border-radius: 4px !important;
-    border-image: none !important;
-    /* Original: linear-gradient(transparent 18%, var(--newtab-border-secondary-color) 18%, var(--newtab-border-secondary-color) 82%, transparent 82%) 1; */
-    border-inline-end: none !important;
-    /* Original: 1px solid; */
+  #controlsContainer .fullscreenButton[fullscreened] {
+    background-image: url("./icons/exit-fullscreen.svg") !important;
+  }
+}
+@supports -moz-bool-pref(userContent.player.noaudio) {
+  #controlsContainer .muteButton[noAudio] {
+    /* Remove volume button at noAudio */
+    display: none !important;
+  }
+}
+/* Control Bar Size */
+@supports -moz-bool-pref(userContent.player.size) {
+  #controlsContainer {
+    --button-size: 32px !important;
+    /* Original: 30px */
+    --controlBar-height: 40px;
+    /* Original: 40px, Replace to this value */
   }
 
-  #contentSearchSettingsButton::before {
-    content: url("chrome://global/skin/icons/settings.svg") !important;
-    display: -moz-inline-box;
-    /* Color */
-    -moz-context-properties: fill, fill-opacity !important;
-    fill: currentColor !important;
-    /* Align */
-    margin-inline-end: 5px;
-    vertical-align: -25%;
+  #controlsContainer .touch {
+    --button-size: 48px !important;
+    /* Original: 40px */
+    --controlBar-height: 52px;
+    /* Original: 52px */
   }
 
-  /* Pointer */
-  .contentSearchSuggestionTable .contentSearchOneOffItem,
-#contentSearchSettingsButton {
+  .videocontrols[inDOMFullscreen] #controlsContainer {
+    --button-size: 64px !important;
+    /* Original: 30px */
+    --track-size: 6px !important;
+    /* Original: 5px, Touch: 7px */
+    --thumb-size: 15px !important;
+    /* Original: 13px, Touch: 16px */
+    --controlBar-height: 64px;
+    /* Original: 40px */
+  }
+
+  .videocontrols[inDOMFullscreen] #controlsContainer .touch {
+    --button-size: 72px !important;
+    /* Original: 40px */
+    --controlBar-height: 64px;
+    /* Original: 52px */
+  }
+
+  #controlsContainer .controlBar {
+    height: var(--controlBar-height) !important;
+    /* Original: 40px */
+  }
+
+  .videocontrols[inDOMFullscreen] #controlsContainer .controlBar {
+    padding-bottom: 8px !important;
+  }
+}
+/* Click to play UI */
+@supports -moz-bool-pref(userContent.player.click_to_play) {
+  #controlsContainer .clickToPlay {
     cursor: pointer;
+    opacity: 0.65 !important;
   }
 
-  /*- Fix Color For Nightly --------------------------------------------------*/
-  .contentSearchSuggestionTable,
+  #controlsContainer .controlsSpacerStack:hover > .clickToPlay {
+    opacity: 0.85 !important;
+  }
+
+  #controlsContainer .controlsSpacerStack:hover > .clickToPlay:hover {
+    opacity: 1 !important;
+    fill: #48a0f7 !important;
+    /* color as .scrubber */
+  }
+}
+/* Animation */
+@supports -moz-bool-pref(userContent.player.animate) {
+  @media (prefers-reduced-motion: no-preference) {
+    /* Control Bar */
+    #controlsContainer .controlBar {
+      transition: transform 350ms ease;
+    }
+
+    #controlsContainer .controlBar[hidden] {
+      transform: translateY(100%);
+      transition: transform 350ms ease-in-out, opacity 1s ease 100ms !important;
+    }
+
+    #controlsContainer .controlBar[hidden] .progressBar,
+#controlsContainer .controlBar[hidden] .bufferBar {
+      display: unset !important;
+      opacity: 0.55;
+      transition: opacity 150ms ease 50ms;
+    }
+
+    /* Click to play */
+    #controlsContainer .clickToPlay {
+      transition: opacity 150ms ease-in-out, fill 150ms ease-in-out;
+    }
+  }
+}
+/** Activity Stream ***********************************************************/
+@-moz-document url("about:home"), url("about:newtab") {
+  /** Activity Stream - Search Focus Border: like URL *************************/
+  @supports -moz-bool-pref(userContent.newTab.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);"],
+body[style*="--newtab-background-color: rgba(42, 42, 46, 1);"],
+body[style*="--newtab-background-color: rgba(43, 42, 51, 1);"] {
+      /* inner */
+      --newtab-focus-border: rgba(
+        0,
+        221,
+        255,
+        0.5
+      ) !important;
+      /* Original: #B5D3FF, Better color-mix(in srgb, #B5D3FF 70%, transparent) */
+      --newtab-focus-border-selected: rgba(0, 221, 255, 0.5) !important;
+      /* Original: #B5D3FF */
+      /* For Nightly */
+      --newtab-primary-action-background: var(--newtab-focus-border) !important;
+    }
+  }
+  /** Activity Stream - Web Site Icon: full size ******************************/
+  @supports -moz-bool-pref(userContent.newTab.full_icon) {
+    .top-site-outer .tile {
+      overflow: hidden;
+    }
+
+    .top-site-outer .tile .icon-wrapper {
+      width: 100% !important;
+      /* Original: 48px */
+      height: 100% !important;
+      /* Original: 48px */
+    }
+  }
+  /** Activity Stream - Animate ***********************************************/
+  @supports -moz-bool-pref(userContent.newTab.animate) {
+    @media (prefers-reduced-motion: no-preference) {
+      :root {
+        --animation-easing-function: cubic-bezier(0.07, 0.95, 0, 1);
+      }
+
+      /* Background */
+      .top-site-outer,
+#searchSubmit,
+button.icon,
+button.close-button {
+        transition: background 1.5s var(--animation-easing-function);
+      }
+
+      .top-site-outer:hover,
+#searchSubmit:hover,
+button.icon:hover,
+button.close-button:hover {
+        transition: background 0.5s var(--animation-easing-function);
+      }
+
+      /* Search Bar */
+      .search-inner-wrapper input {
+        transition: 1s var(--animation-easing-function);
+        transition-property: border-color, box-shadow;
+      }
+
+      .search-wrapper .search-inner-wrapper:active input,
+.search-wrapper input:focus {
+        transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function);
+      }
+
+      .search-wrapper .search-inner-wrapper:hover input {
+        border-color: var(--newtab-primary-action-background) !important;
+        transition: border-color 0.5s var(--animation-easing-function);
+      }
+    }
+  }
+  /** Activity Stream - Home Search Bar looks like proton *********************/
+  @supports -moz-bool-pref(userContent.newTab.animate) {
+    /* Dropdown Colors */
+    #root {
+      --newtab-search-background-color: rgba(255, 255, 255, 1);
+      /* Same as light theme's --panel-background */
+      /* Set search dropdown background */
+      --newtab-search-dropdown-header-color: var(--newtab-search-background-color) !important;
+      --newtab-search-dropdown-color: var(--newtab-search-background-color) !important;
+      --newtab-element-hover-color: color-mix(in srgb, currentColor 9%, transparent) !important;
+    }
+
+    @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+      #root {
+        /* Default Dark Mode */
+        --newtab-search-background-color: rgba(66, 65, 77, 1);
+        /* Same as dark theme's --panel-background */
+      }
+    }
+    .activity-stream[lwt-sidebar]:not([style*="--newtab-background-color: rgba(43, 42, 51, 1);"]) #root {
+      /* Light weight theme */
+      --newtab-search-background-color: var(--lwt-sidebar-background-color);
+    }
+
+    /* Padding */
+    #searchSuggestionTable {
+      border-radius: 4px !important;
+      -moz-window-shadow: cliprounded;
+    }
+
+    .contentSearchSuggestionTable .contentSearchOneOffItem {
+      width: 32px !important;
+      height: 32px !important;
+      /* Margin */
+      margin-block: 5px !important;
+      margin-inline-start: 5px !important;
+      margin-inline-end: 8px !important;
+      /* Border */
+      border-radius: 4px !important;
+      border-image: none !important;
+      /* Original: linear-gradient(transparent 18%, var(--newtab-border-secondary-color) 18%, var(--newtab-border-secondary-color) 82%, transparent 82%) 1; */
+      border-inline-end: none !important;
+      /* Original: 1px solid; */
+    }
+
+    #contentSearchSettingsButton::before {
+      content: url("chrome://global/skin/icons/settings.svg") !important;
+      display: -moz-inline-box;
+      /* Color */
+      -moz-context-properties: fill, fill-opacity !important;
+      fill: currentColor !important;
+      /* Align */
+      margin-inline-end: 5px;
+      vertical-align: -25%;
+    }
+
+    /* Pointer */
+    .contentSearchSuggestionTable .contentSearchOneOffItem,
+#contentSearchSettingsButton {
+      cursor: pointer;
+    }
+
+    /*- Fix Color For Nightly ------------------------------------------------*/
+    .contentSearchSuggestionTable,
 .contentSearchHeaderRow,
 .contentSearchHeader,
 .contentSearchSuggestionsContainer {
-    color: var(--newtab-text-primary-color) !important;
-    background: var(--newtab-search-background-color) !important;
-  }
+      color: var(--newtab-text-primary-color) !important;
+      background: var(--newtab-search-background-color) !important;
+    }
 
-  .contentSearchSuggestionTable .contentSearchSuggestionRow.selected,
+    .contentSearchSuggestionTable .contentSearchSuggestionRow.selected,
 .contentSearchSuggestionTable .contentSearchSettingsButton:hover {
-    color: var(--newtab-text-primary-color) !important;
-  }
+      color: var(--newtab-text-primary-color) !important;
+    }
 
-  .contentSearchSuggestionTable .contentSearchSuggestionRow.selected,
+    .contentSearchSuggestionTable .contentSearchSuggestionRow.selected,
 .contentSearchSuggestionTable .contentSearchSettingsButton:hover,
 .contentSearchSuggestionTable .contentSearchOneOffItem.selected {
-    background: var(--newtab-element-hover-color) !important;
-  }
+      background: var(--newtab-element-hover-color) !important;
+    }
 
-  .contentSearchSuggestionTable .contentSearchSuggestionRow.selected:active,
+    .contentSearchSuggestionTable .contentSearchSuggestionRow.selected:active,
 .contentSearchSuggestionTable .contentSearchOneOffItem:active {
-    background: var(--newtab-element-active-color) !important;
-  }
+      background: var(--newtab-element-active-color) !important;
+    }
 
-  .contentSearchSuggestionTable .contentSearchSuggestionRow.selected .historyIcon {
-    fill: var(--newtab-icon-secondary-color) !important;
+    .contentSearchSuggestionTable .contentSearchSuggestionRow.selected .historyIcon {
+      fill: var(--newtab-icon-secondary-color) !important;
+    }
   }
 }
 /** Error Page - Restore illustrations ****************************************/
-@-moz-document url-prefix("about:neterror"),
+@supports -moz-bool-pref(userContent.page.illustration) {
+  @-moz-document url-prefix("about:neterror"),
   url("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml"),
   url("about:sessionrestore"),  url("chrome://browser/content/aboutSessionRestore.xhtml") {
-  /* Illustrations Position */
-  #errorPageContainer,
+    /* Illustrations Position */
+    #errorPageContainer,
 .description-wrapper {
-    min-height: 300px;
-    background-position: left center;
-    background-repeat: no-repeat;
-    background-size: 38%;
-  }
+      min-height: 300px;
+      background-position: left center;
+      background-repeat: no-repeat;
+      background-size: 38%;
+    }
 
-  #errorPageContainer {
-    display: flex;
-    flex-direction: column;
-  }
+    #errorPageContainer {
+      display: flex;
+      flex-direction: column;
+    }
 
-  .description-wrapper {
-    padding-inline-start: 38%;
-  }
+    .description-wrapper {
+      padding-inline-start: 38%;
+    }
 
-  /* Container */
-  .container {
-    min-width: var(--in-content-container-min-width);
-    /* 13em */
-    max-width: var(--in-content-container-max-width);
-    /* 52em */
-  }
+    /* Container */
+    .container {
+      min-width: var(--in-content-container-min-width);
+      /* 13em */
+      max-width: var(--in-content-container-max-width);
+      /* 52em */
+    }
 
-  /* Text Position */
-  #text-container {
-    margin: auto;
-    padding-inline-start: 38%;
+    /* Text Position */
+    #text-container {
+      margin: auto;
+      padding-inline-start: 38%;
+    }
   }
-}
-@-moz-document url-prefix("about:neterror?e=connectionFailure"),
+  @-moz-document url-prefix("about:neterror?e=connectionFailure"),
   url-prefix("about:neterror?e=netInterrupt"),
   url-prefix("about:neterror?e=netTimeout"),
   url-prefix("about:neterror?e=netReset"),
   url-prefix("about:neterror?e=netOffline"),
   url("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml") {
-  #errorPageContainer {
-    background-image: url("./icons/error-connection-failure.svg");
+    #errorPageContainer {
+      background-image: url("./icons/error-connection-failure.svg");
+    }
   }
-}
-@-moz-document url-prefix("about:neterror?e=dnsNotFound") {
-  #errorPageContainer {
-    background-image: url("./icons/error-server-not-found.svg");
+  @-moz-document url-prefix("about:neterror?e=dnsNotFound") {
+    #errorPageContainer {
+      background-image: url("./icons/error-server-not-found.svg");
+    }
   }
-}
-@-moz-document url-prefix("about:neterror?e=malformedURI") {
-  #errorPageContainer {
-    background-image: url("chrome://browser/skin/illustrations/error-malformed-url.svg");
+  @-moz-document url-prefix("about:neterror?e=malformedURI") {
+    #errorPageContainer {
+      background-image: url("chrome://browser/skin/illustrations/error-malformed-url.svg");
+    }
   }
-}
-@-moz-document url-prefix("about:neterror?e=clockSkewError"),
+  @-moz-document url-prefix("about:neterror?e=clockSkewError"),
   url-prefix("about:neterror?e=nssFailure") {
-  #errorPageContainer {
-    background-image: url("./icons/blue-berror.svg");
-    background-size: 18.5em;
-  }
-}
-@-moz-document url("about:sessionrestore"), url("chrome://browser/content/aboutSessionRestore.xhtml") {
-  .description-wrapper {
-    background-image: url("./icons/error-session-restore.svg");
-  }
-}
-@-moz-document url-prefix("about:neterror?e=fileNotFound") {
-  @media (min-width: 970px) {
-    .title {
-      background-image: url("chrome://global/skin/icons/info.svg") !important;
+    #errorPageContainer {
+      background-image: url("./icons/blue-berror.svg");
+      background-size: 18.5em;
     }
   }
-  #text-container {
-    padding-inline-start: 0;
-  }
-}
-@-moz-document url-prefix("about:tabcrashed") {
-  @media (min-width: 970px) {
-    .title {
-      background-image: url("chrome://browser/skin/tab-crashed.svg") !important;
+  @-moz-document url("about:sessionrestore"), url("chrome://browser/content/aboutSessionRestore.xhtml") {
+    .description-wrapper {
+      background-image: url("./icons/error-session-restore.svg");
     }
   }
-}
-@-moz-document url("about:robots"), url("chrome://browser/content/aboutRobots.xhtml") {
-  @media (min-width: 970px) {
-    .title {
-      background-image: url("chrome://browser/content/aboutRobots-icon.png") !important;
+  @-moz-document url-prefix("about:neterror?e=fileNotFound") {
+    @media (min-width: 970px) {
+      .title {
+        background-image: url("chrome://global/skin/icons/info.svg") !important;
+      }
+    }
+    #text-container {
+      padding-inline-start: 0;
     }
   }
-}
-@-moz-document url("about:welcomeBack"), url("chrome://browser/content/aboutWelcomeBack.xhtml") {
-  @media (min-width: 970px) {
-    .title {
-      background-image: url("./icons/welcome-back.svg") !important;
+  @-moz-document url-prefix("about:tabcrashed") {
+    @media (min-width: 970px) {
+      .title {
+        background-image: url("chrome://browser/skin/tab-crashed.svg") !important;
+      }
+    }
+  }
+  @-moz-document url("about:robots"), url("chrome://browser/content/aboutRobots.xhtml") {
+    @media (min-width: 970px) {
+      .title {
+        background-image: url("chrome://browser/content/aboutRobots-icon.png") !important;
+      }
+    }
+  }
+  @-moz-document url("about:welcomeBack"), url("chrome://browser/content/aboutWelcomeBack.xhtml") {
+    @media (min-width: 970px) {
+      .title {
+        background-image: url("./icons/welcome-back.svg") !important;
+      }
     }
   }
 }
 /** Fully Dark Mode ***********************************************************/
 /*= Fully Dark Mode - Dark Mode Colors =======================================*/
-/*= Default Colors - Hard Coded ==============================================*/
-/* Based on chrome://global/skin/in-content/common.css */
-:host,
-:root {
-  --in-content-page-color: rgb(21, 20, 26);
-  --in-content-page-background: #fff;
-  --in-content-text-color: var(--in-content-page-color);
-  --in-content-deemphasized-text: rgb(91, 91, 102);
-  --in-content-box-background: #fff;
-  --in-content-box-background-odd: rgba(12, 12, 13, 0.05);
-  /* grey 90 a05 */
-  --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent);
-  --in-content-box-info-background: #f0f0f4;
-  --in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent);
-  --in-content-item-hover-text: var(--in-content-page-color);
-  --in-content-item-selected: var(--in-content-primary-button-background);
-  --in-content-item-selected-text: var(--in-content-primary-button-text-color);
-  --in-content-icon-color: rgb(91, 91, 102);
-  --in-content-accent-color: #0a84ff;
-  --in-content-accent-color-active: #0060df;
-  --in-content-border-hover: var(--grey-90-a50);
-  --in-content-border-invalid: var(--red-50);
-  --in-content-border-color: #d7d7db;
-  --in-content-error-text-color: #c50042;
-  --in-content-link-color: var(--blue-60);
-  --in-content-link-color-hover: var(--blue-70);
-  --in-content-link-color-active: var(--blue-80);
-  --in-content-link-color-visited: var(--blue-60);
-  /* button background states are also used for checkboxes and radiobuttons */
-  --in-content-button-text-color: var(--in-content-text-color);
-  --in-content-button-text-color-hover: var(--in-content-text-color);
-  --in-content-button-background: rgba(207, 207, 216, 0.33);
-  --in-content-button-background-hover: rgba(207, 207, 216, 0.66);
-  --in-content-button-background-active: rgb(207, 207, 216);
-  --in-content-primary-button-text-color: rgb(251, 251, 254);
-  --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color);
-  --in-content-primary-button-background: #0061e0;
-  --in-content-primary-button-background-hover: #0250bb;
-  --in-content-primary-button-background-active: #053e94;
-  --in-content-danger-button-background: #e22850;
-  --in-content-danger-button-background-hover: #c50042;
-  --in-content-danger-button-background-active: #810220;
-  --in-content-focus-outline-color: var(--in-content-primary-button-background);
-  /* Note: 1px smaller than we want because we have a 1px transparent border. */
-  /* Once proton ships, these can probably stop being variables. */
-  --in-content-button-border-radius: 4px;
-  --in-content-button-horizontal-padding: 15px;
-  --in-content-button-vertical-padding: 7px;
-  --in-content-table-background: #f8f8fa;
-  --in-content-table-border-color: var(--in-content-box-border-color);
-  /* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */
-  --in-content-table-header-background: var(
-    --in-content-primary-button-background
-  );
-  /* Legacy: #0a84ff; rgb(5, 64, 150); */
-  --in-content-table-header-color: var(
-    --in-content-primary-button-text-color
-  );
-  /* Legacy: #ffffff; var(--in-content-page-color); */
-  --in-content-sidebar-width: 240px;
-  --dialog-warning-text-color: var(--red-60);
-  --checkbox-border-color: var(--in-content-box-border-color);
-  --checkbox-unchecked-bgcolor: var(--in-content-button-background);
-  --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover);
-  --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active);
-  --checkbox-checked-bgcolor: var(--in-content-primary-button-background);
-  --checkbox-checked-color: var(--in-content-primary-button-text-color);
-  --checkbox-checked-border-color: transparent;
-  --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover);
-  --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active);
-  --blue-40: #45a1ff;
-  --blue-50: #0a84ff;
-  --blue-60: #0060df;
-  --blue-70: #003eaa;
-  --blue-80: #002275;
-  --grey-30: #d7d7db;
-  --grey-60: #4a4a4f;
-  --grey-90-a10: rgba(12, 12, 13, 0.1);
-  --grey-90-a20: rgba(12, 12, 13, 0.2);
-  --grey-90-a30: rgba(12, 12, 13, 0.3);
-  --grey-90-a50: rgba(12, 12, 13, 0.5);
-  --grey-90-a60: rgba(12, 12, 13, 0.6);
-  --green-50: #30e60b;
-  --green-60: #12bc00;
-  --green-70: #058b00;
-  --green-80: #006504;
-  --green-90: #003706;
-  --orange-50: #ff9400;
-  --red-40: #ff4f5e;
-  --red-50: #ff0039;
-  --red-60: #d70022;
-  --red-70: #a4000f;
-  --red-80: #5a0002;
-  --red-90: #3e0200;
-  --yellow-50: #ffe900;
-  --yellow-60: #d7b600;
-  --yellow-60-a30: rgba(215, 182, 0, 0.3);
-  --yellow-70: #a47f00;
-  --yellow-80: #715100;
-  --yellow-90: #3e2800;
-  --shadow-10: 0 1px 4px var(--grey-90-a10);
-  --shadow-30: 0 4px 16px var(--grey-90-a10);
-  --card-padding: 16px;
-  --card-shadow: var(--shadow-10);
-  --card-outline-color: var(--grey-30);
-  --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color);
-}
-
-@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+@supports -moz-bool-pref(userContent.page.proton_color) {
+  /*= Default Colors - Hard Coded ==============================================*/
+  /* Based on chrome://global/skin/in-content/common.css */
   :host,
 :root {
-    /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */
-    --in-content-page-background: rgb(28, 27, 34);
-    --in-content-page-color: rgb(251, 251, 254);
-    --in-content-deemphasized-text: rgb(191, 191, 201);
-    --in-content-box-background: rgb(35, 34, 43);
-    --in-content-box-background-odd: rgba(249, 249, 250, 0.05);
-    --in-content-box-info-background: rgba(249, 249, 250, 0.15);
-    --in-content-border-color: rgba(249, 249, 250, 0.2);
-    --in-content-border-hover: rgba(249, 249, 250, 0.3);
-    --in-content-border-invalid: rgb(255, 132, 139);
-    --in-content-error-text-color: #ff9aa2;
-    --in-content-button-background: rgb(43, 42, 51);
-    --in-content-button-background-hover: rgb(82, 82, 94);
-    --in-content-button-background-active: rgb(91, 91, 102);
-    --in-content-icon-color: rgb(251, 251, 254);
-    --in-content-primary-button-text-color: rgb(43, 42, 51);
-    --in-content-primary-button-background: rgb(0, 221, 255);
-    --in-content-primary-button-background-hover: rgb(128, 235, 255);
-    --in-content-primary-button-background-active: rgb(170, 242, 255);
-    --in-content-danger-button-background: #ff848b;
-    --in-content-danger-button-background-hover: #ffbdc5;
-    --in-content-danger-button-background-active: #ffdfe7;
-    --in-content-table-background: rgb(35, 34, 43);
-    --in-content-table-border-dark-color: var(--in-content-box-border-color);
-    --in-content-accent-color: var(--in-content-primary-button-background);
-    --in-content-accent-color-active: var(--in-content-primary-button-background-hover);
-    --in-content-link-color: var(--in-content-primary-button-background);
-    --in-content-link-color-hover: var(--in-content-primary-button-background-hover);
-    --in-content-link-color-active: var(--in-content-primary-button-background-active);
-    --in-content-link-color-visited: var(--in-content-link-color);
-    --card-outline-color: var(--grey-60);
-    --dialog-warning-text-color: var(--red-40);
+    --in-content-page-color: rgb(21, 20, 26);
+    --in-content-page-background: #fff;
+    --in-content-text-color: var(--in-content-page-color);
+    --in-content-deemphasized-text: rgb(91, 91, 102);
+    --in-content-box-background: #fff;
+    --in-content-box-background-odd: rgba(12, 12, 13, 0.05);
+    /* grey 90 a05 */
+    --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent);
+    --in-content-box-info-background: #f0f0f4;
+    --in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent);
+    --in-content-item-hover-text: var(--in-content-page-color);
+    --in-content-item-selected: var(--in-content-primary-button-background);
+    --in-content-item-selected-text: var(--in-content-primary-button-text-color);
+    --in-content-icon-color: rgb(91, 91, 102);
+    --in-content-accent-color: #0a84ff;
+    --in-content-accent-color-active: #0060df;
+    --in-content-border-hover: var(--grey-90-a50);
+    --in-content-border-invalid: var(--red-50);
+    --in-content-border-color: #d7d7db;
+    --in-content-error-text-color: #c50042;
+    --in-content-link-color: var(--blue-60);
+    --in-content-link-color-hover: var(--blue-70);
+    --in-content-link-color-active: var(--blue-80);
+    --in-content-link-color-visited: var(--blue-60);
+    /* button background states are also used for checkboxes and radiobuttons */
+    --in-content-button-text-color: var(--in-content-text-color);
+    --in-content-button-text-color-hover: var(--in-content-text-color);
+    --in-content-button-background: rgba(207, 207, 216, 0.33);
+    --in-content-button-background-hover: rgba(207, 207, 216, 0.66);
+    --in-content-button-background-active: rgb(207, 207, 216);
+    --in-content-primary-button-text-color: rgb(251, 251, 254);
+    --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color);
+    --in-content-primary-button-background: #0061e0;
+    --in-content-primary-button-background-hover: #0250bb;
+    --in-content-primary-button-background-active: #053e94;
+    --in-content-danger-button-background: #e22850;
+    --in-content-danger-button-background-hover: #c50042;
+    --in-content-danger-button-background-active: #810220;
+    --in-content-focus-outline-color: var(--in-content-primary-button-background);
+    /* Note: 1px smaller than we want because we have a 1px transparent border. */
+    /* Once proton ships, these can probably stop being variables. */
+    --in-content-button-border-radius: 4px;
+    --in-content-button-horizontal-padding: 15px;
+    --in-content-button-vertical-padding: 7px;
+    --in-content-table-background: #f8f8fa;
+    --in-content-table-border-color: var(--in-content-box-border-color);
+    /* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */
+    --in-content-table-header-background: var(
+      --in-content-primary-button-background
+    );
+    /* Legacy: #0a84ff; rgb(5, 64, 150); */
+    --in-content-table-header-color: var(
+      --in-content-primary-button-text-color
+    );
+    /* Legacy: #ffffff; var(--in-content-page-color); */
+    --in-content-sidebar-width: 240px;
+    --dialog-warning-text-color: var(--red-60);
+    --checkbox-border-color: var(--in-content-box-border-color);
+    --checkbox-unchecked-bgcolor: var(--in-content-button-background);
+    --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover);
+    --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active);
+    --checkbox-checked-bgcolor: var(--in-content-primary-button-background);
+    --checkbox-checked-color: var(--in-content-primary-button-text-color);
+    --checkbox-checked-border-color: transparent;
+    --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover);
+    --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active);
+    --blue-40: #45a1ff;
+    --blue-50: #0a84ff;
+    --blue-60: #0060df;
+    --blue-70: #003eaa;
+    --blue-80: #002275;
+    --grey-30: #d7d7db;
+    --grey-60: #4a4a4f;
+    --grey-90-a10: rgba(12, 12, 13, 0.1);
+    --grey-90-a20: rgba(12, 12, 13, 0.2);
+    --grey-90-a30: rgba(12, 12, 13, 0.3);
+    --grey-90-a50: rgba(12, 12, 13, 0.5);
+    --grey-90-a60: rgba(12, 12, 13, 0.6);
+    --green-50: #30e60b;
+    --green-60: #12bc00;
+    --green-70: #058b00;
+    --green-80: #006504;
+    --green-90: #003706;
+    --orange-50: #ff9400;
+    --red-40: #ff4f5e;
+    --red-50: #ff0039;
+    --red-60: #d70022;
+    --red-70: #a4000f;
+    --red-80: #5a0002;
+    --red-90: #3e0200;
+    --yellow-50: #ffe900;
+    --yellow-60: #d7b600;
+    --yellow-60-a30: rgba(215, 182, 0, 0.3);
+    --yellow-70: #a47f00;
+    --yellow-80: #715100;
+    --yellow-90: #3e2800;
+    --shadow-10: 0 1px 4px var(--grey-90-a10);
+    --shadow-30: 0 4px 16px var(--grey-90-a10);
+    --card-padding: 16px;
+    --card-shadow: var(--shadow-10);
+    --card-outline-color: var(--grey-30);
+    --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color);
+  }
+
+  @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+    :host,
+:root {
+      /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */
+      --in-content-page-background: rgb(28, 27, 34);
+      --in-content-page-color: rgb(251, 251, 254);
+      --in-content-deemphasized-text: rgb(191, 191, 201);
+      --in-content-box-background: rgb(35, 34, 43);
+      --in-content-box-background-odd: rgba(249, 249, 250, 0.05);
+      --in-content-box-info-background: rgba(249, 249, 250, 0.15);
+      --in-content-border-color: rgba(249, 249, 250, 0.2);
+      --in-content-border-hover: rgba(249, 249, 250, 0.3);
+      --in-content-border-invalid: rgb(255, 132, 139);
+      --in-content-error-text-color: #ff9aa2;
+      --in-content-button-background: rgb(43, 42, 51);
+      --in-content-button-background-hover: rgb(82, 82, 94);
+      --in-content-button-background-active: rgb(91, 91, 102);
+      --in-content-icon-color: rgb(251, 251, 254);
+      --in-content-primary-button-text-color: rgb(43, 42, 51);
+      --in-content-primary-button-background: rgb(0, 221, 255);
+      --in-content-primary-button-background-hover: rgb(128, 235, 255);
+      --in-content-primary-button-background-active: rgb(170, 242, 255);
+      --in-content-danger-button-background: #ff848b;
+      --in-content-danger-button-background-hover: #ffbdc5;
+      --in-content-danger-button-background-active: #ffdfe7;
+      --in-content-table-background: rgb(35, 34, 43);
+      --in-content-table-border-dark-color: var(--in-content-box-border-color);
+      --in-content-accent-color: var(--in-content-primary-button-background);
+      --in-content-accent-color-active: var(--in-content-primary-button-background-hover);
+      --in-content-link-color: var(--in-content-primary-button-background);
+      --in-content-link-color-hover: var(--in-content-primary-button-background-hover);
+      --in-content-link-color-active: var(--in-content-primary-button-background-active);
+      --in-content-link-color-visited: var(--in-content-link-color);
+      --card-outline-color: var(--grey-60);
+      --dialog-warning-text-color: var(--red-40);
+    }
   }
 }
-@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
-  /*= Addons.org =============================================================*/
-  @-moz-document url-prefix("https://addons.mozilla.org") {
-    /* Basic */
-    .Page-content,
+@supports -moz-bool-pref(userContent.page.dark_mode) {
+  @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+    /*= Addons.org =============================================================*/
+    @-moz-document url-prefix("https://addons.mozilla.org") {
+      /* Basic */
+      .Page-content,
 .SecondaryHero,
 body,
 main[aria-label=Content] {
-      color: var(--in-content-page-color) !important;
-      background: var(--in-content-page-background) !important;
-    }
+        color: var(--in-content-page-color) !important;
+        background: var(--in-content-page-background) !important;
+      }
 
-    /* Text */
-    .AutoSearchInput-query,
+      /* Text */
+      .AutoSearchInput-query,
 .AutoSearchInput-suggestions-list,
 .Page-content h1,
 .Page-content h2,
@@ -439,10 +596,10 @@ main[aria-label=Content] {
 .Button--neutral,
 .blog-entry-title,
 .blogpost-nav * {
-      color: var(--in-content-text-color) !important;
-    }
+        color: var(--in-content-text-color) !important;
+      }
 
-    .AutoSearchInput-suggestions-item:is(:active, :focus, :hover),
+      .AutoSearchInput-suggestions-item:is(:active, :focus, :hover),
 .AutoSearchInput-suggestions-item--highlighted,
 .SecondaryHero-message-link,
 .SecondaryHero-module-link,
@@ -474,10 +631,10 @@ main[aria-label=Content] {
 .blogpost-content-wrapper p a,
 .blogpost-nav-prev:hover p,
 .blogpost-nav-next:hover p {
-      color: var(--in-content-link-color) !important;
-    }
+        color: var(--in-content-link-color) !important;
+      }
 
-    .SearchResult--meta-section,
+      .SearchResult--meta-section,
 .MetadataCard-title,
 .MetadataCard-title a,
 .MetadataCard-content a,
@@ -502,43 +659,43 @@ main[aria-label=Content] {
 .ExpandableCard-ToggleLink,
 .SearchFilters-label,
 .PromotedBadge-label--line {
-      color: var(--in-content-deemphasized-text) !important;
-    }
+        color: var(--in-content-deemphasized-text) !important;
+      }
 
-    .PromotedBadge-label--recommended {
-      color: color-mix(in srgb, #712b00 15%, #ff9400) !important;
-    }
+      .PromotedBadge-label--recommended {
+        color: color-mix(in srgb, #712b00 15%, #ff9400) !important;
+      }
 
-    /* Background */
-    .Button--action {
-      color: var(--in-content-primary-button-text-color) !important;
-      background: var(--in-content-primary-button-background) !important;
-    }
+      /* Background */
+      .Button--action {
+        color: var(--in-content-primary-button-text-color) !important;
+        background: var(--in-content-primary-button-background) !important;
+      }
 
-    .Select,
+      .Select,
 .Button--neutral,
 .Button--neutral:link,
 .Notice-button,
 .AMInstallButton .AMInstallButton-loading-button {
-      background-color: var(--in-content-button-background) !important;
-    }
+        background-color: var(--in-content-button-background) !important;
+      }
 
-    .Button--neutral.Button--micro:not(.Button--disabled):hover,
+      .Button--neutral.Button--micro:not(.Button--disabled):hover,
 .Button--neutral:not(.Button--disabled):hover,
 .Notice-button:hover {
-      background: var(--in-content-button-background-hover) !important;
-    }
+        background: var(--in-content-button-background-hover) !important;
+      }
 
-    .Button--action.Button--micro:not(.Button--disabled):hover,
+      .Button--action.Button--micro:not(.Button--disabled):hover,
 .Button--action:not(.Button--disabled):hover {
-      background: var(--in-content-primary-button-background-hover) !important;
-    }
+        background: var(--in-content-primary-button-background-hover) !important;
+      }
 
-    .ShowMoreCard-contents::after {
-      background: linear-gradient(rgba(255, 255, 255, 0), var(--in-content-table-background)) !important;
-    }
+      .ShowMoreCard-contents::after {
+        background: linear-gradient(rgba(255, 255, 255, 0), var(--in-content-table-background)) !important;
+      }
 
-    .AutoSearchInput-query,
+      .AutoSearchInput-query,
 .AutoSearchInput-suggestions-list,
 .SecondaryHero-module,
 .Card-header,
@@ -555,161 +712,161 @@ main[aria-label=Content] {
 .StaticAddonCard,
 .blogpost-nav,
 .blogpost-nav * {
-      background: var(--in-content-table-background) !important;
-    }
+        background: var(--in-content-table-background) !important;
+      }
 
-    .Paginate .Button.Paginate-item:is(:active, :hover) {
-      background: var(--in-content-button-background-hover) !important;
-    }
+      .Paginate .Button.Paginate-item:is(:active, :hover) {
+        background: var(--in-content-button-background-hover) !important;
+      }
 
-    .Notice-generic,
+      .Notice-generic,
 .Notice-genericWarning {
-      background: color-mix(in srgb, var(--in-content-page-background) 40%, var(--in-content-table-background)) !important;
-    }
+        background: color-mix(in srgb, var(--in-content-page-background) 40%, var(--in-content-table-background)) !important;
+      }
 
-    .LanguageTools-header-row {
-      color: var(--in-content-table-header-color) !important;
-      background: var(--in-content-table-header-background) !important;
-    }
+      .LanguageTools-header-row {
+        color: var(--in-content-table-header-color) !important;
+        background: var(--in-content-table-header-background) !important;
+      }
 
-    .LanguageTools-table.responsiveTable tbody tr:nth-child(2n) {
-      background-color: var(--in-content-box-background-odd) !important;
-    }
+      .LanguageTools-table.responsiveTable tbody tr:nth-child(2n) {
+        background-color: var(--in-content-box-background-odd) !important;
+      }
 
-    /* Fill */
-    .Icon-arrow-blue.SearchSuggestion-icon-arrow {
-      filter: hue-rotate(330deg) brightness(1.3) !important;
-    }
+      /* Fill */
+      .Icon-arrow-blue.SearchSuggestion-icon-arrow {
+        filter: hue-rotate(330deg) brightness(1.3) !important;
+      }
 
-    .SecondaryHero-module-icon {
-      filter: invert(85%) !important;
-    }
+      .SecondaryHero-module-icon {
+        filter: invert(85%) !important;
+      }
 
-    .Icon-magnifying-glass,
+      .Icon-magnifying-glass,
 .Notice-icon {
-      filter: invert(65%) !important;
-    }
+        filter: invert(65%) !important;
+      }
 
-    .PermissionsCard-learn-more .Icon,
+      .PermissionsCard-learn-more .Icon,
 .Permission .Icon {
-      filter: invert(100%) !important;
-    }
+        filter: invert(100%) !important;
+      }
 
-    .Icon-heart {
-      filter: brightness(0) !important;
-    }
+      .Icon-heart {
+        filter: brightness(0) !important;
+      }
 
-    /* Others */
-    .DropdownMenu-items {
-      box-shadow: 0 0 2px var(--in-content-border-color) !important;
-    }
+      /* Others */
+      .DropdownMenu-items {
+        box-shadow: 0 0 2px var(--in-content-border-color) !important;
+      }
 
-    .AutoSearchInput-query {
-      border: 1px solid var(--in-content-table-background) !important;
-    }
+      .AutoSearchInput-query {
+        border: 1px solid var(--in-content-table-background) !important;
+      }
 
-    .AutoSearchInput-query:is(:hover, :focus) {
-      border-color: var(--in-content-primary-button-background) !important;
-    }
+      .AutoSearchInput-query:is(:hover, :focus) {
+        border-color: var(--in-content-primary-button-background) !important;
+      }
 
-    .AutoSearchInput-query:focus {
-      box-shadow: inset 0 0 0 1px var(--in-content-primary-button-background), 0 0 0 1px var(--in-content-primary-button-background), 0 0 0 4px rgba(0, 211, 255, 0.3) !important;
-    }
+      .AutoSearchInput-query:focus {
+        box-shadow: inset 0 0 0 1px var(--in-content-primary-button-background), 0 0 0 1px var(--in-content-primary-button-background), 0 0 0 4px rgba(0, 211, 255, 0.3) !important;
+      }
 
-    .PromotedBadge-link--line {
-      border-color: var(--in-content-deemphasized-text) !important;
-    }
+      .PromotedBadge-link--line {
+        border-color: var(--in-content-deemphasized-text) !important;
+      }
 
-    .PromotedBadge-link--line:hover {
-      border-color: var(--in-content-button-background-hover) !important;
-    }
+      .PromotedBadge-link--line:hover {
+        border-color: var(--in-content-button-background-hover) !important;
+      }
 
-    .blog-entry-read-more-link {
-      border-color: var(--in-content-link-color) !important;
-    }
+      .blog-entry-read-more-link {
+        border-color: var(--in-content-link-color) !important;
+      }
 
-    .blogpost-nav-arrow-left .cls-1,
+      .blogpost-nav-arrow-left .cls-1,
 .blogpost-nav-arrow-right .cls-1 {
-      stroke: var(--in-content-text-color) !important;
-    }
+        stroke: var(--in-content-text-color) !important;
+      }
 
-    /* /developers/ */
-    .DevHub-Navigation {
-      background: var(--in-content-page-background) !important;
-    }
+      /* /developers/ */
+      .DevHub-Navigation {
+        background: var(--in-content-page-background) !important;
+      }
 
-    .DevHub-Navigation.scheme-light ul li a,
+      .DevHub-Navigation.scheme-light ul li a,
 .DevHub-content-copy h2,
 .content p {
-      color: var(--in-content-page-color) !important;
-    }
+        color: var(--in-content-page-color) !important;
+      }
 
-    .DevHub-callout-box {
-      background: var(--in-content-box-background) !important;
-      color: var(--in-content-page-color) !important;
-    }
-  }
-  /*= Support.org ============================================================*/
-  @-moz-document url-prefix("https://support.mozilla.org") {
-    /* Basic */
-    :root {
-      --color-blue-06: var(--in-content-link-color) !important;
-      --color-blue-07: var(--in-content-link-color-hover) !important;
-      --color-blue-09: var(--in-content-link-color-active) !important;
-      --page-bg: var(--in-content-page-background) !important;
-      --color-white: var(--in-content-page-background) !important;
-      --color-shade-bg: var(--in-content-page-background) !important;
-      --color-marketing-gray-02: var(--card-outline-color) !important;
-      --color-inverse-bg: var(--in-content-page-color) !important;
-      --color-inverse: var(--in-content-page-background) !important;
-      --color-text: var(--in-content-page-color) !important;
-      --color-moz-text: var(--in-content-page-color) !important;
-      --color-moz-heading: var(--in-content-page-color) !important;
-      --color-text-light: var(--in-content-deemphasized-text) !important;
-      --color-link: var(--in-content-link-color) !important;
-      --color-success: var(--green-70) !important;
-      --color-warning: var(--yellow-80) !important;
-      --color-error: var(--red-60) !important;
-      --color-error-hover: var(--red-50) !important;
-      --color-moz-heading: #fff;
-      --color-moz-inverse-bg: var(red) !important;
-      --focus-shadow: 0 0 0 4px color-mix(in srgb, var(--in-content-primary-button-background) 30%, transparent),
-        0 0 0 2px var(--in-content-primary-button-background-active);
+      .DevHub-callout-box {
+        background: var(--in-content-box-background) !important;
+        color: var(--in-content-page-color) !important;
+      }
     }
+    /*= Support.org ============================================================*/
+    @-moz-document url-prefix("https://support.mozilla.org") {
+      /* Basic */
+      :root {
+        --color-blue-06: var(--in-content-link-color) !important;
+        --color-blue-07: var(--in-content-link-color-hover) !important;
+        --color-blue-09: var(--in-content-link-color-active) !important;
+        --page-bg: var(--in-content-page-background) !important;
+        --color-white: var(--in-content-page-background) !important;
+        --color-shade-bg: var(--in-content-page-background) !important;
+        --color-marketing-gray-02: var(--card-outline-color) !important;
+        --color-inverse-bg: var(--in-content-page-color) !important;
+        --color-inverse: var(--in-content-page-background) !important;
+        --color-text: var(--in-content-page-color) !important;
+        --color-moz-text: var(--in-content-page-color) !important;
+        --color-moz-heading: var(--in-content-page-color) !important;
+        --color-text-light: var(--in-content-deemphasized-text) !important;
+        --color-link: var(--in-content-link-color) !important;
+        --color-success: var(--green-70) !important;
+        --color-warning: var(--yellow-80) !important;
+        --color-error: var(--red-60) !important;
+        --color-error-hover: var(--red-50) !important;
+        --color-moz-heading: #fff;
+        --color-moz-inverse-bg: var(red) !important;
+        --focus-shadow: 0 0 0 4px color-mix(in srgb, var(--in-content-primary-button-background) 30%, transparent),
+          0 0 0 2px var(--in-content-primary-button-background-active);
+      }
 
-    .warning {
-      --color-link: rgb(55, 255, 255) !important;
-    }
+      .warning {
+        --color-link: rgb(55, 255, 255) !important;
+      }
 
-    body,
+      body,
 #main-content,
 #instant-search-content,
 #mzp-c-menu-panel-help,
 .mzp-c-navigation,
 .kbox-container {
-      color: var(--in-content-page-color) !important;
-      background: var(--in-content-page-background) !important;
-    }
+        color: var(--in-content-page-color) !important;
+        background: var(--in-content-page-background) !important;
+      }
 
-    #editor {
-      border: 2px solid var(--in-content-border-color) !important;
-    }
+      #editor {
+        border: 2px solid var(--in-content-border-color) !important;
+      }
 
-    .CodeMirror-linenumbers {
-      background: var(--in-content-table-background);
-    }
+      .CodeMirror-linenumbers {
+        background: var(--in-content-table-background);
+      }
 
-    .CodeMirror-lines {
-      color: var(--in-content-deemphasized-text) !important;
-      background: var(--in-content-page-background) !important;
-    }
+      .CodeMirror-lines {
+        color: var(--in-content-deemphasized-text) !important;
+        background: var(--in-content-page-background) !important;
+      }
 
-    .CodeMirror-scroll {
-      background: var(--in-content-page-background) !important;
-    }
+      .CodeMirror-scroll {
+        background: var(--in-content-page-background) !important;
+      }
 
-    /* Text */
-    .mzp-c-menu-category .mzp-c-menu-title,
+      /* Text */
+      .mzp-c-menu-category .mzp-c-menu-title,
 .mzp-c-menu-item .mzp-c-menu-item-link,
 .mzp-c-menu-item .mzp-c-menu-item-link > *,
 .mzp-c-menu-item .mzp-c-menu-item-list a,
@@ -717,10 +874,10 @@ main[aria-label=Content] {
 .document--content .menu,
 .forum--entry-content .menu,
 .tag-name a {
-      color: var(--in-content-page-color) !important;
-    }
+        color: var(--in-content-page-color) !important;
+      }
 
-    .ts-select-trigger,
+      .ts-select-trigger,
 input[type=date],
 input[type=email],
 input[type=number],
@@ -738,58 +895,58 @@ textarea,
 .document--content .key,
 .forum--entry-content .button,
 .forum--entry-content .key {
-      color: var(--in-content-deemphasized-text) !important;
-    }
+        color: var(--in-content-deemphasized-text) !important;
+      }
 
-    .tag-list a {
-      color: var(--color-marketing-gray-10) !important;
-    }
+      .tag-list a {
+        color: var(--color-marketing-gray-10) !important;
+      }
 
-    .tag-list a:hover,
+      .tag-list a:hover,
 .sidebar-nav a:hover {
-      color: var(--color-link) !important;
-    }
+        color: var(--color-link) !important;
+      }
 
-    .tag-list li {
-      background: var(--in-content-page-color) !important;
-    }
+      .tag-list li {
+        background: var(--in-content-page-color) !important;
+      }
 
-    .tag-list li:hover {
-      background: var(--in-content-deemphasized-text) !important;
-    }
+      .tag-list li:hover {
+        background: var(--in-content-deemphasized-text) !important;
+      }
 
-    #remaining-characters {
-      color: var(--in-content-page-color) !important;
-    }
+      #remaining-characters {
+        color: var(--in-content-page-color) !important;
+      }
 
-    /* Background */
-    .sidebar-nav.topics,
+      /* Background */
+      .sidebar-nav.topics,
 .sidebar-nav.topics > li {
-      background: var(--in-content-page-background) !important;
-    }
+        background: var(--in-content-page-background) !important;
+      }
 
-    .mzp-c-menu-panel {
-      color: var(--in-content-page-color) !important;
-      background: var(--in-content-page-background) !important;
-    }
+      .mzp-c-menu-panel {
+        color: var(--in-content-page-color) !important;
+        background: var(--in-content-page-background) !important;
+      }
 
-    .mzp-c-menu-list-list,
+      .mzp-c-menu-list-list,
 .mzp-c-menu-list-list:hover {
-      color: var(--in-content-page-color) !important;
-      background: var(--in-content-box-background) !important;
-    }
+        color: var(--in-content-page-color) !important;
+        background: var(--in-content-box-background) !important;
+      }
 
-    .mzp-c-menu-list-item:focus,
+      .mzp-c-menu-list-item:focus,
 .mzp-c-menu-list-item:hover {
-      background: var(--in-content-button-background-hover) !important;
-    }
+        background: var(--in-content-button-background-hover) !important;
+      }
 
-    .cm-bold {
-      color: var(--in-content-page-color) !important;
-    }
+      .cm-bold {
+        color: var(--in-content-page-color) !important;
+      }
 
-    /* Fill */
-    .sumo-nav--logo,
+      /* Fill */
+      .sumo-nav--logo,
 .sumo-nav--search-button,
 .sumo-nav--toggle-button,
 .card:not(.is-inverse) .card--icon-sm,
@@ -802,85 +959,86 @@ details .is-summary button::before,
 summary::before,
 .icon-button > button,
 .search-button {
-      filter: invert(95%) !important;
-    }
-
-    button.markup-toolbar-button {
-      /*using 0.5 because in middle*/
-      filter: invert(0.5) !important;
-    }
-
-    /* Others */
-    .support-callouts > .card.is-inverse {
-      background: #20133a !important;
-    }
-
-    .support-callouts > .card.is-inverse :is(h1, h2, h3, h4, h5, h6, li, p) {
-      color: var(--in-content-page-color) !important;
-    }
-
-    .sumo-button.secondary-button {
-      border-color: none !important;
-    }
-
-    .mzp-c-menu-panel {
-      border-color: var(--in-content-button-background-hover) !important;
-    }
-
-    .mzp-c-menu-item:is(:focus, :hover, :active) .mzp-c-menu-item-link .mzp-c-menu-item-title {
-      border-color: var(--in-content-page-color) !important;
-    }
-
-    @media screen and (-moz-toolbar-prefers-color-scheme: dark) and (min-width: 768px), screen and (prefers-color-scheme: dark) and (min-width: 768px) {
-      .mzp-c-menu-panel {
-        box-shadow: 0 16px 16px -16px rgba(255, 255, 255, 0.3) !important;
+        filter: invert(95%) !important;
       }
-    }
-    .card--product,
+
+      button.markup-toolbar-button {
+        /*using 0.5 because in middle*/
+        filter: invert(0.5) !important;
+      }
+
+      /* Others */
+      .support-callouts > .card.is-inverse {
+        background: #20133a !important;
+      }
+
+      .support-callouts > .card.is-inverse :is(h1, h2, h3, h4, h5, h6, li, p) {
+        color: var(--in-content-page-color) !important;
+      }
+
+      .sumo-button.secondary-button {
+        border-color: none !important;
+      }
+
+      .mzp-c-menu-panel {
+        border-color: var(--in-content-button-background-hover) !important;
+      }
+
+      .mzp-c-menu-item:is(:focus, :hover, :active) .mzp-c-menu-item-link .mzp-c-menu-item-title {
+        border-color: var(--in-content-page-color) !important;
+      }
+
+      @media screen and (-moz-toolbar-prefers-color-scheme: dark) and (min-width: 768px), screen and (prefers-color-scheme: dark) and (min-width: 768px) {
+        .mzp-c-menu-panel {
+          box-shadow: 0 16px 16px -16px rgba(255, 255, 255, 0.3) !important;
+        }
+      }
+      .card--product,
 .card--topic,
 .card--article {
-      box-shadow: 0 5px 10px -3px rgba(249, 249, 250, 0.12), 0 3px 16px 2px rgba(91, 91, 102, 0.12), 0 8px 12px 1px rgba(82, 82, 94, 0.04) !important;
-    }
-  }
-  /*= Accounts.com ===========================================================*/
-  @-moz-document url-prefix("https://accounts.firefox.com") {
-    /* Basic */
-    body {
-      color: var(--in-content-page-color) !important;
-      background: var(--in-content-page-background) !important;
+        box-shadow: 0 5px 10px -3px rgba(249, 249, 250, 0.12), 0 3px 16px 2px rgba(91, 91, 102, 0.12), 0 8px 12px 1px rgba(82, 82, 94, 0.04) !important;
+      }
     }
+    /*= Accounts.com ===========================================================*/
+    @-moz-document url-prefix("https://accounts.firefox.com") {
+      /* Basic */
+      body {
+        color: var(--in-content-page-color) !important;
+        background: var(--in-content-page-background) !important;
+      }
 
-    .button.primary-button,
+      .button.primary-button,
 .button[type=submit]:not(.secondary-button),
 .settings-button.primary-button,
 .settings-button[type=submit]:not(.secondary-button),
 button.primary-button,
 button[type=submit]:not(.secondary-button) {
-      color: var(--in-content-primary-button-text-color) !important;
-      background: var(--in-content-primary-button-background) !important;
-    }
+        color: var(--in-content-primary-button-text-color) !important;
+        background: var(--in-content-primary-button-background) !important;
+      }
 
-    /* Text */
-    header h1,
+      /* Text */
+      header h1,
 .info,
 .info a,
+.prefillEmail,
 .faint a:hover,
 .cta-neutral:hover {
-      color: var(--in-content-page-color) !important;
-    }
+        color: var(--in-content-page-color) !important;
+      }
 
-    #main-content.panel a,
+      #main-content.panel a,
 .links a,
 .link-blue,
 .text-blue-500 {
-      color: var(--in-content-link-color) !important;
-    }
+        color: var(--in-content-link-color) !important;
+      }
 
-    .link-blue:hover {
-      color: var(--in-content-link-color-hover) !important;
-    }
+      .link-blue:hover {
+        color: var(--in-content-link-color-hover) !important;
+      }
 
-    .signed-in-email-message,
+      .signed-in-email-message,
 .verification-email-message,
 .verification-message,
 .verification-recovery-code-message,
@@ -895,19 +1053,19 @@ button[type=submit]:not(.secondary-button) {
 .faint,
 .faint a,
 .text-grey-400 {
-      color: var(--in-content-deemphasized-text) !important;
-    }
+        color: var(--in-content-deemphasized-text) !important;
+      }
 
-    /* Background */
-    .flex .flex-wrap {
-      background: var(--in-content-page-background);
-    }
+      /* Background */
+      .flex .flex-wrap {
+        background: var(--in-content-page-background);
+      }
 
-    .password-row .show-password-label {
-      background-color: unset !important;
-    }
+      .password-row .show-password-label {
+        background-color: unset !important;
+      }
 
-    #main-content,
+      #main-content,
 .modal,
 .firefox-family-services,
 .input-row input[type=email],
@@ -917,1497 +1075,1500 @@ button[type=submit]:not(.secondary-button) {
 .input-row input[type=text],
 header,
 .bg-white:not(nav) {
-      background: var(--in-content-box-background) !important;
-    }
+        background: var(--in-content-box-background) !important;
+      }
 
-    #suggest-sync,
+      #suggest-sync,
 .cta-neutral {
-      background: var(--in-content-button-background) !important;
-    }
+        background: var(--in-content-button-background) !important;
+      }
 
-    .cta-neutral:hover,
+      .cta-neutral:hover,
 .bg-grey-50:hover,
 .hover\:bg-grey-100:hover {
-      background: var(--in-content-button-background-hover) !important;
-    }
+        background: var(--in-content-button-background-hover) !important;
+      }
 
-    .text-blue-500 .cta-neutral,
+      .text-blue-500 .cta-neutral,
 .text-blue-500 .bg-grey-50,
 .text-blue-500 .hover\:bg-grey-100 {
-      background: var(--in-content-button-background) !important;
-    }
+        background: var(--in-content-button-background) !important;
+      }
 
-    .hover\:bg-grey-200:hover {
-      background: var(--in-content-button-background-active) !important;
-    }
+      .hover\:bg-grey-200:hover {
+        background: var(--in-content-button-background-active) !important;
+      }
 
-    .button.primary-button:hover:enabled,
+      .button.primary-button:hover:enabled,
 .button[type=submit]:not(.secondary-button):hover:enabled,
 .settings-button.primary-button:hover:enabled,
 .settings-button[type=submit]:not(.secondary-button):hover:enabled,
 button.primary-button:hover:enabled,
 button[type=submit]:not(.secondary-button):hover:enabled {
-      background: var(--in-content-primary-button-background-hover) !important;
-    }
+        background: var(--in-content-primary-button-background-hover) !important;
+      }
 
-    .tooltip,
+      .tooltip,
 .tooltip::before {
-      background: var(--in-content-danger-button-background) !important;
-    }
+        background: var(--in-content-danger-button-background) !important;
+      }
 
-    /* Fill */
-    .dismiss,
+      /* Fill */
+      .dismiss,
 #about-mozilla,
 .show-password-label,
 footer a[data-testid=link-mozilla] {
-      filter: invert(95%) !important;
-    }
+        filter: invert(95%) !important;
+      }
 
-    header button svg,
+      header button svg,
 header .rounded svg,
 #service svg {
-      filter: brightness(15) !important;
-    }
+        filter: brightness(15) !important;
+      }
 
-    button.relative,
+      button.relative,
 #fxa-settings nav svg {
-      filter: brightness(2) !important;
-    }
+        filter: brightness(2) !important;
+      }
 
-    /* Others */
-    .input-row input[type=email],
+      /* Others */
+      .input-row input[type=email],
 .input-row input[type=number],
 .input-row input[type=password],
 .input-row input[type=tel],
 .input-row input[type=text],
 .unit-row-hr .border-grey-100 {
-      border-color: var(--in-content-border-color) !important;
-    }
+        border-color: var(--in-content-border-color) !important;
+      }
 
-    .input-row input[type=email]:hover,
+      .input-row input[type=email]:hover,
 .input-row input[type=number]:hover,
 .input-row input[type=password]:hover,
 .input-row input[type=tel]:hover,
 .input-row input[type=text]:hover {
-      border-color: var(--in-content-border-hover) !important;
-    }
+        border-color: var(--in-content-border-hover) !important;
+      }
 
-    #main-content {
-      box-shadow: 0 12px 18px 2px rgba(249, 249, 250, 0.12), 0 6px 22px 4px rgba(91, 91, 102, 0.12), 0 6px 10px -4px rgba(82, 82, 94, 0.04) !important;
-    }
+      #main-content {
+        box-shadow: 0 12px 18px 2px rgba(249, 249, 250, 0.12), 0 6px 22px 4px rgba(91, 91, 102, 0.12), 0 6px 10px -4px rgba(82, 82, 94, 0.04) !important;
+      }
 
-    .input-row input[type=email]:focus,
+      .input-row input[type=email]:focus,
 .input-row input[type=number]:focus,
 .input-row input[type=password]:focus,
 .input-row input[type=tel]:focus,
 .input-row input[type=text]:focus {
-      box-shadow: 0 0 0 3px color-mix(in srgb, var(--in-content-primary-button-background-hover) 80%, transparent) !important;
+        box-shadow: 0 0 0 3px color-mix(in srgb, var(--in-content-primary-button-background-hover) 80%, transparent) !important;
+      }
     }
   }
 }
 /** Fully Proton Mode *********************************************************/
-/*= Common contents ==========================================================*/
-/*= abouts' common ===========================================================*/
-@-moz-document url-prefix("about:plugins"),
+@supports -moz-bool-pref(userContent.page.proton) {
+  /*= Common contents ==========================================================*/
+  /*= abouts' common ===========================================================*/
+  @-moz-document url-prefix("about:plugins"),
                url-prefix("about:cache"),
                url-prefix("about:checkerboard"),
                url-prefix("about:sync-log"),
                url-prefix("about:memory"),
                regexp("^((file:///)|(chrome://)).*/$") {
-  /* Base */
-  html,
+    /* Base */
+    html,
 body {
-    font: message-box !important;
-    appearance: none !important;
-    background-color: var(--in-content-page-background) !important;
-    color: var(--in-content-page-color) !important;
-  }
+      font: message-box !important;
+      appearance: none !important;
+      background-color: var(--in-content-page-background) !important;
+      color: var(--in-content-page-color) !important;
+    }
 
-  body {
-    font-size: 15px !important;
-    font-weight: normal !important;
-    margin: 0 !important;
-  }
+    body {
+      font-size: 15px !important;
+      font-weight: normal !important;
+      margin: 0 !important;
+    }
 
-  h1 {
-    line-height: 1.2 !important;
-  }
+    h1 {
+      line-height: 1.2 !important;
+    }
 
-  h2 {
-    line-height: 1.4em !important;
-  }
+    h2 {
+      line-height: 1.4em !important;
+    }
 
-  /* Link */
-  a {
-    color: var(--in-content-link-color) !important;
-  }
+    /* Link */
+    a {
+      color: var(--in-content-link-color) !important;
+    }
 
-  a:hover,
+    a:hover,
 .text-link:hover {
-    color: var(--in-content-link-color-hover) !important;
-    text-decoration: underline !important;
-  }
+      color: var(--in-content-link-color-hover) !important;
+      text-decoration: underline !important;
+    }
 
-  a:visited {
-    color: var(--in-content-link-color-visited) !important;
-  }
+    a:visited {
+      color: var(--in-content-link-color-visited) !important;
+    }
 
-  a:hover:active,
+    a:hover:active,
 .text-link:hover:active {
-    color: var(--in-content-link-color-active) !important;
-  }
+      color: var(--in-content-link-color-active) !important;
+    }
 
-  a:-moz-focusring,
+    a:-moz-focusring,
 .text-link:-moz-focusring {
-    outline: 2px solid var(--in-content-focus-outline-color) !important;
-    outline-offset: 1px !important;
-    border-radius: 4px !important;
-  }
+      outline: 2px solid var(--in-content-focus-outline-color) !important;
+      outline-offset: 1px !important;
+      border-radius: 4px !important;
+    }
 
-  /* Button */
-  button {
-    font: inherit;
-  }
+    /* Button */
+    button {
+      font: inherit;
+    }
 
-  button,
+    button,
 select,
 input[type=color] {
-    appearance: none !important;
-    min-height: 32px !important;
-    color: var(--in-content-button-text-color, inherit) !important;
-    border: 1px solid transparent !important;
-    /* shows up in high-contrast mode */
-    border-radius: var(--in-content-button-border-radius) !important;
-    background-color: var(--in-content-button-background) !important;
-    font-weight: 400 !important;
-    padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important;
-    text-decoration: none !important;
-    margin: 4px 8px !important;
-    /* Ensure font-size isn't overridden by widget styling (e.g. in forms.css) */
-    font-size: 1em !important;
-  }
+      appearance: none !important;
+      min-height: 32px !important;
+      color: var(--in-content-button-text-color, inherit) !important;
+      border: 1px solid transparent !important;
+      /* shows up in high-contrast mode */
+      border-radius: var(--in-content-button-border-radius) !important;
+      background-color: var(--in-content-button-background) !important;
+      font-weight: 400 !important;
+      padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important;
+      text-decoration: none !important;
+      margin: 4px 8px !important;
+      /* Ensure font-size isn't overridden by widget styling (e.g. in forms.css) */
+      font-size: 1em !important;
+    }
 
-  button {
-    font-weight: 600 !important;
-    /* Use the same margin of other elements for the alignment */
-    margin-inline: 4px !important;
-    min-width: 6.3em !important;
-  }
+    button {
+      font-weight: 600 !important;
+      /* Use the same margin of other elements for the alignment */
+      margin-inline: 4px !important;
+      min-width: 6.3em !important;
+    }
 
-  /* Medium and small buttons get sized to 7/14 and 6/12px padding (when adding
-     * the 1px border): */
-  button.medium {
-    --in-content-button-vertical-padding: 6px;
-    --in-content-button-horizontal-padding: 13px;
-    min-height: 28px !important;
-    font-size: 0.95em !important;
-  }
+    /* Medium and small buttons get sized to 7/14 and 6/12px padding (when adding
+       * the 1px border): */
+    button.medium {
+      --in-content-button-vertical-padding: 6px;
+      --in-content-button-horizontal-padding: 13px;
+      min-height: 28px !important;
+      font-size: 0.95em !important;
+    }
 
-  button.small {
-    --in-content-button-vertical-padding: 5px;
-    --in-content-button-horizontal-padding: 11px;
-    min-height: 24px !important;
-    font-size: 0.9em !important;
-  }
+    button.small {
+      --in-content-button-vertical-padding: 5px;
+      --in-content-button-horizontal-padding: 11px;
+      min-height: 24px !important;
+      font-size: 0.9em !important;
+    }
 
-  ::-moz-focus-inner {
-    border: none !important;
-  }
+    ::-moz-focus-inner {
+      border: none !important;
+    }
 
-  button:-moz-focusring {
-    box-shadow: none !important;
-    outline: 2px solid var(--in-content-focus-outline-color) !important;
-    outline-offset: 2px !important;
-  }
+    button:-moz-focusring {
+      box-shadow: none !important;
+      outline: 2px solid var(--in-content-focus-outline-color) !important;
+      outline-offset: 2px !important;
+    }
 
-  button:enabled:hover,
+    button:enabled:hover,
 input[type=color]:hover {
-    background-color: var(--in-content-button-background-hover) !important;
-    color: var(--in-content-button-text-color-hover) !important;
-    border-color: transparent !important;
-  }
+      background-color: var(--in-content-button-background-hover) !important;
+      color: var(--in-content-button-text-color-hover) !important;
+      border-color: transparent !important;
+    }
 
-  button:enabled:hover:active,
+    button:enabled:hover:active,
 input[type=color]:enabled:hover:active {
-    background-color: var(--in-content-button-background-active) !important;
-  }
+      background-color: var(--in-content-button-background-active) !important;
+    }
 
-  button:disabled,
+    button:disabled,
 input[type=color]:disabled {
-    opacity: 0.4 !important;
-  }
+      opacity: 0.4 !important;
+    }
 
-  button[autofocus],
+    button[autofocus],
 button[type=submit],
 button.primary {
-    background-color: var(--in-content-primary-button-background) !important;
-    color: var(--in-content-primary-button-text-color) !important;
-  }
+      background-color: var(--in-content-primary-button-background) !important;
+      color: var(--in-content-primary-button-text-color) !important;
+    }
 
-  button[autofocus]:enabled:hover,
+    button[autofocus]:enabled:hover,
 button[type=submit]:enabled:hover,
 button.primary:enabled:hover {
-    background-color: var(--in-content-primary-button-background-hover) !important;
-    color: var(--in-content-primary-button-text-color-hover) !important;
-  }
+      background-color: var(--in-content-primary-button-background-hover) !important;
+      color: var(--in-content-primary-button-text-color-hover) !important;
+    }
 
-  button[autofocus]:enabled:hover:active,
+    button[autofocus]:enabled:hover:active,
 button[type=submit]:enabled:hover:active,
 button.primary:enabled:hover:active {
-    background-color: var(--in-content-primary-button-background-active) !important;
-  }
+      background-color: var(--in-content-primary-button-background-active) !important;
+    }
 
-  /* Checkbox */
-  input[type=checkbox] {
-    margin-block: 2px !important;
-  }
+    /* Checkbox */
+    input[type=checkbox] {
+      margin-block: 2px !important;
+    }
 
-  input[type=checkbox] {
-    appearance: none !important;
-    height: 16px !important;
-    width: 16px !important;
-    border: 1px solid var(--checkbox-border-color) !important;
-    background-color: var(--checkbox-unchecked-bgcolor) !important;
-    border-radius: 2px !important;
-    margin-inline: 0 6px !important;
-    flex-shrink: 0 !important;
-    /* avoid shrinking inside flex container */
-  }
+    input[type=checkbox] {
+      appearance: none !important;
+      height: 16px !important;
+      width: 16px !important;
+      border: 1px solid var(--checkbox-border-color) !important;
+      background-color: var(--checkbox-unchecked-bgcolor) !important;
+      border-radius: 2px !important;
+      margin-inline: 0 6px !important;
+      flex-shrink: 0 !important;
+      /* avoid shrinking inside flex container */
+    }
 
-  input[type=checkbox]:enabled:hover {
-    background-color: var(--checkbox-unchecked-hover-bgcolor) !important;
-  }
+    input[type=checkbox]:enabled:hover {
+      background-color: var(--checkbox-unchecked-hover-bgcolor) !important;
+    }
 
-  input[type=checkbox]:enabled:hover:active {
-    background-color: var(--checkbox-unchecked-active-bgcolor) !important;
-  }
+    input[type=checkbox]:enabled:hover:active {
+      background-color: var(--checkbox-unchecked-active-bgcolor) !important;
+    }
 
-  input[type=checkbox]:checked {
-    border-color: var(--checkbox-checked-border-color) !important;
-    background-color: var(--checkbox-checked-bgcolor) !important;
-    background-image: url("chrome://global/skin/icons/check.svg") !important;
-    background-position: center !important;
-    background-repeat: no-repeat !important;
-    -moz-context-properties: fill !important;
-    fill: currentColor !important;
-    color: var(--checkbox-checked-color) !important;
-    /* Style the button also when printing with "Print Backgrounds" unchecked */
-    color-adjust: exact !important;
-  }
+    input[type=checkbox]:checked {
+      border-color: var(--checkbox-checked-border-color) !important;
+      background-color: var(--checkbox-checked-bgcolor) !important;
+      background-image: url("chrome://global/skin/icons/check.svg") !important;
+      background-position: center !important;
+      background-repeat: no-repeat !important;
+      -moz-context-properties: fill !important;
+      fill: currentColor !important;
+      color: var(--checkbox-checked-color) !important;
+      /* Style the button also when printing with "Print Backgrounds" unchecked */
+      color-adjust: exact !important;
+    }
 
-  input[type=checkbox]:enabled:checked:hover {
-    background-color: var(--checkbox-checked-hover-bgcolor) !important;
-  }
+    input[type=checkbox]:enabled:checked:hover {
+      background-color: var(--checkbox-checked-hover-bgcolor) !important;
+    }
 
-  input[type=checkbox]:enabled:checked:hover:active {
-    background-color: var(--checkbox-checked-active-bgcolor) !important;
-  }
+    input[type=checkbox]:enabled:checked:hover:active {
+      background-color: var(--checkbox-checked-active-bgcolor) !important;
+    }
 
-  /* Textarea */
-  input:is([type=email], [type=tel], [type=text], [type=password], [type=url], [type=number]),
+    /* Textarea */
+    input:is([type=email], [type=tel], [type=text], [type=password], [type=url], [type=number]),
 textarea {
-    appearance: none !important;
-    border: 1px solid var(--in-content-box-border-color) !important;
-    border-radius: 4px !important;
-    color: inherit !important;
-    background-color: var(--in-content-box-background) !important;
-  }
+      appearance: none !important;
+      border: 1px solid var(--in-content-box-border-color) !important;
+      border-radius: 4px !important;
+      color: inherit !important;
+      background-color: var(--in-content-box-background) !important;
+    }
 
-  input:is([type=email], [type=tel], [type=text], [type=password], [type=url], [type=number]),
+    input:is([type=email], [type=tel], [type=text], [type=password], [type=url], [type=number]),
 textarea {
-    font-family: inherit !important;
-    font-size: inherit !important;
-    padding: 8px !important;
-    margin: 2px 4px !important;
-  }
+      font-family: inherit !important;
+      font-size: inherit !important;
+      padding: 8px !important;
+      margin: 2px 4px !important;
+    }
 
-  input:is([type=email], [type=tel], [type=text], [type=password], [type=url], [type=number]):focus,
+    input:is([type=email], [type=tel], [type=text], [type=password], [type=url], [type=number]):focus,
 textarea:focus,
 search-textbox[focused],
 tree:focus-visible,
 richlistbox:focus-visible {
-    border-color: transparent !important;
-    outline: 2px solid var(--in-content-focus-outline-color) !important;
-    outline-offset: -1px !important;
-    /* Prevents antialising around the corners */
-  }
+      border-color: transparent !important;
+      outline: 2px solid var(--in-content-focus-outline-color) !important;
+      outline-offset: -1px !important;
+      /* Prevents antialising around the corners */
+    }
 
-  input:is([type=email], [type=tel], [type=text], [type=password], [type=url], [type=number]):-moz-ui-invalid,
+    input:is([type=email], [type=tel], [type=text], [type=password], [type=url], [type=number]):-moz-ui-invalid,
 textarea:-moz-ui-invalid {
-    border-color: transparent !important;
-    outline: 2px solid var(--in-content-border-invalid) !important;
-    outline-offset: -1px !important;
-    /* Prevents antialising around the corners */
-  }
+      border-color: transparent !important;
+      outline: 2px solid var(--in-content-border-invalid) !important;
+      outline-offset: -1px !important;
+      /* Prevents antialising around the corners */
+    }
 
-  input:is([type=email], [type=tel], [type=text], [type=password], [type=url], [type=number]):disabled,
+    input:is([type=email], [type=tel], [type=text], [type=password], [type=url], [type=number]):disabled,
 textarea:disabled,
 search-textbox[disabled=true] {
-    opacity: 0.4 !important;
-  }
+      opacity: 0.4 !important;
+    }
 
-  /* Table */
-  table {
-    width: 100% !important;
-  }
-}
-@-moz-document url-prefix("about:plugins"),
-               url-prefix("about:cache"),
-               url-prefix("about:checkerboard") {
-  table {
-    border: 1px solid var(--in-content-table-border-color) !important;
-    border-radius: 0 !important;
-  }
-}
-@-moz-document url-prefix("about:cache"),
-               url-prefix("about:checkerboard") {
-  th,
-td {
-    border: 1px solid var(--in-content-table-border-color) !important;
-  }
-
-  th {
-    background-color: var(--in-content-table-header-background) !important;
-    color: var(--in-content-table-header-color) !important;
-  }
-}
-/*= View Source ==============================================================*/
-@-moz-document url-prefix("view-source") {
-  :root {
-    background-color: var(--in-content-page-background) !important;
-    /* Original: white */
-    color: var(--in-content-page-color) !important;
-    /* Original: black */
-    /* Colors */
-    --view-source-green: var(--green-80);
-    --view-source-purple: #800080;
-    /* Like alphenglow */
-  }
-
-  @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
-    :root {
-      --view-source-green: var(--green-60);
-      --view-source-purple: #c68aff;
+    /* Table */
+    table {
+      width: 100% !important;
     }
   }
-  pre[id]::before,
-span[id]::before {
-    color: color-mix(in srgb, var(--in-content-page-color) 70%, var(--in-content-page-background)) !important;
-    /* Original: #ccc */
+  @-moz-document url-prefix("about:plugins"),
+               url-prefix("about:cache"),
+               url-prefix("about:checkerboard") {
+    table {
+      border: 1px solid var(--in-content-table-border-color) !important;
+      border-radius: 0 !important;
+    }
   }
-
-  .highlight .start-tag,
-.highlight .end-tag {
-    color: var(--view-source-purple) !important;
-    /* Original: purple */
-  }
-
-  .highlight .comment {
-    color: var(--view-source-green) !important;
-    /* Original: green */
-  }
-
-  .highlight .cdata {
-    color: var(--in-content-border-invalid) !important;
-    /* Original: #CC0066 */
-  }
-
-  .highlight .doctype {
-    color: #4682b4 !important;
-    /* Original: steelblue */
-  }
-
-  .highlight .pi {
-    color: orchid !important;
-    /* Original: orchid */
-  }
-
-  .highlight .entity {
-    color: #ff4500 !important;
-    /* Original: #FF4500 */
-  }
-
-  .highlight .attribute-name {
-    color: var(--view-source-green) !important;
-    /* Original: black */
-  }
-
-  .highlight .attribute-value {
-    color: var(--in-content-link-color) !important;
-    /* Original: blue */
-  }
-
-  .highlight .markupdeclaration {
-    color: #4682b4 !important;
-    /* Original: steelblue */
-  }
-
-  .highlight .error,
-.highlight .error > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype, .pi, .entity, .attribute-name, .attribute-value) {
-    color: var(--in-content-error-text-color) !important;
-    /* Original: red */
-  }
-}
-/*= Directory View ===========================================================*/
-@-moz-document url-prefix("about:sync-log"),
-               regexp("^((file:///)|(chrome://)).*/$") {
-  body {
-    background-color: var(--in-content-box-background) !important;
-    margin: 4em auto !important;
-    /* Override to default */
-  }
-
-  thead a {
-    color: var(--in-content-page-color) !important;
-  }
-
-  td ::before {
-    vertical-align: top !important;
-  }
-}
-/*= about:plugins ============================================================*/
-@-moz-document url-prefix("about:plugins") {
-  .notice {
-    background: var(--in-content-box-background) !important;
-    border: 1px solid var(--in-content-border-color) !important;
-  }
-}
-/*= about:cache ==============================================================*/
-@-moz-document url-prefix("about:cache") {
-  table {
-    padding: 0 !important;
-  }
-
-  th,
+  @-moz-document url-prefix("about:cache"),
+               url-prefix("about:checkerboard") {
+    th,
 td {
-    padding: 4px !important;
-    text-align: match-parent !important;
-  }
-}
-/*= about:checkerboard =======================================================*/
-@-moz-document url-prefix("about:checkerboard") {
-  #canvas {
-    border: 1px solid var(--in-content-border-color) !important;
-  }
+      border: 1px solid var(--in-content-table-border-color) !important;
+    }
 
-  #excludePageFromZoom {
-    vertical-align: bottom !important;
+    th {
+      background-color: var(--in-content-table-header-background) !important;
+      color: var(--in-content-table-header-color) !important;
+    }
   }
-}
-/*= about:memory =============================================================*/
-@-moz-document url-prefix("about:memory") {
-  .opsRow,
+  /*= View Source ==============================================================*/
+  @-moz-document url-prefix("view-source") {
+    :root {
+      background-color: var(--in-content-page-background) !important;
+      /* Original: white */
+      color: var(--in-content-page-color) !important;
+      /* Original: black */
+      /* Colors */
+      --view-source-green: var(--green-80);
+      --view-source-purple: #800080;
+      /* Like alphenglow */
+    }
+
+    @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+      :root {
+        --view-source-green: var(--green-60);
+        --view-source-purple: #c68aff;
+      }
+    }
+    pre[id]::before,
+span[id]::before {
+      color: color-mix(in srgb, var(--in-content-page-color) 70%, var(--in-content-page-background)) !important;
+      /* Original: #ccc */
+    }
+
+    .highlight .start-tag,
+.highlight .end-tag {
+      color: var(--view-source-purple) !important;
+      /* Original: purple */
+    }
+
+    .highlight .comment {
+      color: var(--view-source-green) !important;
+      /* Original: green */
+    }
+
+    .highlight .cdata {
+      color: var(--in-content-border-invalid) !important;
+      /* Original: #CC0066 */
+    }
+
+    .highlight .doctype {
+      color: #4682b4 !important;
+      /* Original: steelblue */
+    }
+
+    .highlight .pi {
+      color: orchid !important;
+      /* Original: orchid */
+    }
+
+    .highlight .entity {
+      color: #ff4500 !important;
+      /* Original: #FF4500 */
+    }
+
+    .highlight .attribute-name {
+      color: var(--view-source-green) !important;
+      /* Original: black */
+    }
+
+    .highlight .attribute-value {
+      color: var(--in-content-link-color) !important;
+      /* Original: blue */
+    }
+
+    .highlight .markupdeclaration {
+      color: #4682b4 !important;
+      /* Original: steelblue */
+    }
+
+    .highlight .error,
+.highlight .error > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype, .pi, .entity, .attribute-name, .attribute-value) {
+      color: var(--in-content-error-text-color) !important;
+      /* Original: red */
+    }
+  }
+  /*= Directory View ===========================================================*/
+  @-moz-document url-prefix("about:sync-log"),
+               regexp("^((file:///)|(chrome://)).*/$") {
+    body {
+      background-color: var(--in-content-box-background) !important;
+      margin: 4em auto !important;
+      /* Override to default */
+    }
+
+    thead a {
+      color: var(--in-content-page-color) !important;
+    }
+
+    td ::before {
+      vertical-align: top !important;
+    }
+  }
+  /*= about:plugins ============================================================*/
+  @-moz-document url-prefix("about:plugins") {
+    .notice {
+      background: var(--in-content-box-background) !important;
+      border: 1px solid var(--in-content-border-color) !important;
+    }
+  }
+  /*= about:cache ==============================================================*/
+  @-moz-document url-prefix("about:cache") {
+    table {
+      padding: 0 !important;
+    }
+
+    th,
+td {
+      padding: 4px !important;
+      text-align: match-parent !important;
+    }
+  }
+  /*= about:checkerboard =======================================================*/
+  @-moz-document url-prefix("about:checkerboard") {
+    #canvas {
+      border: 1px solid var(--in-content-border-color) !important;
+    }
+
+    #excludePageFromZoom {
+      vertical-align: bottom !important;
+    }
+  }
+  /*= about:memory =============================================================*/
+  @-moz-document url-prefix("about:memory") {
+    .opsRow,
 .section {
-    background-color: var(--in-content-box-background) !important;
-    color: var(--in-content-page-color) !important;
-  }
+      background-color: var(--in-content-box-background) !important;
+      color: var(--in-content-page-color) !important;
+    }
 
-  .opsRowLabel input {
-    vertical-align: bottom !important;
+    .opsRowLabel input {
+      vertical-align: bottom !important;
+    }
   }
-}
-/*= chrome://browser/content/places/places.xhtml =============================*/
-@-moz-document url("chrome://browser/content/places/places.xhtml") {
-  /** Library - Icons Replace *************************************************/
-  /*= Standard Folder - More Visible ===========================================*/
-  /* on Toolbar and Menus */
-  :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true]:not([query=true], [tagContainer], [dayContainer]),
+  /*= chrome://browser/content/places/places.xhtml =============================*/
+  @-moz-document url("chrome://browser/content/places/places.xhtml") {
+    /** Library - Icons Replace *************************************************/
+    @supports -moz-bool-pref(userChrome.icon.library) {
+      /*= Standard Folder - More Visible ===========================================*/
+      /* on Toolbar and Menus */
+      :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true]:not([query=true], [tagContainer], [dayContainer]),
 :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, container),
 #editBMPanel_folderMenuList:not([selectedGuid=toolbar_____], [selectedGuid=menu________]),
 #editBMPanel_folderMenuList .folder-icon:not([id]),
 .downloadIconShow > .button-box > .button-icon {
-    list-style-image: url("./icons/folder.svg") !important;
-  }
+        list-style-image: url("./icons/folder.svg") !important;
+      }
 
-  /* Standard Folder - Open */
-  :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true]:not([query=true], [tagContainer], [dayContainer])[open=true],
+      /* Standard Folder - Open */
+      :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true]:not([query=true], [tagContainer], [dayContainer])[open=true],
 :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, container, open) {
-    list-style-image: url("./icons/folder-open.svg") !important;
-  }
+        list-style-image: url("./icons/folder-open.svg") !important;
+      }
 
-  /*= Other Folder - Inbox Icon ================================================*/
-  /* on Menus */
-  #PlacesToolbar #OtherBookmarks,
+      /*= Other Folder - Inbox Icon ================================================*/
+      /* on Menus */
+      #PlacesToolbar #OtherBookmarks,
 #BMB_bookmarksPopup #BMB_unsortedBookmarks,
 #bookmarksMenuPopup #menu_unsortedBookmarks,
 :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks),
 :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, queryFolder_unfiled_____),
 #editBMPanel_unfiledRootItem,
 #editBMPanel_folderMenuList[selectedGuid=unfiled_____] {
-    list-style-image: url("./icons/mail-inbox-all.svg") !important;
-  }
+        list-style-image: url("./icons/mail-inbox-all.svg") !important;
+      }
 
-  /* Other Folder - Open */
-  #PlacesToolbar #OtherBookmarks[open=true],
+      /* Other Folder - Open */
+      #PlacesToolbar #OtherBookmarks[open=true],
 #BMB_bookmarksPopup #BMB_unsortedBookmarks[open=true],
 #bookmarksMenuPopup #menu_unsortedBookmarks[open=true],
 :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, open, OrganizerQuery_UnfiledBookmarks),
 :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, open, queryFolder_unfiled_____) {
-    list-style-image: url("./icons/mail-inbox.svg") !important;
-  }
+        list-style-image: url("./icons/mail-inbox.svg") !important;
+      }
 
-  /*= Default Icon - Override ===================================================*/
-  /* https://github.com/mozilla/gecko-dev/blob/master/browser/themes/shared/places/tree-icons.css */
-  /* Query */
-  :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query) {
-    list-style-image: url("chrome://browser/skin/places/folder-smart.svg") !important;
-  }
+      /*= Default Icon - Override ===================================================*/
+      /* https://github.com/mozilla/gecko-dev/blob/master/browser/themes/shared/places/tree-icons.css */
+      /* Query */
+      :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query) {
+        list-style-image: url("chrome://browser/skin/places/folder-smart.svg") !important;
+      }
 
-  /* History */
-  :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, dayContainer),
+      /* History */
+      :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, dayContainer),
 :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_history____v) {
-    list-style-image: url("chrome://browser/skin/history.svg") !important;
-  }
+        list-style-image: url("chrome://browser/skin/history.svg") !important;
+      }
 
-  /* Downloads */
-  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
-    list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important;
-  }
+      /* Downloads */
+      :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
+        list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important;
+      }
 
-  /* Tag */
-  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, tagContainer),
+      /* Tag */
+      :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, tagContainer),
 :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v) {
-    list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
-  }
+        list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
+      }
 
-  /* Boomark */
-  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
-    list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
-  }
+      /* Boomark */
+      :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
+        list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
+      }
 
-  /* Bookmark Toolbar */
-  #BMB_bookmarksPopup #BMB_bookmarksToolbar,
+      /* Bookmark Toolbar */
+      #BMB_bookmarksPopup #BMB_bookmarksToolbar,
 #bookmarksMenuPopup #bookmarksToolbarFolderMenu,
 :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, queryFolder_toolbar_____) {
-    list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important;
-  }
+        list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important;
+      }
 
-  /* Bookmark Menu */
-  :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, queryFolder_menu________) {
-    list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
-  }
+      /* Bookmark Menu */
+      :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, queryFolder_menu________) {
+        list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
+      }
 
-  /*= Default Icon - Open ======================================================*/
-  /* Query */
-  :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true][query=true]:not([tagContainer])[open=true] > .menu-iconic-left > .menu-iconic-icon {
-    transform: rotate(15deg) !important;
-  }
+      /*= Default Icon - Open ======================================================*/
+      /* Query */
+      :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true][query=true]:not([tagContainer])[open=true] > .menu-iconic-left > .menu-iconic-icon {
+        transform: rotate(15deg) !important;
+      }
 
-  /* History */
-  :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, dayContainer),
+      /* History */
+      :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, dayContainer),
 :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_history____v) {
-    list-style-image: url("./icons/history-reverse.svg") !important;
-  }
+        list-style-image: url("./icons/history-reverse.svg") !important;
+      }
 
-  /* Tag */
-  :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true][tagContainer=true][open=true],
+      /* Tag */
+      :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container=true][tagContainer=true][open=true],
 :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, tagContainer),
 :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_tags_______v) {
-    list-style-image: url("./icons/tag-open.svg") !important;
-  }
+        list-style-image: url("./icons/tag-open.svg") !important;
+      }
 
-  /* Boomark */
-  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
-    list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
-  }
+      /* Boomark */
+      :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
+        list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
+      }
 
-  /* Bookmark Toolbar */
-  #BMB_bookmarksPopup #BMB_bookmarksToolbar[open=true],
+      /* Bookmark Toolbar */
+      #BMB_bookmarksPopup #BMB_bookmarksToolbar[open=true],
 #bookmarksMenuPopup #bookmarksToolbarFolderMenu[open=true],
 :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, open, queryFolder_toolbar_____) {
-    list-style-image: url("./icons/bookmarksToolbar-open.svg") !important;
-  }
+        list-style-image: url("./icons/bookmarksToolbar-open.svg") !important;
+      }
 
-  /* Bookmark Menu */
-  :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, open, queryFolder_menu________) {
-    list-style-image: url("./icons/bookmarksMenu-open.svg") !important;
-    /* or bookmarksMenu-open2.svg" */
-  }
+      /* Bookmark Menu */
+      :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, open, queryFolder_menu________) {
+        list-style-image: url("./icons/bookmarksMenu-open.svg") !important;
+        /* or bookmarksMenu-open2.svg" */
+      }
 
-  /*= Menubar - Icons ==========================================================*/
-  #organizeButton,
+      /*= Menubar - Icons ==========================================================*/
+      #organizeButton,
 #viewMenu,
 #maintenanceButton,
 #back-button,
 #forward-button,
 #clearDownloadsButton {
-    fill: currentColor !important;
-    -moz-context-properties: fill !important;
-  }
+        fill: currentColor !important;
+        -moz-context-properties: fill !important;
+      }
 
-  /* Add */
-  #organizeButton {
-    list-style-image: url("chrome://global/skin/icons/settings.svg") !important;
-  }
+      /* Add */
+      #organizeButton {
+        list-style-image: url("chrome://global/skin/icons/settings.svg") !important;
+      }
 
-  #viewMenu {
-    list-style-image: url("./icons/sort.svg") !important;
-  }
+      #viewMenu {
+        list-style-image: url("./icons/sort.svg") !important;
+      }
 
-  #maintenanceButton {
-    list-style-image: url("./icons/import-export.svg") !important;
-  }
+      #maintenanceButton {
+        list-style-image: url("./icons/import-export.svg") !important;
+      }
 
-  #clearDownloadsButton {
-    list-style-image: url("chrome://global/skin/icons/delete.svg") !important;
-  }
+      #clearDownloadsButton {
+        list-style-image: url("chrome://global/skin/icons/delete.svg") !important;
+      }
 
-  #clearDownloadsButton > .toolbarbutton-icon {
-    display: -moz-inline-box !important;
-    margin-top: 0;
-    margin-bottom: 0;
-    margin-inline-start: 0;
-    margin-inline-end: 2px;
-  }
+      #clearDownloadsButton > .toolbarbutton-icon {
+        display: -moz-inline-box !important;
+        margin-top: 0;
+        margin-bottom: 0;
+        margin-inline-start: 0;
+        margin-inline-end: 2px;
+      }
 
-  /* Replace */
-  #back-button {
-    list-style-image: url("chrome://browser/skin/back.svg") !important;
-  }
+      /* Replace */
+      #back-button {
+        list-style-image: url("chrome://browser/skin/back.svg") !important;
+      }
 
-  #forward-button {
-    list-style-image: url("chrome://browser/skin/forward.svg") !important;
-  }
+      #forward-button {
+        list-style-image: url("chrome://browser/skin/forward.svg") !important;
+      }
 
-  #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
+      #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
 #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
-    transform: scaleX(-1) !important;
-  }
-
-  /*= Context Menu ===========================================================*/
-  menupopup menuitem:not([type=checkbox], [type=radio]),
+        transform: scaleX(-1) !important;
+      }
+    }
+    /*= Context Menu ===========================================================*/
+    @supports -moz-bool-pref(userChrome.icon.context_menu) {
+      menupopup menuitem:not([type=checkbox], [type=radio]),
 menupopup menu:not([type=checkbox], [type=radio]),
 #main-menubar > menu {
-    -moz-appearance: none !important;
-    /* Linux: menulist */
-  }
+        -moz-appearance: none !important;
+        /* Linux: menulist */
+      }
 
-  #placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
+      #placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
 #placesContext menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]),
 menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
 menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu {
-    /* Color */
-    -moz-context-properties: fill, fill-opacity !important;
-    fill: currentColor !important;
-    /* Layout */
-    background-size: 16px !important;
-    background-repeat: no-repeat !important;
-    background-image: var(--menuitem-image);
-  }
+        /* Color */
+        -moz-context-properties: fill, fill-opacity !important;
+        fill: currentColor !important;
+        /* Layout */
+        background-size: 16px !important;
+        background-repeat: no-repeat !important;
+        background-image: var(--menuitem-image);
+      }
 
-  /* For native context menus on macOS */
-  @supports -moz-bool-pref("widget.macos.native-context-menus") {
-    :not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, [type=checkbox], [checked=true], .in-menulist),
+      /* For native context menus on macOS */
+      @supports -moz-bool-pref("widget.macos.native-context-menus") {
+        :not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, [type=checkbox], [checked=true], .in-menulist),
 :not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, [type=checkbox], [checked=true], .in-menulist) {
-      list-style-image: var(--menuitem-image) !important;
-    }
-  }
-  /* Padding */
-  :root {
-    --context-menu-background-padding-default: 5px;
-    --context-menu-background-padding: var(--context-menu-background-padding-default);
-  }
+          list-style-image: var(--menuitem-image) !important;
+        }
+      }
+      /* Padding */
+      :root {
+        --context-menu-background-padding-default: 5px;
+        --context-menu-background-padding: var(--context-menu-background-padding-default);
+      }
 
-  #placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
+      #placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
 #placesContext menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]),
 menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
 menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu {
-    background-position: left var(--context-menu-background-padding) center !important;
-    padding-inline-start: var(--context-menu-background-padding) !important;
-  }
+        background-position: left var(--context-menu-background-padding) center !important;
+        padding-inline-start: var(--context-menu-background-padding) !important;
+      }
 
-  /* Padding - Windows */
-  @media (-moz-os-version: windows-win7), (-moz-platform: windows-win7), (-moz-os-version: windows-win8), (-moz-platform: windows-win8), (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
-    /* Checkbox */
-    :root {
-      --context-menu-text-padding: calc(var(--menu-padding) + var(--context-menu-background-padding-default) + 16px);
-    }
+      /* Padding - Windows */
+      @media (-moz-os-version: windows-win7), (-moz-platform: windows-win7), (-moz-os-version: windows-win8), (-moz-platform: windows-win8), (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+        /* Checkbox */
+        :root {
+          --context-menu-text-padding: calc(var(--menu-padding) + var(--context-menu-background-padding-default) + 16px);
+        }
 
-    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem[type=checkbox][checked=false] > .menu-iconic-left {
-      padding-inline-start: var(--context-menu-text-padding);
-    }
-  }
-  @media (-moz-os-version: windows-win7), (-moz-platform: windows-win7) {
-    :root {
-      --context-menu-background-padding-default: 2px;
-    }
-  }
-  @media (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
-    :root {
-      --context-menu-background-padding-default: 3px;
-    }
-  }
-  @media (-moz-os-version: windows-win7), (-moz-platform: windows-win7), (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
-    #placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
+        :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem[type=checkbox][checked=false] > .menu-iconic-left {
+          padding-inline-start: var(--context-menu-text-padding);
+        }
+      }
+      @media (-moz-os-version: windows-win7), (-moz-platform: windows-win7) {
+        :root {
+          --context-menu-background-padding-default: 2px;
+        }
+      }
+      @media (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
+        :root {
+          --context-menu-background-padding-default: 3px;
+        }
+      }
+      @media (-moz-os-version: windows-win7), (-moz-platform: windows-win7), (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
+        #placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
 #placesContext menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]),
 menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
 menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu {
-      background-position: left var(--context-menu-background-padding) center !important;
-      padding-inline-start: 0 !important;
-    }
-  }
-  @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
-    :root {
-      --context-menu-background-padding: 1em;
-      --context-menu-text-padding: 24px;
-      /* 16px + 8px */
-      --menu-background-padding-default: calc(
-        var(--context-menu-background-padding) + var(--context-menu-text-padding)
-      );
-    }
+          background-position: left var(--context-menu-background-padding) center !important;
+          padding-inline-start: 0 !important;
+        }
+      }
+      @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+        :root {
+          --context-menu-background-padding: 1em;
+          --context-menu-text-padding: 24px;
+          /* 16px + 8px */
+          --menu-background-padding-default: calc(
+            var(--context-menu-background-padding) + var(--context-menu-text-padding)
+          );
+        }
 
-    #placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
+        #placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
 #placesContext menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]),
 menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
 menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu {
-      padding-inline-start: var(--menu-background-padding-default) !important;
-      margin-left: 0 !important;
-    }
-  }
-  /* Padding - Linux */
-  @media (-moz-gtk-csd-available) {
-    :root {
-      --context-menu-background-padding-default: 6px;
-    }
-  }
-  /* Padding - Mac */
-  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
-    :root {
-      --context-menu-background-padding-default: 10px;
-      --context-menu-mac-padding: 21px;
-    }
+          padding-inline-start: var(--menu-background-padding-default) !important;
+          margin-left: 0 !important;
+        }
+      }
+      /* Padding - Linux */
+      @media (-moz-gtk-csd-available) {
+        :root {
+          --context-menu-background-padding-default: 6px;
+        }
+      }
+      /* Padding - Mac */
+      @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+        :root {
+          --context-menu-background-padding-default: 10px;
+          --context-menu-mac-padding: 21px;
+        }
 
-    /* context menu width */
-    #placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
+        /* context menu width */
+        #placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]),
 #placesContext menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]) {
-      padding-inline-end: var(--context-menu-background-padding) !important;
-    }
+          padding-inline-end: var(--context-menu-background-padding) !important;
+        }
 
-    /* text position */
-    #placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]) > .menu-text,
+        /* text position */
+        #placesContext menuitem:not(.menuitem-iconic, .in-menulist, [type=checkbox], [checked=true]) > .menu-text,
 #placesContext menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]) > .menu-text {
-      padding-inline-start: var(--context-menu-mac-padding) !important;
-    }
+          padding-inline-start: var(--context-menu-mac-padding) !important;
+        }
 
-    /* Checkbox menuitem, None iconic menu */
-    #placesContext menuitem[type=checkbox],
+        /* Checkbox menuitem, None iconic menu */
+        #placesContext menuitem[type=checkbox],
 #placesContext menu:not(.menu-iconic) {
-      padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important;
-    }
-  }
-  /* Icon lists */
-  /*= placeContext =============================================================*/
-  #placesContext_open {
-    --menuitem-image: url("./icons/link-square.svg");
-  }
+          padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important;
+        }
+      }
+      /* Icon lists */
+      /*= placeContext =============================================================*/
+      #placesContext_open {
+        --menuitem-image: url("./icons/link-square.svg");
+      }
 
-  #placesContext_openBookmarkContainer\:tabs,
+      #placesContext_openBookmarkContainer\:tabs,
 #placesContext_openBookmarkLinks\:tabs {
-    --menuitem-image: url("./icons/movetowindow-16.svg");
-  }
+        --menuitem-image: url("./icons/movetowindow-16.svg");
+      }
 
-  #placesContext_open\:newtab,
+      #placesContext_open\:newtab,
 #placesContext_openContainer\:tabs,
 #placesContext_openLinks\:tabs {
-    --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-  }
+        --menuitem-image: url("chrome://browser/skin/new-tab.svg");
+      }
 
-  #placesContext_open\:newwindow {
-    --menuitem-image: url("chrome://browser/skin/window.svg");
-  }
+      #placesContext_open\:newwindow {
+        --menuitem-image: url("chrome://browser/skin/window.svg");
+      }
 
-  #placesContext_open\:newprivatewindow {
-    --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
-  }
+      #placesContext_open\:newprivatewindow {
+        --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
+      }
 
-  #placesContext_show_bookmark\:info,
+      #placesContext_show_bookmark\:info,
 #placesContext_show\:info,
 #placesContext_show_folder\:info {
-    --menuitem-image: url("chrome://global/skin/icons/edit.svg");
-  }
+        --menuitem-image: url("chrome://global/skin/icons/edit.svg");
+      }
 
-  #placesContext_deleteBookmark,
+      #placesContext_deleteBookmark,
 #placesContext_deleteFolder,
 #placesContext_delete,
 #placesContext_delete_history {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-
-  #placesContext_deleteHost {
-    --menuitem-image: url("./icons/eye-hide.svg");
-  }
-
-  #placesContext_sortBy\:name {
-    --menuitem-image: url("./icons/text-sort-ascending.svg");
-  }
-
-  #placesContext_cut {
-    --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-  }
-
-  #placesContext_copy {
-    --menuitem-image: url("./icons/edit-copy.svg");
-  }
-
-  #placesContext_paste_group {
-    --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-  }
-
-  #placesContext_new\:bookmark {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-
-  #placesContext_new\:folder {
-    --menuitem-image: url("chrome://global/skin/icons/folder.svg");
-  }
-
-  #placesContext_new\:separator {
-    --menuitem-image: url("./icons/vertical-line.svg");
-  }
-
-  #placesContext_paste {
-    --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-  }
-
-  #placesContext_createBookmark {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-
-  #show-other-bookmarks_PersonalToolbar {
-    /* checkbox */
-    /* --menuitem-image: url("./icons/star-line-horizontal.svg"); */
-  }
-
-  #placesContext_showAllBookmarks {
-    --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
-  }
-
-  .openintabs-menuitem {
-    --menuitem-image: url("./icons/movetowindow-16.svg");
-  }
-
-  /*= organizeButtonPopup ======================================================*/
-  #newbookmark {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-
-  #newfolder {
-    --menuitem-image: url("./icons/folder.svg");
-  }
-
-  #newseparator {
-    --menuitem-image: url("./icons/vertical-line.svg");
-  }
-
-  #orgUndo {
-    --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-  }
-
-  #orgCut {
-    --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-  }
-
-  #orgCopy {
-    --menuitem-image: url("./icons/edit-copy.svg");
-  }
-
-  #orgPaste {
-    --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-  }
-
-  #orgDelete {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-
-  #orgSelectAll {
-    --menuitem-image: url("./icons/select-all-on.svg");
-  }
-
-  #orgClose {
-    --menuitem-image: url("chrome://global/skin/icons/close.svg");
-  }
-
-  /*= viewMenuPopup ============================================================*/
-  #viewColumns {
-    --menuitem-image: url("chrome://global/skin/icons/columnpicker.svg");
-  }
-
-  #viewSort {
-    --menuitem-image: url("./icons/text-sort-ascending.svg");
-  }
-
-  /*= maintenanceButtonPopup ===================================================*/
-  #backupBookmarks {
-    --menuitem-image: url("chrome://devtools/skin/images/datastore.svg");
-  }
-
-  #fileImport {
-    --menuitem-image: url("chrome://browser/skin/save.svg");
-  }
-
-  #fileExport {
-    --menuitem-image: url("chrome://browser/skin/open.svg");
-  }
-
-  #browserImport {
-    --menuitem-image: url("chrome://browser/skin/import.svg");
-  }
-
-  @media (-moz-gtk-csd-available) {
-    /*= Layout Fixes =========================================================*/
-    menupopup menu {
-      padding-block: 4px;
-    }
-
-    .menu-right {
-      width: 16px !important;
-      /* Original: 1ex */
-      background-image: url("chrome://global/skin/icons/arrow-right.svg");
-      background-position: right center;
-    }
-
-    /*= Proton ===============================================================*/
-    :root {
-      --organizer-color: -moz-DialogText;
-      --organizer-deemphasized-color: GrayText;
-      --organizer-toolbar-background: -moz-Dialog;
-      --organizer-pane-background: -moz-Dialog;
-      --organizer-content-background: -moz-Dialog;
-      --organizer-hover-background: SelectedItem;
-      --organizer-hover-color: SelectedItemText;
-      --organizer-selected-background: SelectedItem;
-      --organizer-selected-color: SelectedItemText;
-      --organizer-outline-color: SelectedItem;
-      --organizer-separator-color: ThreeDDarkShadow;
-      --organizer-border-color: ThreeDShadow;
-      --organizer-toolbar-field-background: Field;
-      --organizer-toolbar-field-background-focused: Field;
-      --organizer-toolbar-field-border-color: ThreeDShadow;
-      --organizer-toolbar-field-focus-border-color: var(--organizer-outline-color);
-      --organizer-toolbar-field-focus-box-shadow: unset;
-      --organizer-pane-field-border-color: ThreeDShadow;
-    }
-
-    @media not all and (prefers-contrast) {
-      :root {
-        --organizer-color: var(--in-content-page-color);
-        --organizer-deemphasized-color: var(--in-content-deemphasized-text);
-        --organizer-toolbar-background: rgb(249, 249, 251);
-        /* --toolbar-bgcolor */
-        --organizer-pane-background: rgb(229, 229, 235);
-        /* --lwt-accent-color */
-        --organizer-content-background: var(--in-content-page-background);
-        --organizer-hover-background: var(--in-content-button-background-hover);
-        --organizer-hover-color: var(--organizer-color);
-        --organizer-selected-background: var(--in-content-button-background-active);
-        --organizer-selected-color: var(--organizer-color);
-        --organizer-outline-color: var(--in-content-primary-button-background);
-        --organizer-separator-color: var(--organizer-pane-field-border-color);
-        --organizer-border-color: var(--in-content-border-color);
-        --organizer-toolbar-field-background: rgb(240, 240, 244);
-        /* --lwt-accent-color */
-        --organizer-toolbar-field-background-focused: Field;
-        --organizer-toolbar-field-border-color: transparent;
-        --organizer-toolbar-field-focus-border-color: color-mix(
-          in srgb,
-          var(--organizer-outline-color) 50%,
-          transparent
-        );
-        --organizer-toolbar-field-focus-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23);
-        --organizer-pane-field-border-color: color-mix(in srgb, currentColor 41%, transparent);
+        --menuitem-image: url("chrome://global/skin/icons/delete.svg");
       }
 
-      @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+      #placesContext_deleteHost {
+        --menuitem-image: url("./icons/eye-hide.svg");
+      }
+
+      #placesContext_sortBy\:name {
+        --menuitem-image: url("./icons/text-sort-ascending.svg");
+      }
+
+      #placesContext_cut {
+        --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
+      }
+
+      #placesContext_copy {
+        --menuitem-image: url("./icons/edit-copy.svg");
+      }
+
+      #placesContext_paste_group {
+        --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
+      }
+
+      #placesContext_new\:bookmark {
+        --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+      }
+
+      #placesContext_new\:folder {
+        --menuitem-image: url("./icons/folder.svg");
+      }
+
+      #placesContext_new\:separator {
+        --menuitem-image: url("./icons/vertical-line.svg");
+      }
+
+      #placesContext_paste {
+        --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
+      }
+
+      #placesContext_createBookmark {
+        --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+      }
+
+      #show-other-bookmarks_PersonalToolbar {
+        /* checkbox */
+        /* --menuitem-image: url("./icons/star-line-horizontal.svg"); */
+      }
+
+      #placesContext_showAllBookmarks {
+        --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
+      }
+
+      .openintabs-menuitem {
+        --menuitem-image: url("./icons/movetowindow-16.svg");
+      }
+
+      /*= organizeButtonPopup ======================================================*/
+      #newbookmark {
+        --menuitem-image: url("chrome://browser/skin/bookmark.svg");
+      }
+
+      #newfolder {
+        --menuitem-image: url("./icons/folder.svg");
+      }
+
+      #newseparator {
+        --menuitem-image: url("./icons/vertical-line.svg");
+      }
+
+      #orgUndo {
+        --menuitem-image: url("chrome://global/skin/icons/undo.svg");
+      }
+
+      #orgCut {
+        --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
+      }
+
+      #orgCopy {
+        --menuitem-image: url("./icons/edit-copy.svg");
+      }
+
+      #orgPaste {
+        --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
+      }
+
+      #orgDelete {
+        --menuitem-image: url("chrome://global/skin/icons/delete.svg");
+      }
+
+      #orgSelectAll {
+        --menuitem-image: url("./icons/select-all-on.svg");
+      }
+
+      #orgClose {
+        --menuitem-image: url("chrome://global/skin/icons/close.svg");
+      }
+
+      /*= viewMenuPopup ============================================================*/
+      #viewColumns {
+        --menuitem-image: url("chrome://global/skin/icons/columnpicker.svg");
+      }
+
+      #viewSort {
+        --menuitem-image: url("./icons/text-sort-ascending.svg");
+      }
+
+      /*= maintenanceButtonPopup ===================================================*/
+      #backupBookmarks {
+        --menuitem-image: url("chrome://devtools/skin/images/datastore.svg");
+      }
+
+      #fileImport {
+        --menuitem-image: url("chrome://browser/skin/save.svg");
+      }
+
+      #fileExport {
+        --menuitem-image: url("chrome://browser/skin/open.svg");
+      }
+
+      #browserImport {
+        --menuitem-image: url("chrome://browser/skin/import.svg");
+      }
+    }
+    @media (-moz-gtk-csd-available) {
+      /*= Layout Fixes =========================================================*/
+      menupopup menu {
+        padding-block: 4px;
+      }
+
+      .menu-right {
+        width: 16px !important;
+        /* Original: 1ex */
+        background-image: url("chrome://global/skin/icons/arrow-right.svg");
+        background-position: right center;
+      }
+
+      /*= Proton ===============================================================*/
+      @inlclude Option("userContent.page.proton") {
         :root {
-          --organizer-color: rgb(251, 251, 254);
-          --organizer-deemphasized-color: rgb(191, 191, 201);
-          --organizer-toolbar-background: rgb(43, 42, 51);
-          --organizer-pane-background: rgb(35, 34, 43);
-          --organizer-content-background: rgb(28, 27, 34);
-          --organizer-hover-background: rgb(82, 82, 94);
-          --organizer-selected-background: rgb(91, 91, 102);
-          --organizer-outline-color: rgb(0, 221, 255);
-          --organizer-toolbar-field-background: var(--in-content-page-background);
-          --organizer-toolbar-field-background-focused: rgb(66, 65, 77);
-          scrollbar-color: rgba(249, 249, 250, 0.4) rgba(20, 20, 25, 0.3);
+          --organizer-color: -moz-DialogText;
+          --organizer-deemphasized-color: GrayText;
+          --organizer-toolbar-background: -moz-Dialog;
+          --organizer-pane-background: -moz-Dialog;
+          --organizer-content-background: -moz-Dialog;
+          --organizer-hover-background: SelectedItem;
+          --organizer-hover-color: SelectedItemText;
+          --organizer-selected-background: SelectedItem;
+          --organizer-selected-color: SelectedItemText;
+          --organizer-outline-color: SelectedItem;
+          --organizer-separator-color: ThreeDDarkShadow;
+          --organizer-border-color: ThreeDShadow;
+          --organizer-toolbar-field-background: Field;
+          --organizer-toolbar-field-background-focused: Field;
+          --organizer-toolbar-field-border-color: ThreeDShadow;
+          --organizer-toolbar-field-focus-border-color: var(--organizer-outline-color);
+          --organizer-toolbar-field-focus-box-shadow: unset;
+          --organizer-pane-field-border-color: ThreeDShadow;
         }
-      }
-    }
-    /*- Toolbar & Menus ------------------------------------------------------*/
-    #placesToolbar {
-      appearance: none !important;
-      background-color: var(--organizer-toolbar-background) !important;
-      color: var(--organizer-color) !important;
-      border-bottom: 1px solid var(--organizer-border-color) !important;
-      padding: 4px !important;
-      padding-inline-end: 6px !important;
-    }
 
-    #placesToolbar > toolbarbutton {
-      appearance: none !important;
-      padding: 5px !important;
-      border-radius: 4px !important;
-    }
+        @media not all and (prefers-contrast) {
+          :root {
+            --organizer-color: var(--in-content-page-color);
+            --organizer-deemphasized-color: var(--in-content-deemphasized-text);
+            --organizer-toolbar-background: rgb(249, 249, 251);
+            /* --toolbar-bgcolor */
+            --organizer-pane-background: rgb(229, 229, 235);
+            /* --lwt-accent-color */
+            --organizer-content-background: var(--in-content-page-background);
+            --organizer-hover-background: var(--in-content-button-background-hover);
+            --organizer-hover-color: var(--organizer-color);
+            --organizer-selected-background: var(--in-content-button-background-active);
+            --organizer-selected-color: var(--organizer-color);
+            --organizer-outline-color: var(--in-content-primary-button-background);
+            --organizer-separator-color: var(--organizer-pane-field-border-color);
+            --organizer-border-color: var(--in-content-border-color);
+            --organizer-toolbar-field-background: rgb(240, 240, 244);
+            /* --lwt-accent-color */
+            --organizer-toolbar-field-background-focused: Field;
+            --organizer-toolbar-field-border-color: transparent;
+            --organizer-toolbar-field-focus-border-color: color-mix(
+              in srgb,
+              var(--organizer-outline-color) 50%,
+              transparent
+            );
+            --organizer-toolbar-field-focus-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23);
+            --organizer-pane-field-border-color: color-mix(in srgb, currentColor 41%, transparent);
+          }
 
-    #placesToolbar > toolbarbutton[disabled] {
-      opacity: 0.6 !important;
-    }
+          @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+            :root {
+              --organizer-color: rgb(251, 251, 254);
+              --organizer-deemphasized-color: rgb(191, 191, 201);
+              --organizer-toolbar-background: rgb(43, 42, 51);
+              --organizer-pane-background: rgb(35, 34, 43);
+              --organizer-content-background: rgb(28, 27, 34);
+              --organizer-hover-background: rgb(82, 82, 94);
+              --organizer-selected-background: rgb(91, 91, 102);
+              --organizer-outline-color: rgb(0, 221, 255);
+              --organizer-toolbar-field-background: var(--in-content-page-background);
+              --organizer-toolbar-field-background-focused: rgb(66, 65, 77);
+              scrollbar-color: rgba(249, 249, 250, 0.4) rgba(20, 20, 25, 0.3);
+            }
+          }
+        }
+        /*- Toolbar & Menus ------------------------------------------------------*/
+        #placesToolbar {
+          appearance: none !important;
+          background-color: var(--organizer-toolbar-background) !important;
+          color: var(--organizer-color) !important;
+          border-bottom: 1px solid var(--organizer-border-color) !important;
+          padding: 4px !important;
+          padding-inline-end: 6px !important;
+        }
 
-    #placesToolbar > toolbarbutton:not([disabled]):hover {
-      background-color: var(--organizer-hover-background) !important;
-      color: var(--organizer-hover-color) !important;
-    }
+        #placesToolbar > toolbarbutton {
+          appearance: none !important;
+          padding: 5px !important;
+          border-radius: 4px !important;
+        }
 
-    #placesToolbar > toolbarbutton:not([disabled]):hover:active {
-      background-color: var(--organizer-selected-background) !important;
-    }
+        #placesToolbar > toolbarbutton[disabled] {
+          opacity: 0.6 !important;
+        }
 
-    #placesToolbar > toolbarbutton > .toolbarbutton-icon,
+        #placesToolbar > toolbarbutton:not([disabled]):hover {
+          background-color: var(--organizer-hover-background) !important;
+          color: var(--organizer-hover-color) !important;
+        }
+
+        #placesToolbar > toolbarbutton:not([disabled]):hover:active {
+          background-color: var(--organizer-selected-background) !important;
+        }
+
+        #placesToolbar > toolbarbutton > .toolbarbutton-icon,
 #placesMenu > menu > image,
 #placesMenu > menu > .menubar-text {
-      -moz-context-properties: fill !important;
-      fill: currentColor !important;
-    }
+          -moz-context-properties: fill !important;
+          fill: currentColor !important;
+        }
 
-    #placesMenu {
-      margin-inline-start: 6px !important;
-    }
+        #placesMenu {
+          margin-inline-start: 6px !important;
+        }
 
-    #placesMenu > menu {
-      appearance: none !important;
-      color: var(--organizer-color) !important;
-      border-radius: 4px !important;
-      padding-block: 5px !important;
-      padding-inline-start: 5px !important;
-      margin-inline-end: 2px !important;
-    }
+        #placesMenu > menu {
+          appearance: none !important;
+          color: var(--organizer-color) !important;
+          border-radius: 4px !important;
+          padding-block: 5px !important;
+          padding-inline-start: 5px !important;
+          margin-inline-end: 2px !important;
+        }
 
-    #placesMenu > menu[_moz-menuactive=true],
+        #placesMenu > menu[_moz-menuactive=true],
 #placesMenu > menu:hover {
-      background-color: var(--organizer-hover-background) !important;
-      color: var(--organizer-hover-color) !important;
-    }
+          background-color: var(--organizer-hover-background) !important;
+          color: var(--organizer-hover-color) !important;
+        }
 
-    #placesMenu > menu:hover:active,
+        #placesMenu > menu:hover:active,
 #placesMenu > menu[open] {
-      background-color: var(--organizer-selected-background) !important;
-      color: var(--organizer-selected-color) !important;
-    }
+          background-color: var(--organizer-selected-background) !important;
+          color: var(--organizer-selected-color) !important;
+        }
 
-    #placesMenu > menu > .menubar-text {
-      margin-block: 0 !important;
-      /* override menu.css */
-      padding-inline-end: 4px !important;
-    }
+        #placesMenu > menu > .menubar-text {
+          margin-block: 0 !important;
+          /* override menu.css */
+          padding-inline-end: 4px !important;
+        }
 
-    /*- Search Bar & Input ---------------------------------------------------*/
-    #searchFilter,
+        /*- Search Bar & Input ---------------------------------------------------*/
+        #searchFilter,
 #detailsPane html|input {
-      appearance: none !important;
-      background-color: var(--organizer-toolbar-field-background) !important;
-      color: var(--organizer-color) !important;
-      border: 1px solid var(--organizer-toolbar-field-border-color) !important;
-      border-radius: 4px !important;
-      margin: 0 !important;
-      padding-block: 2px !important;
-      min-height: 24px !important;
-    }
+          appearance: none !important;
+          background-color: var(--organizer-toolbar-field-background) !important;
+          color: var(--organizer-color) !important;
+          border: 1px solid var(--organizer-toolbar-field-border-color) !important;
+          border-radius: 4px !important;
+          margin: 0 !important;
+          padding-block: 2px !important;
+          min-height: 24px !important;
+        }
 
-    #searchFilter[focused] {
-      box-shadow: var(--organizer-toolbar-field-focus-box-shadow) !important;
-      background-color: var(--organizer-toolbar-field-background-focused) !important;
-      border-color: transparent !important;
-      outline: 2px solid var(--organizer-toolbar-field-focus-border-color) !important;
-      outline-offset: -2px !important;
-    }
+        #searchFilter[focused] {
+          box-shadow: var(--organizer-toolbar-field-focus-box-shadow) !important;
+          background-color: var(--organizer-toolbar-field-background-focused) !important;
+          border-color: transparent !important;
+          outline: 2px solid var(--organizer-toolbar-field-focus-border-color) !important;
+          outline-offset: -2px !important;
+        }
 
-    /*- Sidebar & Splitter ---------------------------------------------------*/
-    #placesList {
-      background-color: var(--organizer-pane-background) !important;
-    }
+        /*- Sidebar & Splitter ---------------------------------------------------*/
+        #placesList {
+          background-color: var(--organizer-pane-background) !important;
+        }
 
-    #placesView > splitter {
-      border: 0 !important;
-      border-inline-end: 1px solid var(--organizer-border-color) !important;
-      min-width: 0 !important;
-      width: 3px !important;
-      background-color: transparent !important;
-      margin-inline-start: -3px !important;
-      position: relative !important;
-    }
+        #placesView > splitter {
+          border: 0 !important;
+          border-inline-end: 1px solid var(--organizer-border-color) !important;
+          min-width: 0 !important;
+          width: 3px !important;
+          background-color: transparent !important;
+          margin-inline-start: -3px !important;
+          position: relative !important;
+        }
 
-    /*- Downloads Pane -------------------------------------------------------*/
-    #downloadsRichListBox {
-      color: var(--organizer-color) !important;
-      background-color: var(--organizer-content-background) !important;
-    }
+        /*- Downloads Pane -------------------------------------------------------*/
+        #downloadsRichListBox {
+          color: var(--organizer-color) !important;
+          background-color: var(--organizer-content-background) !important;
+        }
 
-    #clearDownloadsButton:focus-visible {
-      outline: 2px solid var(--organizer-outline-color) !important;
-    }
+        #clearDownloadsButton:focus-visible {
+          outline: 2px solid var(--organizer-outline-color) !important;
+        }
 
-    richlistitem[selected=true],
+        richlistitem[selected=true],
 richlistitem:hover {
-      background-color: var(--organizer-hover-background) !important;
-      color: var(--organizer-color) !important;
-    }
+          background-color: var(--organizer-hover-background) !important;
+          color: var(--organizer-color) !important;
+        }
 
-    richlistbox:where(:focus) > richlistitem[selected=true] {
-      background-color: var(--organizer-selected-background) !important;
-    }
+        richlistbox:where(:focus) > richlistitem[selected=true] {
+          background-color: var(--organizer-selected-background) !important;
+        }
 
-    /*- Tree -----------------------------------------------------------------*/
-    #contentView treecol {
-      /* Use box-shadow to draw a bottom border instead of border-bottom
-         * because otherwise the items on contentView won't be perfectly
-         * aligned with the items on the sidebar. */
-      box-shadow: inset 0 -1px var(--organizer-border-color) !important;
-    }
+        /*- Tree -----------------------------------------------------------------*/
+        #contentView treecol {
+          /* Use box-shadow to draw a bottom border instead of border-bottom
+             * because otherwise the items on contentView won't be perfectly
+             * aligned with the items on the sidebar. */
+          box-shadow: inset 0 -1px var(--organizer-border-color) !important;
+        }
 
-    tree {
-      background-color: var(--organizer-content-background) !important;
-      color: var(--organizer-color) !important;
-    }
+        tree {
+          background-color: var(--organizer-content-background) !important;
+          color: var(--organizer-color) !important;
+        }
 
-    treecol:not([hideheader=true]),
+        treecol:not([hideheader=true]),
 treecolpicker {
-      appearance: none !important;
-      border: none !important;
-      background-color: var(--in-content-button-background) !important;
-      color: var(--organizer-color, inherit) !important;
-      padding: 5px 10px !important;
-    }
+          appearance: none !important;
+          border: none !important;
+          background-color: var(--in-content-button-background) !important;
+          color: var(--organizer-color, inherit) !important;
+          padding: 5px 10px !important;
+        }
 
-    treecol:not([hideheader=true], [sortable=false]):hover,
+        treecol:not([hideheader=true], [sortable=false]):hover,
 treecolpicker:hover {
-      background-color: var(--organizer-hover-background) !important;
-      color: var(--organizer-color) !important;
-    }
+          background-color: var(--organizer-hover-background) !important;
+          color: var(--organizer-color) !important;
+        }
 
-    treecol:not([hideheader=true], [sortable=false]):hover:active,
+        treecol:not([hideheader=true], [sortable=false]):hover:active,
 treecolpicker:hover:active {
-      background-color: var(--organizer-selected-background) !important;
-    }
+          background-color: var(--organizer-selected-background) !important;
+        }
 
-    treecol:not([hideheader=true], :first-child),
+        treecol:not([hideheader=true], :first-child),
 treecolpicker {
-      padding-left: 10px !important;
-      border-inline-start-width: 1px !important;
-      border-inline-start-style: solid !important;
-      border-image: linear-gradient(transparent 0%, transparent 20%, var(--organizer-border-color) 20%, var(--organizer-border-color) 80%, transparent 80%, transparent 100%) 1 1 !important;
-    }
+          padding-left: 10px !important;
+          border-inline-start-width: 1px !important;
+          border-inline-start-style: solid !important;
+          border-image: linear-gradient(transparent 0%, transparent 20%, var(--organizer-border-color) 20%, var(--organizer-border-color) 80%, transparent 80%, transparent 100%) 1 1 !important;
+        }
 
-    treecol[sortDirection]:not([hideheader=true]) > xul|*.treecol-sortdirection {
-      fill: currentColor !important;
-      width: 18px !important;
-      height: 18px !important;
-    }
+        treecol[sortDirection]:not([hideheader=true]) > xul|*.treecol-sortdirection {
+          fill: currentColor !important;
+          width: 18px !important;
+          height: 18px !important;
+        }
 
-    treechildren::-moz-tree-row {
-      background-color: transparent !important;
-    }
+        treechildren::-moz-tree-row {
+          background-color: transparent !important;
+        }
 
-    treechildren::-moz-tree-row(hover) {
-      background-color: var(--organizer-hover-background) !important;
-    }
+        treechildren::-moz-tree-row(hover) {
+          background-color: var(--organizer-hover-background) !important;
+        }
 
-    treechildren::-moz-tree-row(selected) {
-      background-color: var(--organizer-selected-background) !important;
-      color: var(--organizer-selected-color) !important;
-      border: 1px solid transparent !important;
-    }
+        treechildren::-moz-tree-row(selected) {
+          background-color: var(--organizer-selected-background) !important;
+          color: var(--organizer-selected-color) !important;
+          border: 1px solid transparent !important;
+        }
 
-    treechildren::-moz-tree-image(hover),
+        treechildren::-moz-tree-image(hover),
 treechildren::-moz-tree-twisty(hover),
 treechildren::-moz-tree-cell-text(hover) {
-      color: var(--organizer-hover-color) !important;
-    }
+          color: var(--organizer-hover-color) !important;
+        }
 
-    treechildren::-moz-tree-image(selected),
+        treechildren::-moz-tree-image(selected),
 treechildren::-moz-tree-twisty(selected),
 treechildren::-moz-tree-cell-text(selected) {
-      color: var(--organizer-selected-color) !important;
-    }
+          color: var(--organizer-selected-color) !important;
+        }
 
-    treechildren::-moz-tree-separator {
-      height: 1px !important;
-      border-color: var(--organizer-separator-color) !important;
-    }
+        treechildren::-moz-tree-separator {
+          height: 1px !important;
+          border-color: var(--organizer-separator-color) !important;
+        }
 
-    treechildren::-moz-tree-separator(hover) {
-      border-color: var(--organizer-hover-color) !important;
-    }
+        treechildren::-moz-tree-separator(hover) {
+          border-color: var(--organizer-hover-color) !important;
+        }
 
-    treechildren::-moz-tree-separator(selected) {
-      border-color: var(--organizer-selected-color) !important;
-    }
+        treechildren::-moz-tree-separator(selected) {
+          border-color: var(--organizer-selected-color) !important;
+        }
 
-    /*- Info Box -------------------------------------------------------------*/
-    #detailsPane {
-      background-color: var(--organizer-pane-background) !important;
-      color: var(--organizer-color) !important;
-      padding: 5px !important;
-      border-top: 1px solid var(--organizer-border-color) !important;
-    }
+        /*- Info Box -------------------------------------------------------------*/
+        #detailsPane {
+          background-color: var(--organizer-pane-background) !important;
+          color: var(--organizer-color) !important;
+          padding: 5px !important;
+          border-top: 1px solid var(--organizer-border-color) !important;
+        }
 
-    #editBookmarkPanelRows .expander-up,
+        #editBookmarkPanelRows .expander-up,
 #editBookmarkPanelRows .expander-down {
-      appearance: none !important;
-      min-width: 0 !important;
-      padding: 5px !important;
-      margin: 0 !important;
-      margin-inline-end: 4px !important;
-      border: 1px solid var(--organizer-pane-field-border-color) !important;
-      border-radius: 4px !important;
-      color: var(--organizer-color) !important;
-      background-color: var(--organizer-content-background) !important;
-      list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-      -moz-context-properties: fill !important;
-      fill: currentColor !important;
-    }
+          appearance: none !important;
+          min-width: 0 !important;
+          padding: 5px !important;
+          margin: 0 !important;
+          margin-inline-end: 4px !important;
+          border: 1px solid var(--organizer-pane-field-border-color) !important;
+          border-radius: 4px !important;
+          color: var(--organizer-color) !important;
+          background-color: var(--organizer-content-background) !important;
+          list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
+          -moz-context-properties: fill !important;
+          fill: currentColor !important;
+        }
 
-    #editBookmarkPanelRows .expander-up:hover,
+        #editBookmarkPanelRows .expander-up:hover,
 #editBookmarkPanelRows .expander-down:hover {
-      background-color: var(--organizer-hover-background) !important;
-      color: var(--organizer-hover-color) !important;
-    }
+          background-color: var(--organizer-hover-background) !important;
+          color: var(--organizer-hover-color) !important;
+        }
 
-    #editBookmarkPanelRows .expander-up:hover:active,
+        #editBookmarkPanelRows .expander-up:hover:active,
 #editBookmarkPanelRows .expander-down:hover:active {
-      background-color: var(--organizer-selected-background) !important;
-      color: var(--organizer-selected-color) !important;
-    }
+          background-color: var(--organizer-selected-background) !important;
+          color: var(--organizer-selected-color) !important;
+        }
 
-    #editBookmarkPanelRows .expander-up:focus-visible,
+        #editBookmarkPanelRows .expander-up:focus-visible,
 #editBookmarkPanelRows .expander-down:focus-visible {
-      outline: 2px solid var(--organizer-outline-color) !important;
-      outline-offset: -1px !important;
-    }
+          outline: 2px solid var(--organizer-outline-color) !important;
+          outline-offset: -1px !important;
+        }
 
-    #editBookmarkPanelRows .expander-up {
-      list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg");
-    }
+        #editBookmarkPanelRows .expander-up {
+          list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg");
+        }
 
-    #editBookmarkPanelRows .expander-up > .button-box,
+        #editBookmarkPanelRows .expander-up > .button-box,
 #editBookmarkPanelRows .expander-down > .button-box {
-      padding: 0 !important;
-    }
+          padding: 0 !important;
+        }
 
-    #places input {
-      border: 1px solid var(--organizer-pane-field-border-color) !important;
-      border-radius: 4px !important;
-      background-color: var(--organizer-content-background) !important;
-      color: var(--organizer-color) !important;
-      min-height: 20px !important;
-      padding-inline: 4px !important;
-    }
+        #places input {
+          border: 1px solid var(--organizer-pane-field-border-color) !important;
+          border-radius: 4px !important;
+          background-color: var(--organizer-content-background) !important;
+          color: var(--organizer-color) !important;
+          min-height: 20px !important;
+          padding-inline: 4px !important;
+        }
 
-    #places input:focus {
-      outline: 2px solid var(--organizer-outline-color) !important;
-      outline-offset: -1px !important;
-    }
+        #places input:focus {
+          outline: 2px solid var(--organizer-outline-color) !important;
+          outline-offset: -1px !important;
+        }
 
-    #places input:not(:read-write):focus {
-      outline: none !important;
-    }
+        #places input:not(:read-write):focus {
+          outline: none !important;
+        }
 
-    .caption-label {
-      margin-inline-start: 8px !important;
-      color: var(--organizer-deemphasized-color) !important;
-    }
+        .caption-label {
+          margin-inline-start: 8px !important;
+          color: var(--organizer-deemphasized-color) !important;
+        }
 
-    #editBMPanel_tagsSelectorRow > richlistbox {
-      appearance: none !important;
-      color: var(--organizer-color) !important;
-      background-color: var(--organizer-content-background) !important;
-      border: 1px solid var(--organizer-border-color) !important;
-      border-radius: 4px !important;
-    }
+        #editBMPanel_tagsSelectorRow > richlistbox {
+          appearance: none !important;
+          color: var(--organizer-color) !important;
+          background-color: var(--organizer-content-background) !important;
+          border: 1px solid var(--organizer-border-color) !important;
+          border-radius: 4px !important;
+        }
 
-    #editBMPanel_tagsSelectorRow > richlistbox > richlistitem {
-      border: 1px solid transparent !important;
-    }
+        #editBMPanel_tagsSelectorRow > richlistbox > richlistitem {
+          border: 1px solid transparent !important;
+        }
 
-    #editBMPanel_tagsSelectorRow > richlistbox > richlistitem:hover {
-      background-color: var(--organizer-hover-background) !important;
-      color: var(--organizer-hover-color) !important;
-    }
+        #editBMPanel_tagsSelectorRow > richlistbox > richlistitem:hover {
+          background-color: var(--organizer-hover-background) !important;
+          color: var(--organizer-hover-color) !important;
+        }
 
-    #editBMPanel_tagsSelectorRow > richlistbox > richlistitem[selected] {
-      background-color: var(--organizer-selected-background) !important;
-      color: var(--organizer-selected-color) !important;
-    }
+        #editBMPanel_tagsSelectorRow > richlistbox > richlistitem[selected] {
+          background-color: var(--organizer-selected-background) !important;
+          color: var(--organizer-selected-color) !important;
+        }
 
-    /*- Radio Button ---------------------------------------------------------*/
-    menuitem[type=radio] {
-      /* margin-inline-start: 0 !important; */
-      appearance: none !important;
-    }
+        /*- Radio Button ---------------------------------------------------------*/
+        menuitem[type=radio] {
+          /* margin-inline-start: 0 !important; */
+          appearance: none !important;
+        }
 
-    menuitem[type=radio] > .menu-iconic-left > .menu-iconic-icon {
-      appearance: none !important;
-      width: 16px !important;
-      height: 16px !important;
-      padding: 0 !important;
-      border: 1px solid var(--in-content-box-border-color) !important;
-      border-radius: 100% !important;
-      margin-block: 2px !important;
-      /* extend the vertical clicktarget */
-      margin-inline: 0 6px !important;
-      background-color: var(--in-content-button-background) !important;
-      background-position: center !important;
-      flex-shrink: 0 !important;
-      /* avoid shrinking inside flex container */
-    }
+        menuitem[type=radio] > .menu-iconic-left > .menu-iconic-icon {
+          appearance: none !important;
+          width: 16px !important;
+          height: 16px !important;
+          padding: 0 !important;
+          border: 1px solid var(--in-content-box-border-color) !important;
+          border-radius: 100% !important;
+          margin-block: 2px !important;
+          /* extend the vertical clicktarget */
+          margin-inline: 0 6px !important;
+          background-color: var(--in-content-button-background) !important;
+          background-position: center !important;
+          flex-shrink: 0 !important;
+          /* avoid shrinking inside flex container */
+        }
 
-    menuitem[type=radio]:not([disabled=true]):hover > .menu-iconic-left > .menu-iconic-icon {
-      background-color: var(--in-content-button-background-hover) !important;
-      color: var(--in-content-button-text-color-hover) !important;
-    }
+        menuitem[type=radio]:not([disabled=true]):hover > .menu-iconic-left > .menu-iconic-icon {
+          background-color: var(--in-content-button-background-hover) !important;
+          color: var(--in-content-button-text-color-hover) !important;
+        }
 
-    menuitem[type=radio]:not([disabled=true]):hover:active > .menu-iconic-left > .menu-iconic-icon {
-      background-color: var(--in-content-button-background-active) !important;
-    }
+        menuitem[type=radio]:not([disabled=true]):hover:active > .menu-iconic-left > .menu-iconic-icon {
+          background-color: var(--in-content-button-background-active) !important;
+        }
 
-    menuitem[type=radio] > .menu-iconic-left[checked=true] > .menu-iconic-icon {
-      -moz-context-properties: fill !important;
-      fill: currentColor !important;
-      color: var(--in-content-primary-button-text-color) !important;
-      background-color: var(--in-content-primary-button-background) !important;
-      background-image: url("chrome://global/skin/icons/radio.svg") !important;
-      border-color: transparent !important;
-      /* Style the button also when printing with "Print Backgrounds" unchecked */
-      color-adjust: exact !important;
-    }
+        menuitem[type=radio] > .menu-iconic-left[checked=true] > .menu-iconic-icon {
+          -moz-context-properties: fill !important;
+          fill: currentColor !important;
+          color: var(--in-content-primary-button-text-color) !important;
+          background-color: var(--in-content-primary-button-background) !important;
+          background-image: url("chrome://global/skin/icons/radio.svg") !important;
+          border-color: transparent !important;
+          /* Style the button also when printing with "Print Backgrounds" unchecked */
+          color-adjust: exact !important;
+        }
 
-    menuitem[type=radio]:not([disabled=true])[checked=true]:hover > .menu-iconic-left > .menu-iconic-icon {
-      background-color: var(--in-content-primary-button-background-hover) !important;
-      color: var(--in-content-primary-button-text-color-hover) !important;
-    }
+        menuitem[type=radio]:not([disabled=true])[checked=true]:hover > .menu-iconic-left > .menu-iconic-icon {
+          background-color: var(--in-content-primary-button-background-hover) !important;
+          color: var(--in-content-primary-button-text-color-hover) !important;
+        }
 
-    menuitem[type=radio]:not([disabled=true])[checked=true]:hover:active > .menu-iconic-left > .menu-iconic-icon {
-      background-color: var(--in-content-primary-button-background-active) !important;
-    }
+        menuitem[type=radio]:not([disabled=true])[checked=true]:hover:active > .menu-iconic-left > .menu-iconic-icon {
+          background-color: var(--in-content-primary-button-background-active) !important;
+        }
 
-    menuitem[type=radio] > .menu-iconic-text {
-      margin-inline: 0 8px !important;
-      padding-inline-start: 0 !important;
-    }
+        menuitem[type=radio] > .menu-iconic-text {
+          margin-inline: 0 8px !important;
+          padding-inline-start: 0 !important;
+        }
 
-    /* Disabled checkboxes, radios and labels */
-    menuitem[type=radio][disabled=true],
+        /* Disabled checkboxes, radios and labels */
+        menuitem[type=radio][disabled=true],
 menuitem[type=checkbox][disabled=true] {
-      color: inherit !important;
-    }
+          color: inherit !important;
+        }
 
-    menuitem[type=radio][disabled=true],
+        menuitem[type=radio][disabled=true],
 menuitem[type=checkbox][disabled=true] {
-      opacity: 0.5 !important;
-    }
+          opacity: 0.5 !important;
+        }
 
-    /*- Check Box ------------------------------------------------------------*/
-    /* From checkbox.css */
-    menuitem[type=checkbox] {
-      appearance: none !important;
-      -moz-box-align: center !important;
-      margin: 0px 2px !important;
-    }
+        /*- Check Box ------------------------------------------------------------*/
+        /* From checkbox.css */
+        menuitem[type=checkbox] {
+          appearance: none !important;
+          -moz-box-align: center !important;
+          margin: 0px 2px !important;
+        }
 
-    menuitem[type=checkbox] > .menu-iconic-left > .menu-iconic-icon {
-      margin-inline-end: 2px !important;
-    }
+        menuitem[type=checkbox] > .menu-iconic-left > .menu-iconic-icon {
+          margin-inline-end: 2px !important;
+        }
 
-    menuitem[type=checkbox] > .menu-iconic-text {
-      margin: 1px 0 !important;
-    }
+        menuitem[type=checkbox] > .menu-iconic-text {
+          margin: 1px 0 !important;
+        }
 
-    menuitem[type=checkbox][disabled=true] {
-      opacity: 0.4 !important;
-    }
+        menuitem[type=checkbox][disabled=true] {
+          opacity: 0.4 !important;
+        }
 
-    menuitem[type=checkbox] > .menu-iconic-left > .menu-iconic-icon {
-      appearance: none !important;
-      color: var(--checkbox-border-color, ThreeDDarkShadow) !important;
-      background-color: var(--checkbox-unchecked-bgcolor, Field) !important;
-      border: 1px solid currentColor !important;
-      border-radius: 2px !important;
-      margin-inline-end: 6px !important;
-    }
+        menuitem[type=checkbox] > .menu-iconic-left > .menu-iconic-icon {
+          appearance: none !important;
+          color: var(--checkbox-border-color, ThreeDDarkShadow) !important;
+          background-color: var(--checkbox-unchecked-bgcolor, Field) !important;
+          border: 1px solid currentColor !important;
+          border-radius: 2px !important;
+          margin-inline-end: 6px !important;
+        }
 
-    menuitem[type=checkbox] > .menu-iconic-left > .menu-iconic-icon {
-      height: 16px !important;
-      width: 16px !important;
-    }
+        menuitem[type=checkbox] > .menu-iconic-left > .menu-iconic-icon {
+          height: 16px !important;
+          width: 16px !important;
+        }
 
-    menuitem[type=checkbox]:not([disabled=true]):hover > .menu-iconic-left > .menu-iconic-icon {
-      background-color: var(--checkbox-unchecked-hover-bgcolor, color-mix(in srgb, -moz-accent-color 4%, Field)) !important;
-    }
+        menuitem[type=checkbox]:not([disabled=true]):hover > .menu-iconic-left > .menu-iconic-icon {
+          background-color: var(--checkbox-unchecked-hover-bgcolor, color-mix(in srgb, -moz-accent-color 4%, Field)) !important;
+        }
 
-    menuitem[type=checkbox]:not([disabled=true]):hover:active > .menu-iconic-left > .menu-iconic-icon {
-      background-color: var(--checkbox-unchecked-active-bgcolor, color-mix(in srgb, -moz-accent-color 8%, Field)) !important;
-    }
+        menuitem[type=checkbox]:not([disabled=true]):hover:active > .menu-iconic-left > .menu-iconic-icon {
+          background-color: var(--checkbox-unchecked-active-bgcolor, color-mix(in srgb, -moz-accent-color 8%, Field)) !important;
+        }
 
-    menuitem[type=checkbox] > .menu-iconic-left[checked=true] > .menu-iconic-icon {
-      border-color: var(--checkbox-checked-border-color, transparent) !important;
-      background-color: var(--checkbox-checked-bgcolor, -moz-accent-color) !important;
-      background-image: url("chrome://global/skin/icons/check.svg") !important;
-      background-position: center !important;
-      background-repeat: no-repeat !important;
-      -moz-context-properties: fill !important;
-      fill: currentColor !important;
-      color: var(--checkbox-checked-color, -moz-accent-color-foreground) !important;
-      /* Style the button also when printing with "Print Backgrounds" unchecked */
-      color-adjust: exact !important;
-    }
+        menuitem[type=checkbox] > .menu-iconic-left[checked=true] > .menu-iconic-icon {
+          border-color: var(--checkbox-checked-border-color, transparent) !important;
+          background-color: var(--checkbox-checked-bgcolor, -moz-accent-color) !important;
+          background-image: url("chrome://global/skin/icons/check.svg") !important;
+          background-position: center !important;
+          background-repeat: no-repeat !important;
+          -moz-context-properties: fill !important;
+          fill: currentColor !important;
+          color: var(--checkbox-checked-color, -moz-accent-color-foreground) !important;
+          /* Style the button also when printing with "Print Backgrounds" unchecked */
+          color-adjust: exact !important;
+        }
 
-    menuitem[type=checkbox]:not([disabled=true]):hover > .menu-iconic-left[checked=true] > .menu-iconic-icon {
-      background-color: var(--checkbox-checked-hover-bgcolor, color-mix(in srgb, currentColor 12.5%, -moz-accent-color)) !important;
-    }
+        menuitem[type=checkbox]:not([disabled=true]):hover > .menu-iconic-left[checked=true] > .menu-iconic-icon {
+          background-color: var(--checkbox-checked-hover-bgcolor, color-mix(in srgb, currentColor 12.5%, -moz-accent-color)) !important;
+        }
 
-    menuitem[type=checkbox]:not([disabled=true]):hover:active > .menu-iconic-left[checked=true] > .menu-iconic-icon {
-      background-color: var(--checkbox-checked-active-bgcolor, color-mix(in srgb, currentColor 25%, -moz-accent-color)) !important;
-    }
+        menuitem[type=checkbox]:not([disabled=true]):hover:active > .menu-iconic-left[checked=true] > .menu-iconic-icon {
+          background-color: var(--checkbox-checked-active-bgcolor, color-mix(in srgb, currentColor 25%, -moz-accent-color)) !important;
+        }
 
-    menuitem[type=checkbox]:focus > .menu-iconic-left > .menu-iconic-icon {
-      outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important;
-      outline-offset: var(--focus-outline-offset, 2px) !important;
-    }
+        menuitem[type=checkbox]:focus > .menu-iconic-left > .menu-iconic-icon {
+          outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important;
+          outline-offset: var(--focus-outline-offset, 2px) !important;
+        }
 
-    /* From common.css */
+        @inclue Contrast {
+          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;
+          }
 
-    /*- Menu Separtor --------------------------------------------------------*/
-  }
-  @media (-moz-gtk-csd-available) and (prefers-contrast) {
-    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;
-    }
+          menuitem[type=checkbox] > .menu-iconic-left[checked=true] {
+            color: var(--checkbox-checked-border-color, currentColor) !important;
+            fill: var(--checkbox-checked-color, -moz-accent-color-foreground) !important;
+          }
 
-    menuitem[type=checkbox] > .menu-iconic-left[checked=true] {
-      color: var(--checkbox-checked-border-color, currentColor) !important;
-      fill: var(--checkbox-checked-color, -moz-accent-color-foreground) !important;
-    }
-
-    menuitem[type=checkbox]:not([disabled=true]):hover:active > .menu-iconic-left[checked=true] > .menu-iconic-icon,
+          menuitem[type=checkbox]:not([disabled=true]):hover:active > .menu-iconic-left[checked=true] > .menu-iconic-icon,
 menuitem[type=checkbox]:not([disabled=true]):hover > .menu-iconic-left[checked=true] > .menu-iconic-icon {
-      color: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important;
-      fill: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important;
-    }
-  }
-  @media (-moz-gtk-csd-available) {
-    menuitem[type=checkbox] > .menu-iconic-left > .menu-iconic-icon {
-      margin-block: 2px !important;
-    }
-  }
-  @media (-moz-gtk-csd-available) {
-    menuseparator {
-      appearance: none !important;
-      min-width: 2px;
-      min-height: 0;
-      border-top: 1px solid var(--in-content-box-border-color, ThreeDDarkShadow);
-      border-bottom: none;
-      margin: var(--panel-separator-margin, 6px);
-      padding: 0;
+            color: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important;
+            fill: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important;
+          }
+        }
+        /* From common.css */
+        menuitem[type=checkbox] > .menu-iconic-left > .menu-iconic-icon {
+          margin-block: 2px !important;
+        }
+
+        /*- Menu Separtor --------------------------------------------------------*/
+        menuseparator {
+          appearance: none !important;
+          min-width: 2px;
+          min-height: 0;
+          border-top: 1px solid var(--in-content-box-border-color, ThreeDDarkShadow);
+          border-bottom: none;
+          margin: var(--panel-separator-margin, 6px);
+          padding: 0;
+        }
+      }
     }
   }
 }