@thejaredwilcurt/csslop 0.0.8 → 0.0.9

package/site/real/firefox-uwp-style-v0.0.0.css

@@ -0,0 +1,1608 @@
+/* Firefox-UWP-Style - v0.0.0 - MIT */
+@media (-moz-platform: windows) {
+  /* Titlebar */
+  .titlebar-button {
+    width: 46px !important;
+    height: 32px !important;
+    stroke: var(--uwp-titlebar-stroke) !important;
+    color: var(--uwp-titlebar-stroke) !important;
+    background-color: var(--uwp-titlebar-background) !important;
+
+    &:hover {
+      stroke: var(--uwp-titlebar-stroke-hover) !important;
+      color: var(--uwp-titlebar-stroke-hover) !important;
+      background-color: var(--uwp-titlebar-background-hover) !important;
+    }
+    &:active {
+      stroke: var(--uwp-titlebar-stroke-active) !important;
+      color: var(--uwp-titlebar-stroke-active) !important;
+      background-color: var(--uwp-titlebar-background-active) !important;
+    }
+    &:not(:hover, :active):-moz-window-inactive {
+      stroke: var(--uwp-titlebar-stroke-inactive) !important;
+      color: var(--uwp-titlebar-stroke-inactive) !important;
+    }
+    &.titlebar-close:hover {
+      background-color: #C42B1C !important;
+    }
+    &.titlebar-close:active {
+      background-color: #B3271C !important;
+    }
+  }
+  .titlebar-button > .toolbarbutton-text {
+    display: none !important;
+  }
+  #main-window[sizemode="fullscreen"] .titlebar-restore {
+    list-style-image: url(../img/titlebox-full-restore.png) !important;
+
+    .toolbarbutton-icon {
+      width: auto !important;
+      height: auto !important;
+
+      &:-moz-window-inactive {
+        opacity: 0.5 !important;
+      }
+    }
+  }
+  .titlebar-buttonbox-container, #window-controls {
+    margin-bottom: 0px !important;
+    -moz-box-align: start !important;
+  }
+}
+.titlebar-spacer[type="pre-tabs"] {
+  display: none !important;
+}
+.titlebar-spacer[type="post-tabs"] {
+  width: 50px !important;
+  order: 1;
+  @media -moz-pref("sidebar.verticalTabs") {
+    display: flex !important;
+  }
+}
+/* Window */
+/* Temporal fix for top border */
+@media (-moz-platform: windows) {
+  #main-window {
+    background-color: var(--uwp-mainwindow) !important;
+  }
+}
+@media (-moz-platform: windows) {
+  @media not (-moz-windows-accent-color-in-titlebar) {
+    #main-window[sizemode="normal"] #navigator-toolbox {
+      border-top: 1px solid transparent !important;
+    }
+  }
+}
+:root:not([tabsintitlebar]) #main-window {
+  background-color: var(--uwp-mainwindow) !important;
+}
+#tabbrowser-tabbox {
+  box-shadow: none !important;
+  outline: none !important;
+}
+/*
+#main-window[chromemargin] {
+  background-color: var(--uwp-mainwindow) !important;
+  -moz-appearance: -moz-win-borderless-glass !important;
+}
+#main-window[sizemode="normal"][tabsintitlebar="true"] {
+  margin-top: 1px !important;
+}*/
+/* Tabs */
+.toolbar-items > spacer:first-of-type {
+  display: none !important;
+}
+#tabbrowser-tabs:-moz-window-inactive {
+  --tab-line-color: rgb(128, 128, 128) !important;
+}
+#tabbrowser-tabs {
+  --tab-line-color: AccentColor !important;
+  --tab-loading-fill: AccentColor !important;
+
+  &[orient="horizontal"] {
+    min-height: 0px !important;
+  }
+}
+.tab-close-button {
+  border-radius: var(--uwp-tags-control-radius) !important;
+}
+.tabbrowser-tab {
+  padding: 0px !important;
+}
+.urlbarView-row[label]::before {
+  display: none !important;
+}
+@media -moz-pref("uwp.sun-valley.colored-tabs") {
+  .tabbrowser-tab > .tab-stack {
+    --tmp-tab-line: color-mix(in srgb, var(--identity-tab-color) 50%, transparent);
+    --lwt-tab-line-color: var(--tmp-tab-line, color-mix(in srgb, AccentColor 50%, transparent)) !important;
+  }
+  .tabbrowser-tab > .tab-stack:-moz-window-inactive {
+    --lwt-tab-line-color: rgb(72, 72, 72) !important;
+  }
+  .tabbrowser-tab > .tab-stack > .tab-background:is([selected], [multiselected]) {
+    outline: 1px solid var(--lwt-tab-line-color, var(--lwt-tabs-border-color, currentColor)) !important;
+    outline-offset: -1px !important;
+  }
+}
+@media -moz-pref("uwp.sun-valley.round-tabs") {
+  .tabbrowser-tab > .tab-stack > .tab-background {
+    background-color: transparent !important;
+    background-clip: padding-box !important;
+    background-image: none !important;
+    border: var(--uwp-button-border) !important;
+    border-radius: var(--uwp-tags-overlay-radius) !important;
+    margin: 0px 0px !important;
+    box-shadow: none !important;
+    opacity: 1 !important;
+    overflow: hidden !important;
+    transition: background-color 83ms !important;
+    @media -moz-pref("uwp.sun-valley") {
+      @media (prefers-color-scheme: dark) {
+        & {
+          border-top-color: var(--uwp-control-stroke-secondary) !important;
+        }
+      }
+      @media (prefers-color-scheme: light) {
+        & {
+          border-bottom-color: var(--uwp-control-stroke-secondary) !important;
+        }
+      }
+    }
+  }
+  .tabbrowser-tab[selected="true"] > .tab-stack > .tab-background {
+    background-color: var(--uwp-button-background) !important;
+  }
+  .tabbrowser-tab[selected="true"]:hover > .tab-stack > .tab-background {
+    background-color: var(--uwp-button-background-hover) !important;
+  }
+  .tabbrowser-tab:hover > .tab-stack > .tab-background {
+    background-color: var(--uwp-control-alt-fill-tertiary) !important;
+    border: var(--uwp-button-border-hover) !important;
+    @media -moz-pref("uwp.sun-valley") {
+      @media (prefers-color-scheme: dark) {
+        & {
+          border-top-color: var(--uwp-control-stroke-secondary) !important;
+        }
+      }
+      @media (prefers-color-scheme: light) {
+        & {
+          border-bottom-color: var(--uwp-control-stroke-secondary) !important;
+        }
+      }
+    }
+  }
+  .tabbrowser-tab:hover:active > .tab-stack > .tab-background {
+    background-color: var(--uwp-button-background-active) !important;
+    border: var(--uwp-button-border-active) !important;
+  }
+  /* Toolbar buttons */
+  .toolbar-items .toolbarbutton-1, #tabbrowser-tabs[orient="vertical"] .toolbarbutton-1 {
+    color: var(--uwp-button-color) !important;
+    background-color: var(--uwp-button-background) !important;
+    border: var(--uwp-button-border) !important;
+    background-clip: padding-box !important;
+    border-radius: var(--uwp-tags-overlay-radius) !important;
+    margin: 0px 2px !important;
+    transition: background-color 83ms !important;
+    @media -moz-pref("uwp.sun-valley") {
+      @media (prefers-color-scheme: dark) {
+        & {
+          border-top-color: var(--uwp-control-stroke-secondary) !important;
+        }
+      }
+      @media (prefers-color-scheme: light) {
+        & {
+          border-bottom-color: var(--uwp-control-stroke-secondary) !important;
+        }
+      }
+    }
+  }
+  #tabbrowser-tabs[orient="vertical"] .toolbarbutton-1 {
+    margin: 0px !important;
+  }
+  .toolbar-items .toolbarbutton-1:hover, #tabbrowser-tabs[orient="vertical"] .toolbarbutton-1:hover {
+    background-color: var(--uwp-button-background-hover) !important;
+    border: var(--uwp-button-border-hover) !important;
+    @media -moz-pref("uwp.sun-valley") {
+      @media (prefers-color-scheme: dark) {
+        & {
+          border-top-color: var(--uwp-control-stroke-secondary) !important;
+        }
+      }
+      @media (prefers-color-scheme: light) {
+        & {
+          border-bottom-color: var(--uwp-control-stroke-secondary) !important;
+        }
+      }
+    }
+  }
+  .toolbar-items .toolbarbutton-1:hover:active, #tabbrowser-tabs[orient="vertical"] .toolbarbutton-1:hover:active {
+    background-color: var(--uwp-button-background-active) !important;
+    border: var(--uwp-button-border-active) !important;
+  }
+  .toolbar-items .toolbarbutton-1 .toolbarbutton-badge-stack {
+    background: transparent !important;
+  }
+  #alltabs-button {
+    margin: 0px !important;
+  }
+}
+@media not -moz-pref("uwp.sun-valley.round-tabs") {
+  .tabbrowser-tab > .tab-stack > .tab-background {
+    border-top: none !important;
+    margin: 0px !important;
+    box-shadow: none !important;
+    border-radius: 0px !important;
+    opacity: 1 !important;
+    border: none !important;
+    outline: none !important;
+  }
+  .tabbrowser-tab > .tab-stack > .tab-background:is([selected], [multiselected]) {
+    background-color: color-mix(in srgb, currentColor 11%, transparent) !important;
+  }
+  .tabbrowser-tab .tab-context-line {
+    height: 0px !important;
+    background: var(--identity-tab-color) !important;
+    margin-left: 16px !important;
+    margin-right: 16px !important;
+    transition: margin 200ms !important;
+    margin-top: 0px !important;
+  }
+  .tabbrowser-tab:not([class*="identity-color"]) .tab-context-line {
+    background: AccentColor !important;
+  }
+  .tabbrowser-tab .tab-context-line:-moz-window-inactive {
+    background: rgb(128, 128, 128) !important;
+  }
+  .tabbrowser-tab:is([selected="true"], [multiselected="true"]) .tab-context-line, .tabbrowser-tab:hover .tab-context-line {
+    height: 2px !important;
+    margin-left: 0px !important;
+    margin-right: 0px !important;
+  }
+  /* Toolbar buttons */
+  .toolbar-items .toolbarbutton-1 {
+    margin-bottom: 0px !important;
+  }
+  .toolbar-items .toolbarbutton-1:hover {
+    background: var(--uwp-tabbar-button-hover) !important;
+  }
+  .toolbar-items .toolbarbutton-1:is(:hover:active, [open]) {
+    background: var(--uwp-tabbar-button-hover-active) !important;
+  }
+  .toolbar-items .toolbarbutton-1 .toolbarbutton-badge-stack {
+    background: transparent !important;
+  }
+}
+.tab-icon-overlay {
+  opacity: 1 !important;
+  left: 4px !important;
+  bottom: 4px !important;
+  fill-opacity: 1 !important;
+  padding: 0px !important;
+}
+.tab-audio-button {
+  height: 26px !important;
+}
+button:has(> span[part="button"].button-background:not(.labelled)) {
+  border: none !important;
+  border-width: 0px !important;
+  padding: 0px !important;
+  margin: 0px !important;
+  border-radius: 50% !important;
+  &:not(:hover, :active) {
+    background-color: transparent !important;
+  }
+}
+.tab-audio-button {
+  margin-inline-end: 0px !important;
+  margin: 0px 2px !important;
+  #tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) &:not([pinned]):not([crashed]) {
+    background-repeat: no-repeat !important;
+    background-position: center !important;
+    -moz-context-properties: fill, fill-opacity, stroke !important;
+    fill: var(--button-icon-fill) !important;
+    stroke: var(--button-icon-stroke) !important;
+    &[soundplaying] {
+      background-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg") !important;
+    }
+    &[muted] {
+      background-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg") !important;
+    }
+    &[activemedia-blocked] {
+      background-image: url("chrome://browser/skin/tabbrowser/tab-audio-blocked-circle-12.svg") !important;
+    }
+  }
+}
+.tab-icon-stack .tab-icon-image {
+  opacity: 1 !important;
+}
+:root[tabsintitlebar]:not(:-moz-window-inactive) {
+   color: var(--uwp-global-front) !important;
+}
+.tab-throbber[progress]:not([selected="true"])::before {
+    fill: #555555 !important;
+}
+.tabbrowser-tab::before, .tabbrowser-tab::after {
+  display: none !important;
+}
+.tab-label:is([selected], [attention]) {
+  font-weight: unset !important;
+}
+.tab-label-container {
+  height: initial !important;
+}
+.all-tabs-item {
+  margin-inline: 0px !important;
+  border-radius: 0px !important;
+}
+#scrollbutton-up, #scrollbutton-down {
+  margin-bottom: 0px !important;
+    border: none !important;
+  border-radius: 0 !important;
+}
+#scrollbutton-up:hover, #scrollbutton-down:hover {
+  background: var(--uwp-tabbar-button-hover) !important;
+}
+#scrollbutton-up:hover:active, #scrollbutton-down:hover:active {
+  background: var(--uwp-tabbar-button-hover-active) !important;
+}
+#TabsToolbar {
+  color: var(--uwp-global-front) !important;
+}
+.toolbar-items .toolbarbutton-1 > .toolbarbutton-icon {
+  background: none !important;
+}
+toolbarbutton.subviewbutton {
+  box-shadow: none !important;
+}
+#PlacesToolbar .bookmark-item {
+  padding: 4px !important;
+}
+:root:not([uidensity="compact"]):not([chromehidden~="toolbar"]) #nav-bar > #PanelUI-button {
+  border: none !important;
+}
+:root:not([tabsintitlebar]) .browser-toolbar {
+  -moz-appearance: none !important;
+  padding: 0px !important;
+}
+.browser-toolbar {
+  background-color: transparent !important;
+}
+toolbarbutton.close-icon {
+  border-radius: var(--uwp-tags-control-radius) !important;
+}
+toolbar .toolbarbutton-1 {
+  &:focus-visible {
+    & > .toolbarbutton-icon, & > .toolbarbutton-text, & > .toolbarbutton-badge-stack {
+      outline: 2px solid var(--uwp-focus-stroke-outer) !important;
+      box-shadow: 0px 0px 0px 1px var(--uwp-focus-stroke-inner) !important;
+      outline-offset: 1px !important;
+      border-radius: var(--uwp-tags-control-radius) !important;
+    }
+  }
+}
+/* navbar stuff */
+#nav-bar {
+  box-shadow: none !important;
+  border-top: none !important;
+}
+#navigator-toolbox, #navigator-toolbox::after {
+  border-bottom: 0px !important;
+}
+#navigator-toolbox {
+  margin: 0 !important;
+  border: none !important;
+  border-radius: 0 !important;
+}
+#nav-bar-customization-target {
+  & > :is(toolbarbutton, toolbaritem):first-child, & > toolbarpaletteitem:first-child > :is(toolbarbutton, toolbaritem) {
+    padding-inline-start: 8px !important;
+  }
+}
+#PanelUI-menu-button {
+  padding-inline-end: 8px !important;
+}
+@media (-moz-platform: windows) {
+  #navigator-toolbox {
+    background: transparent !important;
+  }
+}
+@media not (-moz-platform: windows) {
+  #navigator-toolbox {
+    background-color: var(--uwp-background) !important;
+  }
+}
+@media -moz-pref("privacy.resistFingerprinting.letterboxing") {
+  #navigator-toolbox {
+    margin-bottom: var(--uwp-navbar-letterbox) !important;
+  }
+  #PersonalToolbar[collapsed="false"] {
+    margin-bottom: var(--uwp-navbar-letterbox-bookmarks) !important;
+  }
+}
+@media (-moz-platform: windows) {
+  @media -moz-pref("uwp.sun-valley.round-tabs") {
+    @media -moz-pref("uwp.sun-valley.mica") {
+      :root[sizemode="fullscreen"] #navigator-toolbox-background {
+        background: var(--uwp-background) !important;
+      }
+    }
+    @media not -moz-pref("uwp.sun-valley.mica") {
+      #navigator-toolbox-background {
+        background: var(--uwp-background) !important;
+      }
+    }
+  }
+}
+@media not -moz-pref("browser.tabs.allow_transparent_browser") {
+  #browser vbox#appcontent tabbrowser, #tabbrowser-tabpanels, browser[type=content-primary], browser[type=content] > html {
+    background: var(--uwp-browser) !important;
+  }
+}
+@media -moz-pref("browser.tabs.allow_transparent_browser") {
+  #browser vbox#appcontent tabbrowser, #tabbrowser-tabpanels, browser[type=content-primary], browser[type=content] > html {
+    background: transparent !important;
+  }
+}
+/*
+@media -moz-pref("uwp.sun-valley.mica") {
+  #browser vbox#appcontent tabbrowser, #content, #tabbrowser-tabpanels, browser[type=content-primary], browser[type=content] > html {
+    background: transparent !important;
+  }
+}
+*/
+.browserContainer {
+  outline: none !important;
+  box-shadow: none !important;
+  background: transparent !important;
+  border-radius: 0px !important;
+  border: none !important;
+  @media -moz-pref("sidebar.revamp") {
+    & {
+      outline: none !important;
+      box-shadow: none !important;
+      border-radius: 0px !important;
+    }
+  }
+}
+#tracking-protection-icon-container, #identity-box {
+  border: none !important;
+}
+#identity-box[pageproxystate="valid"]  .identity-box-button {
+  background: transparent !important;
+}
+#trust-icon-container {
+  background-color: transparent !important;
+  border: none !important;
+  outline: none !important;
+  height: auto !important;
+}
+.tab-group-label-container {
+  margin: 0px 3px !important;
+  padding: 0px !important;
+  @media not -moz-pref("sidebar.verticalTabs") {
+    tab-group:not([collapsed]) > &::after {
+      inset: auto 0 1px !important;
+      height: 2px !important;
+      border-start-start-radius: 2px !important;
+      border-end-start-radius: 2px !important;
+      border-start-end-radius: 2px !important;
+      border-end-end-radius: 2px !important;
+    }
+  }
+}
+@media not -moz-pref("sidebar.verticalTabs") {
+  .tab-group-line {
+    margin: 0px !important;
+    position: absolute !important;
+    inset: auto 8px 1px !important;
+    height: 2px !important;
+    border-start-start-radius: 2px !important;
+    border-end-start-radius: 2px !important;
+    border-start-end-radius: 2px !important;
+    border-end-end-radius: 2px !important;
+  }
+}
+/* Findbar */
+.findbar-find-previous, .findbar-find-next {
+  border: none !important;
+  margin-left: 5px !important;
+  border-radius: 0px !important;
+}
+findbar {
+  background-color: var(--uwp-findbar-background) !important;
+  border-top: none !important;
+}
+findbar[hidden] {
+  visibility: collapse !important;
+  margin-bottom: -40px !important;
+  opacity: 1 !important;
+}
+.findbar-find-previous > .toolbarbutton-text, .findbar-find-next > .toolbarbutton-text {
+  padding: 0 !important;
+}
+.findbar-textbox {
+  border-radius: 0px !important;
+}
+.findbar-container {
+  height: auto !important;
+}
+/* Panels */
+.panel-arrowbox {
+  display: none !important;
+}
+@media not (-moz-platform: windows) {
+  slot[part="content"]:only-child {
+    color: var(--uwp-global-front) !important;
+    margin: var(--uwp-popup-padding) !important;
+    border: 1px solid var(--uwp-context-border) !important;
+    border-radius: var(--uwp-tags-overlay-radius) !important;
+    background: var(--uwp-context-background) !important;
+    background-clip: padding-box !important;
+    box-shadow: var(--uwp-shadow-context) !important;
+    overflow: clip !important;
+  }
+}
+@media (-moz-platform: windows) {
+  .panel-arrowbox + slot[part="content"] {
+    margin: 0px !important;
+    box-shadow: none !important;
+    background-clip: padding-box !important;
+    border: 1px solid var(--uwp-context-border) !important;
+  }
+  slot[part="content"]:only-child {
+    margin: 0 !important;
+    border: 1px solid var(--uwp-context-border) !important;
+    border-radius: var(--uwp-tags-overlay-radius) !important;
+    background-color: var(--uwp-context-background-blur) !important;
+    background-clip: padding-box !important;
+    overflow: clip !important;
+    box-shadow: none !important;
+    max-width: initial !important;
+    max-height: initial !important;
+    @media not -moz-pref("widget.windows.mica.popups") {
+      & {
+        margin: var(--uwp-popup-padding) !important;
+        background: var(--uwp-context-background) !important;
+        box-shadow: var(--uwp-shadow-context) !important;
+      }
+    }
+  }
+  .animatable-menupopup, panel[type="arrow"] {
+    &:not([animate="false"]) {
+      transition-duration: 0s !important;
+    }
+    @media not (-moz-platform: macos) {
+      & {
+        opacity: 1 !important;
+        transform: none !important;
+      }
+      &[side="bottom"] {
+        transform: none !important;
+      }
+    }
+  }
+}
+
+.autoscroller {
+  padding: 15px !important;
+}
+.autoscroller::after {
+  display: block;
+  content: "";
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  background: no-repeat center var(--autoscroll-background-image) rgba(249,249,250,.8);
+  border: solid rgba(0,0,0,.4) 1.5px;
+  translate: -11px -21px !important;
+  box-shadow: 0 0 4px rgba(0,0,0,.2);
+}
+@media not -moz-pref("widget.windows.mica.popups") {
+  .autoscroller::after {
+    translate: -10px -32px !important;
+  }
+}
+.panel-arrowcontent {
+  margin: 0px !important;
+}
+.addon-banner-item, .panel-banner-item {
+  border-radius: 0px !important;
+  margin: 0px !important;
+  margin-inline: 0px !important;
+  padding: var(--arrowpanel-menuitem-padding) !important;
+}
+.addon-banner-item > .toolbarbutton-text, .panel-banner-item > .toolbarbutton-text {
+  margin: 0px !important;
+}
+panel .text-link {
+  color: AccentColor !important;
+}
+/* Various Panels */
+#PopupAutoComplete {
+  margin: var(--uwp-popup-margin) !important;
+}
+@media not -moz-pref("widget.windows.mica.popups") {
+  panel[position*="bottomcenter"] {
+    margin-top: -2px !important;
+  }
+  panel[position*="topleft"]:not([position~="bottomleft"]) {
+    margin-left: -22px !important;
+  }
+  panel[position*="topright"] {
+    margin-right: -25px !important;
+  }
+  panel[position*="bottomleft"] {
+    margin-left: -11px !important;
+    margin-bottom: -18px !important;
+  }
+}
+#editBookmarkPanelFavicon {
+  display: none !important;
+}
+#editBMPanel_folderRow .menulist-label-box {
+  fill: white !important;
+}
+#editBMPanel_folderRow .menulist-label {
+  color: white !important;
+  padding-left: 5px !important;
+}
+#editBookmarkPanelImage {
+  border-bottom: none !important;
+}
+#editBookmarkPanel .panel-header {
+  border-bottom: none !important;
+}
+@media (-moz-platform: windows) {
+  #customization-container {
+    background: transparent !important;
+  }
+}
+@media not (-moz-platform: windows) {
+  #customization-container {
+    background: var(--uwp-background) !important;
+  }
+}
+#customization-uidensity-button {
+  width: 200px !important;
+}
+#customization-uidensity-menuitem-compact {
+  width: 184px !important;
+}
+#customization-uidensity-autotouchmode-checkbox {
+  width: 175px !important;
+  margin-left: 0px !important;
+}
+#customization-lwtheme-menu > .panel-arrowcontainer > box.panel-arrowcontent {
+  background: #2B2B2B !important;
+  border: 1px #2B2B2B solid !important;
+}
+#customization-uidensity-menu > .panel-arrowcontainer > box.panel-arrowcontent {
+  background: #2B2B2B !important;
+  border: 1px #2B2B2B solid !important;
+}
+#customization-lwtheme-menu {
+  margin-bottom: -30px !important;
+  margin-left: -20px !important;
+}
+#customization-lwtheme-button {
+  width: 200px !important;
+}
+#customization-lwtheme-menu-header {
+  width: 200px !important;
+}
+#customization-lwtheme-menu-recommended, #customization-lwtheme-menu-footer {
+  display: none !important;
+}
+#customization-uidensity-touch-spacer {
+  border-top-color: var(--uwp-context-separator) !important;
+}
+.customization-uidensity-menuitem, .customization-lwtheme-menu-theme {
+  border-radius: 0px !important;
+}
+.identity-popup-security-connection:not(.identity-button) .identity-popup-connection-secure {
+  margin-left: 38px !important;
+}
+.whatsNew-message-body {
+  background: transparent !important;
+  border: none !important;
+}
+#DateTimePickerPanel {
+    --arrowpanel-background: var(--uwp-context-background) !important;
+}
+/* Old */
+#urlbar {
+  border: none !important;
+  box-shadow: none !important;
+  --urlbar-toolbar-height: var(--uwp-urlbar-height) !important;
+  color: var(--uwp-global-front) !important;
+}
+#urlbar-container {
+  --urlbar-container-height: var(--uwp-urlbar-height) !important;
+}
+#search-container {
+   margin: 0px !important;
+   padding: 0px !important;
+}
+#urlbar-container, #search-container {
+  padding-block: 0px !important;
+}
+#searchbar {
+   box-shadow: none !important;
+}
+.searchbar-separator {
+   display: none !important;
+}
+.search-panel-header {
+  padding-top: 4px !important;
+  padding-block: 4px !important;
+  margin-bottom: 1px !important;
+}
+/*#urlbar:not(.megabar) {
+  background-color: var(--uwp-autocomplete-list) !important;
+}*/
+/* Megabar */
+#urlbar-background, .urlbar-background {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  outline: none !important;
+}
+#urlbar[breakout][breakout-extend] {
+  width: var(--urlbar-width) !important;
+  margin: 0px !important;
+}
+#searchbar:focus-within {
+  outline: none !important;
+}
+#PopupSearchAutoComplete {
+  -moz-window-shadow: none !important;
+}
+@media not -moz-pref("uwp.sun-valley") {
+  .urlbar-input-container, #searchbar {
+    border: none !important;
+    background-color: var(--uwp-urlbar) !important;
+    padding-left: 1px !important;
+    padding-right: 1px !important;
+  }
+  .urlbar-input-container:hover, #searchbar:hover {
+    background-color: var(--uwp-navbar-background-hover) !important;
+  }
+  #urlbar[breakout][breakout-extend] > .urlbar-input-container {
+    height: var(--urlbar-toolbar-height) !important;
+  }
+  #urlbar-results {
+    padding: 0px !important;
+  }
+  .urlbarView {
+    margin-inline: 0px !important;
+    border: none !important;
+    width: 100% !important;
+    background-color: transparent !important;
+    box-shadow: var(--uwp-shadow-popup) !important;
+    clip-path: inset(0px -20px -30px -20px) !important;
+    animation: none !important;
+    margin-block-start: 0px !important;
+  }
+  #urlbar[breakout][breakout-extend] #urlbar-background, #urlbar[breakout][breakout-extend] .urlbar-background {
+    background: var(--uwp-autocomplete-list) !important;
+  }
+  .urlbarView-results {
+    padding-block: 0px !important;
+  }
+  .urlbarView .urlbarView-row {
+    border-radius: 0px !important;
+    padding-block: 0px !important;
+  }
+  .urlbarView-row-inner {
+    border-radius: 0px !important;
+  }
+}
+@media -moz-pref("uwp.sun-valley") {
+  #urlbar[breakout][breakout-extend] #urlbar-background, #urlbar[breakout][breakout-extend] .urlbar-background {
+    display: block !important;
+    background: var(--uwp-autocomplete-list) !important;
+    background-clip: padding-box !important;
+    border: 1px solid var(--uwp-surface-stroke-flyout) !important;
+    box-shadow: var(--uwp-shadow-popup) !important;
+    border-radius: var(--uwp-tags-overlay-radius) !important;
+    inset-inline: 0 !important;;
+    inset-block-start: 0 !important;
+    inset-block-end: 0 !important;
+  }
+  .urlbar-input-container, #searchbar {
+    border: 1px solid transparent !important;
+    background-clip: padding-box !important;
+    background-color: transparent !important;
+    padding-left: 9px !important;
+    padding-right: 9px !important;
+    border-radius: var(--uwp-tags-control-radius) !important;
+  }
+  .urlbar-input-container:hover, #searchbar:hover {
+    background-color: var(--uwp-navbar-background-hover) !important;
+  }
+  #urlbar[breakout][breakout-extend] > .urlbar-input-container {
+    height: var(--urlbar-toolbar-height) !important;
+    border-radius: var(--uwp-tags-overlay-radius) !important;
+    border-bottom-left-radius: 0px !important;
+    border-bottom-right-radius: 0px !important;
+    margin-block-start: 0px !important;
+  }
+  #urlbar-results {
+    padding: var(--uwp-context-margin) !important;
+  }
+  .urlbarView {
+    margin-inline: 0px !important;
+    width: 100% !important;
+    border: none !important;
+    background: transparent !important;
+    animation: none !important;
+    margin-block-start: 0px !important;
+    border-bottom-left-radius: var(--uwp-tags-overlay-radius) !important;
+    border-bottom-right-radius: var(--uwp-tags-overlay-radius) !important;
+  }
+  .urlbarView-results {
+    padding-block: 0px !important;
+  }
+  .urlbarView-button {
+    margin-inline: 0px !important;
+    margin-inline-start: 2px !important;
+  }
+  .urlbarView .urlbarView-row {
+    border-radius: 0px !important;
+    padding-block: 0px !important;
+    margin-block: 0px !important;
+    padding: var(--uwp-context-item-margin) !important;
+    margin-inline: 0px !important;
+    background: transparent !important;
+    border: none !important;
+    border-left: 2px solid transparent !important;
+    border-right: 2px solid transparent !important;
+  }
+  .urlbarView-row {
+    position: initial !important;
+  }
+  .urlbarView-row-inner {
+    padding-left: 0px !important;
+    background: transparent !important;
+    border-radius: var(--uwp-tags-control-radius) !important;
+    padding-inline: 0px !important;
+    padding-block: 6px !important;
+
+    @media -moz-pref("browser.nova.enabled") {
+      & {
+        padding-left: 15px !important;
+      }
+      &::before {
+        margin-top: 0px !important;
+        left: 6px !important;
+      }
+    }
+
+    &::before {
+      content: "";
+      width: 0 !important;
+      display: block !important;
+      position: absolute !important;
+      background-color: AccentColor !important;
+      border-radius: var(--uwp-nav-item-selector-radius) !important;
+      padding: 8px 1.5px !important;
+      margin-top: 1px;
+      transform: scaleY(0) !important;
+      opacity: 0 !important;
+      transition: transform 0.10s ease, opacity 0.10s ease;
+      left: 5px;
+    }
+  }
+  .urlbarView-row-inner:hover {
+    background-color: var(--uwp-context-item-background-hover) !important;
+  }
+  .urlbarView-row-inner:hover:active {
+    background-color: var(--uwp-context-item-background-active) !important;
+  }
+  .urlbarView-row[selected] .urlbarView-row-inner {
+    background-color: var(--uwp-context-item-background-hover) !important;
+  }
+  .urlbarView-row[selected] .urlbarView-row-inner::before {
+    transform: scaleY(1) !important;
+    opacity: 1 !important;
+  }
+  .urlbarView-row .urlbarView-no-wrap, .urlbarView-results[wrap] .urlbarView-row[selected] .urlbarView-url {
+    margin-left: 15px !important;
+  }
+  #urlbar-label-box {
+    border-radius: 0 !important;
+    background: transparent !important;
+    padding: 0 !important;
+  }
+}
+.urlbarView-url {
+  line-height: initial !important;
+  color: AccentColor !important;
+}
+.urlbarView-body-inner {
+  border: none !important;
+}
+.urlbarView-title {
+  height: 18px !important;
+  line-height: 18px !important;
+}
+.urlbarView-row[type="tip"] > .urlbarView-row-inner {
+    min-height: unset !important;
+  padding-block: 0px !important;
+}
+.urlbarView-row[type="tip"] > .urlbarView-row-inner > .urlbarView-favicon, .urlbarView-row[type="tip"] > .urlbarView-row-inner > .urlbarView-title, .urlbarView-tip-button, .urlbarView-tip-help {
+    margin-block-end: 0px !important;
+}
+.urlbarView-row[type="tip"]:not(:first-child) {
+    margin-top: 0px !important;
+}
+.urlbarView-row[type="tip"]:not(:last-child) {
+    margin-bottom: 0px !important;
+}
+.urlbarView-row[type="tip"] > .urlbarView-row-inner > .urlbarView-favicon {
+    width: 16px !important;
+    height: 16px !important;
+    flex-basis: 16px !important;
+}
+.urlbarView-favicon {
+  margin-inline-start: 0px !important;
+  margin-inline-end: 7px !important;
+}
+.urlbarView-row[selected] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-action {
+  color: var(--uwp-global-front) !important;
+}
+.urlbarView-action {
+  margin-block: 0px !important;
+  padding-block: 0px !important;
+  border: none !important;
+}
+.urlbarView-tip-help {
+  height: 28px !important;
+  box-shadow: none !important;
+}
+.urlbarView-tip-help[selected] {
+  background-color: var(--uwp-tags-button-hover-active) !important;
+}
+.urlbarView-tip-button {
+  font-size: unset !important;
+}
+#urlbar .search-one-offs:not([hidden]) {
+  padding-block: 0px !important;
+  border: none !important;
+}
+#urlbar .searchbar-engine-one-off-item {
+    margin-inline-end: 2px !important;
+}
+/*@supports(backdrop-filter: blur(1px)) {
+  #urlbar[breakout][breakout-extend] #urlbar-background {
+    background-image: var(--uwp-acrylic-noise) !important;
+    background-color: var(--uwp-urlbar-blur) !important;
+    backdrop-filter: var(--uwp-acrylic-backdrop) !important;
+  }
+}*/
+/* Tracking toggle */
+#appMenu-tp-toggle {
+  margin-top: 6px !important;
+  margin-bottom: 6px !important;
+}
+#appMenu-tp-toggle[enabled="true"] {
+  background-color: AccentColor !important;
+  border: 1px solid AccentColor !important;
+}
+#appMenu-tp-toggle > .toolbarbutton-text {
+  padding: 0px !important;
+}
+/* Customization Page Overflow */
+#customization-panel-container {
+  padding-right: 0px !important;
+}
+/* Sync Icon */
+#appMenu-fxa-icon[syncstatus="active"] > .toolbarbutton-icon, #PanelUI-remotetabs-syncnow[syncstatus="active"] > .toolbarbutton-icon {
+  fill: AccentColor !important;
+}
+/* Sidebar */
+#sidebar-box {
+  background-color: transparent !important;
+  @media -moz-pref("sidebar.revamp") {
+    & {
+      padding-block-end: 0px !important;
+      padding-inline-end: 0px !important;
+    }
+  }
+}
+#sidebar {
+  @media -moz-pref("sidebar.revamp") {
+    & {
+      box-shadow: none !important;
+      border-radius: 0px !important;
+      border: none !important;
+      background: transparent !important;
+      outline: none !important;
+    }
+  }
+}
+body[lwt-sidebar] {
+  background-color: transparent !important;
+}
+#sidebar-header {
+  background: transparent !important;
+  border-bottom: none !important;
+}
+#sidebar-switcher-target:hover {
+  background: var(--uwp-tabbar-button-hover) !important;  
+}
+#sidebar-switcher-target.active {
+  background: var(--uwp-tabbar-button-hover-active) !important;
+}
+#sidebar-switcher-target > #sidebar-icon {
+  fill: var(--uwp-global-front) !important;
+}
+#sidebar-splitter {
+  border: none !important;
+}
+/* Status Panel */
+#statuspanel-label, split-view-footer {
+  background-color: var(--uwp-statuspanel) !important;
+  background-clip: padding-box !important;
+  color: var(--uwp-global-front) !important;
+  border: none !important;
+  padding: 6px !important;
+  box-shadow: -10px 10px 10px 14px rgba(0, 0, 0, .5) !important;
+  clip-path: inset(-20px -20px 0px 0px) !important;
+}
+@media -moz-pref("uwp.sun-valley") {
+  #statuspanel-label, split-view-footer {
+    border: 1px solid var(--uwp-surface-stroke-flyout) !important;
+    border-radius: var(--uwp-tags-overlay-radius) !important;
+    margin: 2px !important;
+    box-shadow: var(--uwp-shadow-popup) !important;
+    clip-path: unset !important;
+  }
+}
+/*@supports(backdrop-filter: blur(1px)) {
+  #statuspanel-label {
+    background-image: var(--uwp-acrylic-noise) !important;
+    background-color: var(--uwp-context-background-blur) !important;
+    backdrop-filter: var(--uwp-acrylic-backdrop) !important;
+  }
+}*/
+/* Notifications? */
+notification {
+  background-color: var(--uwp-bottom-background) !important;
+  border: none !important;
+  color: var(--uwp-global-front) !important;
+}
+/* FXA Panel */
+.PanelUI-fxa-signin-button {
+  padding: 3px !important;
+  background-color: var(--uwp-tags-button) !important;
+  border: 2px var(--uwp-tags-button) solid !important;
+  border-radius: 0px !important;
+  color: var(--uwp-tags-button-color) !important;
+}
+.PanelUI-fxa-signin-button:hover {
+  border-color: var(--uwp-tags-button-hover) !important;
+}
+.PanelUI-fxa-signin-button:hover:active {
+  background-color: var(--uwp-tags-button-hover-active) !important;
+  border-color: var(--uwp-tags-button-hover-active) !important;
+}
+#PanelUI-fxa-menu-syncnow-button[syncstatus="active"] > .toolbarbutton-icon {
+  fill: AccentColor !important;
+}
+#fullscreen-warning {
+  border: none !important;
+  border-radius: var(--uwp-tags-overlay-radius) !important;
+  background-color: var(--uwp-autocomplete-list) !important;
+  box-shadow: var(--uwp-shadow-popup) !important;
+  color: var(--uwp-foreground) !important;
+}
+.pointerlockfswarning[ontop] {
+  transform: translate(-50%, 10px) !important;
+}
+@media -moz-pref("uwp.sun-valley") {
+  #fullscreen-warning  {
+    border: 1px solid var(--uwp-surface-stroke-flyout) !important;
+  }
+}
+/*@supports(backdrop-filter: blur(1px)) {
+  #fullscreen-warning {
+    background-image: var(--uwp-acrylic-noise) !important;
+    background-color: var(--uwp-context-background-blur) !important;
+    backdrop-filter: var(--uwp-acrylic-backdrop) !important;
+  }
+}*/
+#ctrlTab-previews {
+  padding: 4px !important;
+}
+.ctrlTab-preview {
+  border: 2px solid transparent !important;
+  background: transparent !important;
+  border-radius: 16px !important;
+
+  &:focus {
+    border: 2px solid light-dark(white, black) !important;
+    outline: 4px solid light-dark(AccentColor, color-mix(in srgb, AccentColor 60%, white)) !important;
+  }
+  &:is(:hover, :active) {
+    border: 2px solid light-dark(white, black) !important;
+    outline: 4px solid light-dark(AccentColor, color-mix(in srgb, AccentColor 60%, white)) !important;
+    background: transparent !important;
+  }
+}
+.ctrlTab-preview-inner {
+  border: none !important;
+  padding: 0px !important;
+  overflow: clip !important;
+  border-radius: var(--uwp-tags-overlay-radius) !important;
+  background-color: var(--uwp-smoke-fill-default) !important;
+  background-clip: padding-box !important;
+  margin: 0px !important;
+}
+.ctrlTab-label {
+  margin: 0px !important;
+  padding: 0px 8px 8px 8px !important;
+}
+.ctrlTab-preview, #ctrlTab-showAll {
+  color: var(--uwp-global-front) !important;
+  text-shadow: none !important;
+}
+.ctrlTab-canvas {
+  background: transparent !important;
+  box-shadow: none !important;
+}
+.ctrlTab-favicon-container {
+  display: none !important;
+}
+#ctrlTab-panel {
+  --panel-background: transparent !important;
+}
+.tab-preview-thumbnail-container {
+  border: none !important;
+  border-radius: var(--uwp-tags-control-radius) !important;
+  & canvas {
+    border: none !important;
+    border-radius: 0px !important;
+  }
+}
+.container.infobar {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  border-radius: 0px !important;
+}
+.container.infobar::before {
+  display: none !important;
+}
+.infobar > .icon {
+  color: AccentColor !important;
+  margin-left: 8px !important;
+}
+#urlbar-zoom-button {
+  background: transparent !important;
+}
+.panel-banner-item {
+  margin: var(--arrowpanel-menuitem-margin) !important;
+  padding: var(--arrowpanel-menuitem-padding) !important;
+  border-radius: var(--arrowpanel-menuitem-border-radius) !important;
+}
+
+/* Sidebar */
+/* Why the hell is this a shadow root */
+.wrapper:has(> slot[name="tabstrip"]) {
+  border: none !important;
+  background: transparent !important;
+  padding: 0px 0px 8px 0px !important;
+  border-inline-end: none !important;
+  gap: 4px !important;
+  min-width: 0px !important;
+}
+.wrapper > * {
+  padding-inline-end: 0px !important;
+}
+.wrapper > .tools-and-extensions {
+  gap: 1px !important;
+}
+.buttons-wrapper {
+  min-height: 0px !important;
+}
+button:has(> span:is([type="icon ghost"], [type="icon"]).button-background.labelled) {
+  border-radius: var(--uwp-tags-overlay-radius) !important;
+  height: 32px !important;
+  &:not(:hover, :active) {
+    border-color: transparent !important;
+    background-color: transparent !important;
+  }
+}
+#sidebar-main {
+  border: none !important;
+  border-radius: 0 !important;
+  background: transparent !important;
+}
+:root[sidebar-expand-on-hover] {
+  #sidebar-main {
+    &[sidebar-launcher-expanded], &[sidebar-ongoing-animations] {
+      background-color: var(--uwp-context-background) !important;
+      border-inline: none !important;
+      border-radius: 0px var(--uwp-tags-overlay-radius) var(--uwp-tags-overlay-radius) 0px !important;
+    }
+  }
+}
+#browser {
+  --sidebar-launcher-collapsed-width: var(--tab-collapsed-width) !important;
+  padding: 0 !important;
+  gap: 0 !important;
+  background-color: transparent !important;
+}
+body {
+  background: transparent !important;
+}
+/* This should go somewhere else */
+@-moz-document url("chrome://browser/content/sidebar/sidebar-customize.html") {
+  .sidebar-panel {
+    padding: 8px !important;
+  }
+}
+@-moz-document url("chrome://browser/content/genai/chat.html") {
+  #multi-stage-message-root, #header {
+    background: transparent !important;
+  }
+  #header {
+    border: none !important;
+  }
+}
+/* Move this into another css (?) */
+.search-container > .search-icon {
+  left: unset !important;
+  right: 8px !important;
+}
+.moz-card summary {
+  cursor: default !important;
+  padding-block: 0px !important;
+  background: transparent !important;
+}
+/* Just kill me please */
+fieldset > legend[part="label"] {
+  font-size: 14px !important;
+}
+.label-content {
+  display: flex !important;
+  align-items: center !important;
+}
+.label-content .text {
+  text-indent: 0px !important;
+  margin-left: 6px !important;
+  font-size: 14px !important;
+}
+label .label-content .icon {
+  position: initial !important;
+}
+label[part="label"] {
+  display: flex;
+  gap: 0px !important;
+  align-items: start;
+}
+moz-radio, moz-checkbox {
+  border: none !important;
+}
+.customize-group {
+  padding: 0px !important;
+  margin: 0px !important;
+  margin-block-end: var(--uwp-expander-spacing) !important;
+}
+#manage-settings {
+  font-size: 14px !important;
+}
+/* I hate shadow roots */
+div[id="inputs"][part="inputs"] {
+  border-radius: 0px !important;
+  border: none !important;
+}
+/*
+sidebar.revamp
+sidebar.verticalTabs
+*/
+
+.fxview-tab-row-main span {
+  color: var(--uwp-foreground) !important;
+}
+sidebar-tab-row {
+  background: transparent !important;
+}
+
+#main-window:not([inDOMFullscreen]) #tabbrowser-tabbox[sidebar-shown]:has(> #tabbrowser-tabpanels:not([splitview])) {
+  border-top-left-radius: var(--uwp-tags-overlay-radius) !important;
+  background-color: var(--uwp-nav-content-background) !important;
+  background-clip: padding-box !important;
+  border: var(--uwp-nav-content-border) !important;
+  border-right-width: 0px !important;
+  border-bottom-width: 0px !important;
+  overflow: clip !important;
+  outline: none !important;
+  box-shadow: none !important;
+}
+
+#vertical-tabs {
+  margin-inline-end: 0px !important;
+  min-width: 48px !important;
+}
+
+#tabbrowser-tabs {
+  &[orient="vertical"] {
+    gap: 0px !important;
+    & #tabs-newtab-button, & #vertical-tabs-newtab-button {
+      min-height: 36px !important;
+      margin-top: 2px !important;
+      width: 100% !important;
+      padding-left: 15px !important;
+      padding-right: 15px !important;
+    }
+    & .tabbrowser-tab {
+      min-height: 36px !important;
+      margin: 2px 0px !important;
+      & > .tab-stack > .tab-content {
+        padding-left: 17px !important;
+        padding-right: 9px !important;
+        --tab-close-button-padding: 5px !important;
+        & > .tab-icon-stack > .tab-throbber {
+          color: var(--uwp-accent-color) !important;
+        }
+      }
+      &:not([expanded]) {
+        & .tab-background {
+          width: auto !important;
+        }
+      }
+    }
+    &::after {
+      display: none !important;
+    }
+  }
+  &[orient="horizontal"] {
+    & .tabbrowser-tab {
+      & > .tab-stack > .tab-content {
+        & > .tab-icon-stack > .tab-throbber {
+          color: var(--uwp-accent-color) !important;
+        }
+      }
+    }
+  }
+  & tab-split-view-wrapper {
+    border: none !important;
+    border-radius: 0px !important;
+    background-color: transparent !important;
+    outline: none !important;
+    outline-offset: 0px !important;
+    margin-inline: 0px !important;
+    padding: 0px !important;
+    gap: 2px !important;
+    &:not([hasactivetab]) {
+      & .tabbrowser-tab {
+        &:last-child {
+          border-inline-start: none !important;
+        }
+      }
+    }
+  }
+}
+
+#tabbrowser-tabpanels {
+  &[splitview] {
+    & .split-view-splitter {
+      margin: 0px !important;
+      background: transparent !important;
+      border: none !important;
+      width: 8px !important;
+    }
+    & .split-view-panel {
+      margin: 8px !important;
+      background-color: var(--uwp-nav-content-background) !important;
+      background-clip: padding-box !important;
+      border: var(--uwp-nav-content-border) !important;
+      border-radius: var(--uwp-tags-overlay-radius) !important;
+      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .16) !important;
+      overflow: clip !important;
+      &:is(.deck-selected) {
+        border-color: color-mix(in srgb, AccentColor 50%, transparent) !important;
+        &:-moz-window-inactive {
+          border-color: rgb(72, 72, 72) !important;
+        }
+      }
+    }
+    & .browserStack {
+      border-radius: 0 !important;
+      outline: none !important;
+    }
+    & .split-view-panel[column="0"] {
+      margin-right: 0px !important;
+    }
+    & .split-view-panel[column="1"] {
+      margin-left: 0px !important;
+    }
+  }
+}
+
+#vertical-tabs-newtab-button {
+  appearance: none !important;
+}
+.browser-toolbox-background {
+  background: transparent !important;
+}
+.tools-and-extensions {
+  align-items: center !important;
+  gap: 8px !important;
+    padding-inline: 0px !important;;
+    padding-block-end: 0px !important;
+  &[orientation="horizontal"] {
+    padding: 0px 8px !important;
+  }
+}
+@layer input-common {
+  .label-wrapper {
+    padding-inline-start: 0px !important;
+  }
+}
+fieldset {
+  & > #inputs {
+    background-color: transparent !important;
+    border: none !important;
+    border-radius: 0px !important;
+  }
+}
+
+/* Hackery */
+@layer input-common {
+  #input {
+    margin-inline: 0px !important;
+    margin-right: 8px !important;
+  }
+}
+
+#pinned-drop-indicator {
+  color: AccentColor !important;
+  outline: none !important;
+  border: none !important;
+  border-radius: var(--uwp-tags-control-radius) !important;
+
+  &[visible] {
+    background-color: AccentColor !important;
+    width: initial !important;
+    margin: 4px !important;
+  }
+
+  & > * {
+    color: AccentColorText !important;
+  }
+}
+
+#vertical-pinned-tabs-splitter {
+  margin-inline: 0px !important;
+  margin: 3px 8px !important;
+  background-color: var(--uwp-context-separator) !important;
+  width: initial !important;
+  min-height: 1px !important;
+  height: 1px !important;
+}
+
+:root {
+  --toolbarbutton-border-radius: 0px !important;
+  --tab-min-height: 32px !important;
+  --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important;
+  --toolbarbutton-outer-padding: 0px !important;
+  --uwp-urlbar-height: 32px !important;
+  --arrowpanel-menuitem-padding: 8px 10px !important;
+  --panel-banner-item-background-color: transparent !important;
+  --toolbar-start-end-padding: 0px !important;
+  --urlbarView-item-inline-padding: 8px !important;
+  --urlbar-box-bgcolor: var(--urlbar-result-hover-bgcolor) !important;
+  --toolbarbutton-hover-background: var(--uwp-navbar-button-hover) !important;
+  --toolbarbutton-active-background: var(--uwp-navbar-button-hover) !important;
+  --tab-border-radius: var(--uwp-tags-control-radius) !important;
+  --panel-font-size: 12px !important;
+  --lwt-toolbarbutton-icon-fill-attention: AccentColor !important;
+
+  --zoom-controls-bgcolor: transparent !important;
+  --toolbar-bgimage: none !important;
+  --panel-banner-item-update-supported-bgcolor: AccentColor !important;
+
+  --toolbar-field-focus-background-color: var(--uwp-button-background) !important;
+  --urlbar-box-focus-bgcolor: var(--uwp-button-background) !important;
+
+  --uwp-navbar-letterbox: 20px;
+  --uwp-navbar-letterbox-bookmarks: 0px;
+  --inactive-titlebar-opacity: 1 !important;
+  --attention-dot-color: light-dark(color-mix(in srgb, AccentColor 80%, black), color-mix(in srgb, AccentColor 80%, white)) !important;
+  --tab-attention-dot-color: light-dark(color-mix(in srgb, AccentColor 80%, black), color-mix(in srgb, AccentColor 80%, white)) !important;
+  --tab-pinned-container-margin-inline-expanded: 0 !important;
+  --tab-collapsed-width: 48px !important;
+
+  --toolbarbutton-background-color-hover: color-mix(in srgb, currentColor 17%, transparent) !important;
+  --toolbarbutton-background-color-active: color-mix(in srgb, currentColor 30%, transparent) !important;
+}
+@media -moz-pref("uwp.sun-valley.round-tabs") {
+  :root #TabsToolbar {
+    --toolbarbutton-inner-padding: 6px !important;
+  }
+}
+:root[uidensity="compact"] {
+  --uwp-navbar-letterbox: 7px;
+  --uwp-navbar-letterbox-bookmarks: -6px;
+}
+:root[uidensity="touch"] {
+  --tab-min-height: 42px !important;
+  --uwp-urlbar-height: 42px !important;
+
+  --uwp-navbar-letterbox: 9px;
+  --uwp-navbar-letterbox-bookmarks: 0px;
+  --toolbarbutton-inner-padding: 12px !important;
+}
+@media -moz-pref("uwp.sun-valley.round-tabs") {
+  :root[uidensity="touch"] #TabsToolbar {
+    --toolbarbutton-inner-padding: 12px !important;
+  }
+}
+@media (-moz-platform: windows) {
+  /* Temporal fix for top border */
+  :root[sizemode="normal"][tabsintitlebar]:-moz-window-inactive {
+    border-top-color: #2B2B2B !important;
+  }
+}
+
+
+@media -moz-pref("uwp.sun-valley.mica") {
+  #main-window:not([sizemode="fullscreen"])  {
+    background: transparent !important;
+  }
+}
+
+@media not -moz-pref("uwp.sun-valley.searchmode-switcher") {
+  #urlbar-searchmode-switcher, .searchmode-switcher {
+    display: none !important;
+  }
+  .urlbar-input-container, #searchbar {
+    border: 1px solid transparent !important;
+    background-clip: padding-box !important;
+    background-color: transparent !important;
+    padding-left: 10px !important;
+    padding-right: 10px !important;
+    border-radius: var(--uwp-tags-control-radius) !important;
+  }
+}
+
+/*@media not (-moz-platform: windows) {
+  #main-window body {
+    background: var(--uwp-background) !important;
+  }
+}*/
+/* Testing shadows  */
+/*
+:root {
+  --chrome-background-color: #202020 !important;
+}
+:root:-moz-window-inactive {
+  --chrome-background-color: #101010 !important;
+}
+#nav-bar {
+  box-shadow: 0px -2px 10px 2px rgba(0, 0, 0, .4) !important;
+  clip-path: inset(-20px 0px 0px 0px) !important;
+}
+.tabbrowser-tab > .tab-stack > .tab-background[selected] {
+  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .4) !important;
+}
+.titlebar-button {
+  clip-path: inset(0px -20px 0px -20px) !important;
+}
+.titlebar-button:hover {
+  box-shadow: 0px -2px 10px 2px rgba(0, 0, 0, .4) !important;
+  clip-path: inset(0px -20px 0px -20px) !important;
+}
+.tabs-newtab-button:hover, #new-tab-button:hover, #alltabs-button:hover, .scrollbutton-up:hover, .scrollbutton-down:hover {
+  box-shadow: 0px -2px 10px 2px rgba(0, 0, 0, .4) !important;
+  z-index: 2 !important;
+  position: relative !important;
+  clip-path: inset(0px -20px 0px -20px) !important;
+}
+*/
+