userChrome.css

/* * * * * * * * * * * * * * * *
 * ░█▀▀▀░█░░░█░█▀▀▀░█▀▀█░█░░█░ *
 * ░█░▀█░█▄█▄█░█▀▀▀░█░ █░▄▀▀▄░ *
 * ░▀▀▀▀░▀░░░▀░▀░░░░▀▀▀▀░▀░░▀░ *
 *   github.com/akkva/gwfox    *
 * * * * * * * * * * * * * * * */

@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";

:root {
  --bg0: #007aff;
  --bg1: light-dark(#f5f6f6, #383838);
  --bg2: light-dark(#fff, #454545);
  --bg3: light-dark(rgba(50, 50, 50, .1), rgba(225, 225, 225, .1));
  --bg4: light-dark(rgba(255, 255, 255, .98), rgba(25, 25, 25, .99));
  --bg5: color-mix(in srgb, var(--bg0), transparent 75%);
  --bs1: 0 5px 15px rgba(0, 0, 0, .2), inset 0 0 0 .5px rgba(0, 0, 0, .28), 0 0 0 .5px rgba(0, 0, 0, .05);
  --bs2: 0 5px 15px rgba(0, 0, 0, .25), inset 0 0 0 .5px rgba(0, 0, 0, .78), 0 0 0 .5px rgba(0, 0, 0, .2);
  --br1: 6px;
  --br2: 8px;
  --br3: 10px;
  --br4: 12px;
  --bf1: none;
  --bf2: none;
  --bf3: none;
  --button-bgcolor: light-dark(rgba(70, 70, 70, .12), rgba(170, 170, 170, .15)) !important;
  --button-hover-bgcolor: light-dark(rgba(70, 70, 70, .1), rgba(170, 170, 170, .2)) !important;
  --button-active-bgcolor: light-dark(rgba(70, 70, 70, .15), rgba(170, 170, 170, .3)) !important;
  --button-background-color: var(--button-bgcolor) !important;
  --button-background-color-hover: var(--button-hover-bgcolor) !important;
  --button-background-color-active: var(--button-active-bgcolor) !important;
  --in-content-primary-button-text-color: #fff !important;
  --button-text-color-primary: #fff !important;
  --button-primary-color: #fff !important;
  --text-color-accent-primary-selected: #fff !important;
  --color-accent-primary: light-dark(var(--bg0), color-mix(in srgb, var(--bg0) 90%, #000)) !important;
  --color-accent-primary-hover: light-dark(color-mix(in srgb, var(--bg0) 90%, #fff), color-mix(in srgb, var(--bg0) 80%, #fff)) !important;
  --color-accent-primary-active: light-dark(color-mix(in srgb, var(--bg0) 90%, #000), color-mix(in srgb, var(--bg0) 80%, #000)) !important;
  --color-accent-primary-selected: light-dark(var(--bg0), color-mix(in srgb, var(--bg0) 90%, #000)) !important;
  --in-content-button-background: light-dark(rgba(70, 70, 70, .1), rgba(170, 170, 170, .2)) !important;
  --in-content-button-background-hover: light-dark(rgba(70, 70, 70, .15), rgba(170, 170, 170, .3)) !important;
  --in-content-button-background-active: light-dark(rgba(70, 70, 70, .12), rgba(170, 170, 170, .15)) !important;
  --link-color: var(--color-accent-primary) !important;
  --link-color-hover: var(--color-accent-primary-hover) !important;
  --link-color-active: var(--color-accent-primary-active) !important;
  --toolbar-field-focus-background-color: light-dark(rgba(155, 155, 155, .25), rgba(195, 195, 195, .25)) !important;
  --urlbarView-result-button-hover-color: light-dark(rgba(0, 0, 0, .8), rgba(255, 255, 255, .8)) !important;
  --urlbarView-result-button-hover-background-color: light-dark(rgba(155, 155, 155, .5), rgba(195, 195, 195, .5)) !important;
  --toolbarbutton-icon-fill-attention: light-dark(var(--bg0), color-mix(in srgb, var(--bg0) 90%, #000)) !important;
  --tab-loading-fill: var(--toolbarbutton-icon-fill-attention) !important;
  --arrowpanel-background: light-dark(#fff, #383838) !important;
  --focus-outline-color: light-dark(color-mix(in srgb, var(--bg0) 55%, transparent), color-mix(in srgb, var(--bg0) 45%, #555)) !important;
  --in-content-box-background: light-dark(rgba(155, 155, 155, .2), rgba(195, 195, 195, .2)) !important;
  --background-color-box: light-dark(rgba(155, 155, 155, .2), rgba(195, 195, 195, .2)) !important;
  --in-content-box-border-color: transparent !important;
  --sidebar-background-color: transparent !important;
  --sidebar-border-color: transparent !important;
  --sidebar-box-border: transparent !important;
  --sidebar-box-background: light-dark(rgba(102, 105, 108, .1), rgba(165, 165, 165, .1)) !important;
  --urlbarView-action-button-background-color: var(--button-bgcolor) !important;
  --urlbarView-hover-background: var(--button-hover-bgcolor) !important;
  --urlbarView-highlight-background: var(--button-hover-bgcolor) !important;
  --urlbarView-highlight-color: light-dark(#000, #fff) !important;
  --input-bgcolor: light-dark(rgba(70, 70, 70, .1), rgba(170, 170, 170, .2)) !important;
  --input-border-color: transparent !important;
  --tabstrip-min-height: unset !important;
  --tab-icon-overlay-fill: light-dark(rgba(0, 0, 0, .8), rgba(225, 225, 225, .8)) !important;
  --toolbar-bgcolor: var(--toolbox-bgcolor) !important;
  --toolbarbutton-hover-background: color-mix(in srgb, currentColor 10%, transparent) !important;
  --toolbarbutton-active-background: color-mix(in srgb, currentColor 15%, transparent) !important;
  --toolbarbutton-background-color-hover: var(--button-hover-bgcolor) !important;
  --toolbarbutton-background-color-active: var(--button-active-bgcolor) !important;
  @media -moz-pref("gwfox.blur") {
  --bf2: blur(15px);
  --bf3: blur(30px);
  --bg4: light-dark(rgba(255, 255, 255, .75), rgba(15, 15, 12, .75));
  @media (-moz-mac-tahoe-theme) {
  --bg4: light-dark(rgba(255, 255, 255, .55), rgba(25, 25, 25, .55));
  }
  }
  @media -moz-pref("gwfox.ac") {
  --urlbarView-result-button-hover-color: rgba(255, 255, 255, .8) !important;
  --urlbarView-result-button-hover-background-color: rgba(195, 195, 195, .2) !important;
  --urlbarView-hover-background: color-mix(in srgb, var(--bg0) 80%, transparent) !important;
  --urlbarView-highlight-background: var(--urlbarView-hover-background) !important;
  }
  @media (-moz-mac-tahoe-theme) or (-moz-gtk-theme-family: adwaita) or (-moz-gtk-theme-family: yaru) {
  --arrowpanel-menuitem-border-radius: 8px !important;
  }
  @media (-moz-mac-tahoe-theme) {
  --bs1: 0 5px 15px rgba(0, 0, 0, .2), inset 0 0 0 .5px rgba(0, 0, 0, .34), 0 0 0 .5px rgba(0, 0, 0, .12);
  }
  @media (-moz-platform: windows) {
  --bs1: 0 45px 65px rgba(0, 0, 0, .35), 0 0 0 1px rgba(0, 0, 0, .17);
  --bs2: 0 45px 65px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 255, 255, .15);
  }
  @media (-moz-platform: linux) {
  --bg1: light-dark(#f5f6f6, #28282c);
  --bg2: light-dark(#fff, #36363a);
  --bs1: 0 2px 15px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .058);
  @media -moz-pref("gwfox.bms") {
  --bg1: light-dark(rgba(245, 245, 246, .76), rgba(40, 40, 44, .76));
  }
  }
:-moz-window-inactive {
  --bg5: color-mix(in srgb, #777, transparent 75%);
}
}

:root[macOSNativeFullscreen] {
.fullscreen-floating-toolbox, #urlbar, body {
  translate: unset !important;
}
#urlbar[breakout][breakout-extend] {
  translate: -50% 0 !important;
}
#navigator-toolbox {
  box-shadow: none !important;
}
}

.browser-titlebar {
:root[customtitlebar] &,
:root[customtitlebar] & .urlbar:popover-open {
  will-change: unset !important;
}
}

#navigator-toolbox {
  margin-top: 0 !important;
  border: none !important;
  z-index: unset !important;
}

#nav-bar {
  padding-top: 2px !important;
  height: 47px !important;
  background: transparent !important;
&:not([customizing]) toolbarspring:not(#vertical-spacer) {
  min-width: 12.5px !important;
}
@media (-moz-platform: windows) {
  height: 48px !important;
}
}

@media not -moz-pref("gwfox.atbc") {
#PersonalToolbar, #TabsToolbar,
#navigator-toolbox, #browser, body {
  background: transparent !important;
}
}

#tabbrowser-tabbox {
  box-shadow: none !important;
  outline: none !important;
  overflow: unset !important;
}

:root:not([inDOMFullscreen], [chromehidden~="toolbar"], [chromehidden~="location"], [taskbartab]) {
.titlebar-buttonbox-container {
@media not -moz-pref("sidebar.verticalTabs") {
  position: fixed !important;
  left: 4px;
  top: 15.5px;
@media (-moz-mac-tahoe-theme) {
  left: 5px;
  top: 16.5px;
}
@media not (-moz-platform: macos) {
  left: unset;
  right: 0;
  top: 0;
@media (-moz-platform: windows) {
.titlebar-button {
  padding-block: 19px !important;
}
}
@media (-moz-platform: linux) {
  top: 11px;
@media (-moz-gtk-theme-family: breeze) {
  top: 15px;
}
}
}
}
@media -moz-pref("sidebar.verticalTabs") and (-moz-platform: macos) {
:root:has([sidebar-shown]) & {
  margin-top: -2px !important;
}
}
}

#tabbrowser-tabbox {
@media not -moz-pref("gwfox.noborder") {
  padding-block-end: 8px !important;
  padding-inline-end: 8px !important;
&:not([sidebar-shown]) {
  padding-inline-start: 8px !important;
}
}
}

.browserContainer {
  overflow: clip;
  background-color: light-dark(#fff, #191919) !important;
  -moz-window-dragging: no-drag;
@media not -moz-pref("gwfox.noborder") {
  outline: none !important;
  border-radius: var(--br2) !important;
  box-shadow: 0 1px 8px light-dark(#00000026, #00000040) !important;
@media (-moz-mac-tahoe-theme) {
  border-radius: var(--br3) !important;
}
}
@media -moz-pref("gwfox.noborder") {
  box-shadow: none !important;
}
.deck-selected.split-view-panel & {
  outline: var(--focus-outline) !important;
}
:root:has(#sidebar-main:hover) & {
  -moz-window-dragging: unset;
}
@media -moz-pref("gwfox.blur") {
browser[type="content"] {
  translate: 0;
  backface-visibility: hidden;
}
}
}

#tabbrowser-tabpanels {
  background-color: transparent !important;
&[splitview] {
> .split-view-panel:not(.deck-selected) {
  overflow: unset !important;
}
.split-view-panel {
  margin: 0 !important;
@media -moz-pref("gwfox.noborder") {
  margin-block-end: 8px !important;
@media -moz-pref("gwfox.urlbar") and -moz-pref("sidebar.verticalTabs") {
:root:has(#tabbrowser-tabs[expanded]):has(#sidebar-box[hidden]) & {
  margin-block-start: 8px !important;
}
}
&[column="0"]:not(:has([sidebar-shown]) &) { margin-inline-start: 8px !important; }
&[column="1"] { margin-inline-end: 8px !important; }
}
}
.split-view-splitter {
  border: none !important;
  background: none !important;
  margin-inline-start: -1px !important;
  margin-inline-end: 0 !important;
  z-index: 9;
@media not (-moz-platform: macos) {
  margin-inline-start: 1px !important;
  margin-inline-end: 1px !important;
}
}
split-view-footer {
  border-block-start: .5px solid rgba(105, 105, 105, .1) !important;
  border-inline-start: .5px solid rgba(105, 105, 105, .1) !important;
  background-color: light-dark(#eee, #343436) !important;
@media -moz-pref("gwfox.blur") {
  background-color: light-dark(rgba(238, 238, 238, .75), rgba(52, 52, 54, .75)) !important;
}
  backdrop-filter: var(--bf3) !important;
@media (-moz-platform: linux) {
@media not -moz-pref("gwfox.bms") {
  background-color: light-dark(#eee, #343436) !important;
  backdrop-filter: var(--bf1) !important;
}
}
@media -moz-pref("gwfox.noborder") {
  border-end-end-radius: 0 !important;
}
}
}
}

[data-l10n-id="urlbar-split-view-button"] {
  appearance: none !important;
  border-radius: 50px;
&:hover {
  background-color: var(--button-hover-bgcolor);
}
&:active {
  background-color: var(--button-active-bgcolor);
}
}

.devtools-toolbox-side-iframe {
  border-radius: var(--br2);
  box-shadow: 0 1.5px 9px light-dark(#00000026, #00000040);
  &:first-child { margin-inline-end: 8px !important; }
  &:last-child { margin-inline-start: 8px !important; }
@media (-moz-mac-tahoe-theme) {
  border-radius: var(--br3);
}
}
}

.devtools-side-splitter {
  background-color: transparent !important;
}

@media not -moz-pref("sidebar.verticalTabs") {
:root:not([chromehidden~="toolbar"], [chromehidden~="location"], [taskbartab]) {
  --btn-step: 40px;
  --menu-base-pos: 3px;
@media not (-moz-platform: macos) {
  --menu-base-pos: 138px;
@media (-moz-platform: linux) {
  --menu-base-pos: 39px;
@media (-moz-gtk-csd-maximize-button) or (-moz-gtk-csd-minimize-button) { --menu-base-pos: 76px; }
@media (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button) { --menu-base-pos: 113px; }
@media (-moz-gtk-theme-family: breeze) { --menu-base-pos: 83px; }
}
}

.titlebar-spacer, #nav-bar:not([customizing]) toolbarspring {
  display: none !important;
}

.webextension-browser-action,
#nav-bar-customization-target > toolbarbutton:nth-last-child(3) {
  margin-right: 4px !important;
}

#navigator-toolbox {
  display: grid;
  grid-template-columns: minmax(auto, 0) auto;
> *:not(#TabsToolbar, #nav-bar) {
  grid-column: 1 / span 2 !important;
}
}

#nav-bar {
  width: fit-content !important;
  grid-area: 2 / 1 / auto / auto;
  padding-left: 76px !important;
@media (-moz-mac-tahoe-theme) {
  padding-left: 82px !important;
}
@media not (-moz-platform: macos) {
  padding-left: 0 !important;
}
:root[inFullscreen] & {
  padding-left: 0 !important;
}
}

#PersonalToolbar {
  height: 28px !important;
}

#TabsToolbar {
  grid-area: 2 / 2 / auto / auto;
  margin-block: 4.5px !important;
  margin-left: -2px !important;
  --extension-offset: 0px;
  --overflow-offset: 0px;
:root:has(#unified-extensions-button[hidden]) & { --extension-offset: -34px; }
:root:has(#nav-bar-overflow-button:not(#nav-bar:not([overflowing], [nonemptyoverflow], [customizing]) > #nav-bar-overflow-button)) & { --overflow-offset: 34px; }
  padding-inline-end: calc(var(--menu-base-pos) + 74px + var(--extension-offset) + var(--overflow-offset)) !important;
@media (-moz-platform: windows) {
  margin-block: 5px !important;
}
}

#PanelUI-menu-button {
  position: fixed !important;
  inset-inline-end: var(--menu-base-pos) !important;
}

#nav-bar-overflow-button {
  position: fixed !important;
  inset-inline-end: calc(var(--menu-base-pos) + var(--btn-step)) !important;
}

#unified-extensions-button {
  position: fixed !important;
  --overflow-offset: 0px;
:root:has(#nav-bar-overflow-button:not(#nav-bar:not([overflowing], [nonemptyoverflow], [customizing]) > #nav-bar-overflow-button)) & { --overflow-offset: 34px; }
  inset-inline-end: calc(var(--menu-base-pos) + var(--btn-step) + var(--overflow-offset)) !important;
}

&:not([customizing]) {
#nav-bar #forward-button[disabled] {
  display: none;
}
#nav-bar #back-button[disabled]:has(+ #forward-button:not([disabled])) {
  display: none;
}
#nav-bar-customization-target > #forward-button:nth-child(2 of :not([hidden])) {
  padding-inline-start: 8px !important;
}
}
}
}

/* button */

.toggle-button { --toggle-dot-background-color-on-pressed: #fff !important; }
#blocked-permissions-container, #picture-in-picture-button,
.private-browsing-indicator-with-label,
#reset-pbm-toolbar-button, .sharing-icon,
#firefox-view-button, #fxa-toolbar-menu-button,
#userContext-icons, #userContext-label {
  display: none !important;
}

#scrollbutton-up, #scrollbutton-down {
  appearance: none !important;
  outline: none;
}

#scrollbutton-up ~ spacer {
&[part^="overflow"] {
  display: none;
}
}

#viewButton {
  border-radius: var(--br2) !important;
&:hover {
  background-color: var(--button-hover-bgcolor) !important;
}
&[open] {
  background-color: var(--button-active-bgcolor) !important;
}
}

.urlbar-page-action, #identity-box[pageproxystate="valid"].chromeUI,
#identity-permission-box, #notification-popup-box, #trust-icon-container,
moz-button, #nav-bar .toolbarbutton-1, #TabsToolbar .toolbarbutton-1 {
&:active {
  transform: scale(.95);
  transition: transform .1s ease;
}
}

.tab-close-button, .tab-icon-overlay, .tab-icon-image, span[part="button"],
.toolbarbutton-1, #identity-permission-box,
#notification-popup-box, #star-button,
#translations-button-circle-arrows,
#taskbar-tabs-button > .urlbar-icon,
#reader-mode-button > .urlbar-icon,
#translations-button > #translations-button-icon,
#shopping-sidebar-button > .urlbar-icon , #identity-box,
#trust-icon-container, .urlbar-go-button, #split-view-button-icon {
  fill: light-dark(#525252, #c9c9cb) !important;
  fill-opacity: 1 !important;
}

.tab-close-button:active, .tab-icon-overlay:active, span[part="button"]:active,
.toolbarbutton-1:active, #identity-permission-box:active,
#notification-popup-box:active, #star-button:active,
#translations-button-circle-arrows:active,
#taskbar-tabs-button:active > .urlbar-icon,
#reader-mode-button:active > .urlbar-icon,
#translations-button:active > #translations-button-icon,
#shopping-sidebar-button:active > .urlbar-icon , #identity-box:active,
#trust-icon-container:active, .urlbar-go-button:active, #split-view-button-icon:active {
  fill: light-dark(#2d2d2d, #ececec) !important;
}

#downloads-indicator-progress-outer {
  border: 1.5px solid light-dark(#525252, #c9c9cb) !important;
  width: 17px !important;
  height: 17px !important;
}

.webextension-browser-action {
  border-radius: var(--br2) !important;
  margin-bottom: 8.5px !important;
  width: 30px !important;
}

#nav-bar .toolbarbutton-1 {
  max-height: 30px !important;
  margin-top: 6.5px !important;
}

#TabsToolbar .toolbarbutton-1 {
  max-height: 30px !important;
  margin: unset !important;
  margin-top: 4px !important;
  margin-bottom: 3px !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon {
  height: 30px !important;
  width: 30px !important;
  padding: 6px !important;
  border-radius: var(--br2) !important;
}

#nav-bar .toolbarbutton-1:is(#ipprotection-button) > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-1:is(#ipprotection-button) > .toolbarbutton-icon {
  width: 50px !important;
}

#TabsToolbar #downloads-button > .toolbarbutton-badge-stack {
  height: 30px !important;
  width: 30px !important;
  border-radius: var(--br2) !important;
  padding: 6.5px 5.5px 5.5px 6.5px !important;
}

#PanelUI-menu-button > .toolbarbutton-badge-stack {
  height: 30px !important;
  width: 30px !important;
  border-radius: var(--br2) !important;
  padding: 6px 5.5px 0 !important;
}

#PanelUI-menu-button .toolbarbutton-icon {
  height: 19px !important;
  width: 19px !important;
  scale: 1.05;
}

#nav-bar #downloads-button > .toolbarbutton-badge-stack {
  height: 30px !important;
  width: 30px !important;
  border-radius: var(--br2) !important;
  padding: 6.5px 5.5px 5.5px 6.5px !important;
}

#sidebar-button > .toolbarbutton-badge-stack {
  height: 30px !important;
  width: 30px !important;
  border-radius: var(--br2) !important;
  padding: 7px 0 0 7px !important;
}

#TabsToolbar #alltabs-button,
#nav-bar #alltabs-button {
> .toolbarbutton-badge-stack {
  height: 30px !important;
  width: 30px !important;
  padding: 6px 0 0 6px !important;
  border-radius: var(--br2) !important;
> .toolbarbutton-icon {
  height: 18px !important;
  width: 18px !important;
  margin: unset !important;
}
}
}

#page-action-buttons {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

#identity-box {
  height: 28px !important;
  border-radius: var(--br2) !important;
&:hover {
  background: rgba(70, 70, 70, .1) !important;
}
}

.identity-box-button {
  background: none !important;
}

#notification-popup-box {
  margin-top: 0 !important;
  background: none !important;
}

#trust-icon-container {
  height: 28px !important;
  border-radius: var(--br2) !important;
&:where(.insecure):not(:hover, :active) {
  background-color: transparent !important;
}
}

#taskbar-tabs-button > .urlbar-icon {
  scale: .95;
}

#star-button[starred], #translations-button-circle-arrows,
#reader-mode-button[readeractive] > .urlbar-icon,
#translations-button[translationsactive] > #translations-button-icon,
#shopping-sidebar-button[shoppingsidebaropen] > .urlbar-icon {
  fill: light-dark(#2d2d2d, #ececec) !important;
}

#star-button[starred] {
:root:has(#star-button-box[open]) & {
  animation-name: urlbar-zoom-reset-pulse;
  animation-duration: 250ms;
}
}

#appMenu-fullscreen-button2 .toolbarbutton-icon {
  background: none !important;
}

#appMenu-fullscreen-button2 {
&:hover { background: var(--button-hover-bgcolor) !important; }
&:active { background: var(--button-active-bgcolor) !important; }
}

#appMenu-quit-button2, #appMenu-help-button2 + toolbarseparator {
  display: none !important;
}

/* urlbar */

#urlbar-container {
&:has(#urlbar[breakout][breakout-extend]) {
  max-height: 30px !important;
  min-height: 30px !important;
  margin-top: 6.5px !important;
  border-radius: var(--br2);
  background: var(--button-bgcolor);
@media -moz-pref("gwfox.urlbar") and -moz-pref("sidebar.verticalTabs") {
:root:has(#tabbrowser-tabs[expanded]) & {
  max-height: 32px !important;
  min-height: 32px !important;
}
}
}
@media not -moz-pref("sidebar.verticalTabs") {
:root:not([taskbartab]) & {
  max-width: 219px !important;
}
}
}

#urlbar {
  -moz-window-dragging: no-drag;
&[breakout][breakout-extend] {
  top: 20vh !important;
  left: 50% !important;
  width: 45vw !important;
  translate: -50% 0;
  max-width: unset !important;
  min-width: 50vh !important;
  margin-top: 15px !important;
  animation: panel-grow 250ms ease-out;
  transition: none !important;
.urlbar-input,
.urlbar-input::placeholder {
  font-size: 21px !important;
}
.urlbar-input-container {
  height: 50px !important;
  padding-inline: 15px !important;
  align-items: center !important;
}
.urlbarView-row-inner {
  flex-wrap: nowrap !important;
}
.urlbarView-no-wrap {
  max-width: 50% !important;
  flex-basis: 0 !important;
}
.urlbarView-row[has-url] .urlbarView-url {
  margin-left: 0 !important;
}
.urlbarView-row[has-url] .urlbarView-title-separator {
  display: block !important;
}
.urlbarView-press-tab-label {
  color: light-dark(#000, #fff) !important;
}
.searchmode-switcher {
  display: none !important;
}
.urlbar-input-container[pageproxystate="invalid"] {
  padding-inline-start: 50px !important;
  background-image: url("chrome://global/skin/icons/search-glass.svg");
  background-repeat: no-repeat;
  background-position: left 21px bottom 16px;
  -moz-context-properties: fill, fill-opacity;
  fill: currentColor;
  fill-opacity: .65;
}
}
&:not([breakout][breakout-extend]) {
  transform: none !important;
  backdrop-filter: blur(0) !important;
#trust-label,
#identity-icon-label,
.searchmode-switcher-close,
.searchmode-switcher-title {
  display: none !important;
}
}
&:has(#identity-box[pageproxystate="valid"].extensionPage) {
.urlbar-page-action,
.identity-box-button,
.searchmode-switcher,
#trust-icon-container {
  display: none !important;
}
.urlbar-input-container {
  padding-inline-start: 28px !important;
  background-image: url("chrome://global/skin/icons/search-glass.svg");
  background-repeat: no-repeat;
  background-position: left 6px bottom 7px;
  -moz-context-properties: fill, fill-opacity;
  fill: currentColor;
  fill-opacity: .69;
}
.urlbar-input-container[pageproxystate="valid"] .urlbar-input {
  text-align: left !important;
}
&[breakout][breakout-extend] .urlbar-input-container {
  padding-inline-start: 43px !important;
  background-position: left 21px bottom 16px;
}
.urlbar-input {
  mask-image: linear-gradient(to left, transparent, #fff 15ch) !important;
}
}
@media -moz-pref("gwfox.urlbar") or (not -moz-pref("sidebar.verticalTabs")) {
:root:not([taskbartab]):has(#tabbrowser-tabs[orient="vertical"][expanded], #tabbrowser-tabs[orient="horizontal"]) & {
@media not -moz-pref("sidebar.visibility", "expand-on-hover") {
&:not(:has(#identity-box[pageproxystate="valid"].extensionPage)) {
&:not(:hover, [open], :has(*[open])) {
.urlbar-input {
  padding-inline-start: 10px !important;
  padding-inline-end: 15px !important;
}
.urlbar-input-container[pageproxystate="invalid"] .urlbar-input {
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
}
}
&:not([breakout][breakout-extend]) {
.urlbar-page-action,
#identity-box[pageproxystate="valid"].chromeUI,
#identity-permission-box, 
#notification-popup-box, 
#trust-icon-container {
  opacity: 0;
  transition: opacity 0.2s ease, margin 0.2s ease;
}
}
.urlbar-page-action {
  margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding));
}
#identity-box[pageproxystate="valid"].chromeUI,
#identity-permission-box, 
#notification-popup-box, 
#trust-icon-container {
  margin-inline-start: calc(-16px - 2 * var(--urlbar-icon-padding));
}
&:is(:hover, [open], :has(*[open])) {
.urlbar-page-action,
#identity-box[pageproxystate="valid"].chromeUI,
#identity-permission-box,
#notification-popup-box,
#trust-icon-container {
  opacity: 1 !important;
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}
}
.urlbar-input::placeholder {
  text-align: left !important;
}
}
}
}
}
&:-moz-window-inactive {
* { opacity: .78; }
}
}

.urlbar-background {
  height: 30px !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: var(--br2) !important;
  background: var(--button-hover-bgcolor) !important;
  outline-style: solid !important;
  outline-color: transparent !important;
  outline-width: 18px !important;
  transition: none !important;
@media -moz-pref("gwfox.urlbar") and -moz-pref("sidebar.verticalTabs") {
@media not -moz-pref("sidebar.visibility", "expand-on-hover") {
:root:has(#tabbrowser-tabs[expanded]) & {
  height: 32px !important;
}
}
}
#urlbar:not([open]):hover & {
  background: var(--button-active-bgcolor) !important;
  transition: background .5s !important;
}
#urlbar[focused]:not([suppress-focus-border]) & {
  outline-color: var(--focus-outline-color) !important;
  outline-width: 3px !important;
  outline-offset: -1px !important;
  transition: outline-color .3s cubic-bezier(.8, 0, 0, .8), outline-width .3s cubic-bezier(.8, 0, 0, .8) !important;
}
#urlbar[breakout][breakout-extend] & {
  background: var(--bg4) !important;
  backdrop-filter: var(--bf3) !important;
  box-shadow: var(--bs1) !important;
  height: unset !important;
@media (-moz-mac-tahoe-theme) {
  backdrop-filter: var(--bf2) !important;
}
@media (-moz-mac-tahoe-theme) or (-moz-gtk-theme-family: adwaita) or (-moz-gtk-theme-family: yaru) {
  border-radius: var(--br4) !important;
}
@media (-moz-platform: linux) {
@media not -moz-pref("gwfox.bms") {
  background: var(--bg2) !important;
  backdrop-filter: var(--bf1) !important;
}
}
}
}

#urlbar-search-mode-indicator {
  margin-top: 3px !important;
  height: 22px !important;
}

.urlbarView-url {
.urlbarView-row & {
  color: light-dark(#5a5a5a, #a2a2a2) !important;
}
}

.urlbarView-action-btn {
  color: light-dark(#5a5a5a, #a2a2a2) !important;
  background-color: var(--button-bgcolor) !important;
  font-weight: unset !important;
&:hover {
  background-color: var(--button-hover-bgcolor) !important;
}
&[data-action^="tabgroup-"] {
  color: light-dark(#5a5a5a, #a2a2a2) !important;
  background-color: var(--button-bgcolor) !important;
&:hover {
  opacity: 1 !important;
  background-color: var(--button-hover-bgcolor) !important;
}
}
}

.urlbarView-row:is([selected], [row-selectable]:not([selected]):hover) {
  background-color: var(--button-bgcolor) !important;
}

.urlbarView-row[has-action]:is([type="switchtab"], [type="remotetab"], [type="clipboard"]) {
> .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-action {
  border: none !important;
  color: light-dark(#5a5a5a, #a2a2a2) !important;
  background-color: var(--button-bgcolor) !important;
&.urlbarView-tabGroup {
  color: light-dark(#5a5a5a, #a2a2a2) !important;
  background-color: var(--button-bgcolor) !important;
}
}
}

.urlbarView-row:is([type=bookmark], [pinned]) > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-type-icon {
  display: none !important;
}

.urlbar-revert-button,
.searchmode-switcher {
  height: 28px !important;
  width: 28px !important;
  border-radius: var(--br2) !important;
  background-color: transparent !important;
&:not([disabled]) {
&:hover { background-color: var(--button-hover-bgcolor) !important; }
&[open], &:hover:active { background-color: var(--button-active-bgcolor) !important; }
}
}

.searchmode-switcher {
  --button-background-color: transparent !important;
#urlbar:not([breakout][breakout-extend]) & {
> .searchmode-switcher-content {
  margin-inline-start: 40px;
&::before {
  content: url("chrome://global/skin/icons/search-glass.svg");
  -moz-context-properties: fill;
  fill: light-dark(#525252, #c9c9cb);
  margin-inline-start: -39px;
  margin-block-start: 2px;
}
}
}
}

.searchmode-switcher-panel {
@media not (-moz-platform: linux) {
  appearance: menupopup !important;
}
}

.searchmode-switcher-dropmarker {
  display: none !important;
}

.urlbar-go-button {
  border-radius: var(--br2) !important;
}

.urlbar-input-container {
  padding: 0 !important;
  height: 30px !important;
  outline: none !important;
  border-radius: var(--br2) !important;
.urlbar-input {
  text-align: center !important;
  margin-bottom: 1px !important;
@media (-moz-platform: linux) {
  font-size: 13px !important;
}
}
&[pageproxystate="invalid"] {
.urlbar-input {
  mask-image: linear-gradient(to left, transparent, #fff 15ch) !important;
  text-align: left !important;
@media -moz-pref("sidebar.visibility", "expand-on-hover") {
#urlbar:not([focused], [open]) & {
  text-align: center !important;
}    
}
@media -moz-pref("sidebar.verticalTabs") and (not -moz-pref("gwfox.urlbar")) {
#urlbar:not([focused], [open]) & {
  text-align: center !important;
}
}
@media -moz-pref("sidebar.verticalTabs") and -moz-pref("gwfox.urlbar") {
:root:has([sidebar-shown]):has(#tabbrowser-tabs:not([expanded])) #urlbar:not([focused], [open]) & {
  text-align: center !important;
}
}
}
}
}

.urlbar-input::placeholder {
  font-size: 12.5px !important;
}

.urlbar[searchmode]:not([usertyping]) .urlbarView-body-inner {
#urlbar[open] > .urlbarView > .urlbarView-body-outer > & {
  border-top: none !important;
}
}

.urlbarView-body-outer {
  padding: 0 8px !important;
}

.urlbarView-body-inner {
  border: 0 !important;
  border-top: 1px solid rgba(105, 105, 105, .2) !important;
}

.search-one-offs {
  background: transparent !important;
  border: none !important;
  padding: 8px !important;
}

.urlbar-page-action {
  height: 28px !important;
  border-radius: var(--br2) !important;
  padding: 6px !important;
}

#urlbar-zoom-button {
  background: var(--button-hover-bgcolor) !important;
}

#search-container,
#wrapper-search-container:not([place="panel"]) {
  display: none !important;
}

/* tabs */

:root:not([privatebrowsingmode]) :is(toolbarbutton, toolbarpaletteitem),
:root[privatebrowsingmode] :is(toolbarbutton:not(#firefox-view-button), toolbarpaletteitem:not(#wrapper-firefox-view-button)) {
~ #tabbrowser-tabs[orient="horizontal"]::before {
  display: none !important;
}
}

#tabbrowser-tabs {
  border-inline-start: none !important;
&[orient="horizontal"] {
  --tab-min-width: 88px !important;
  margin-inline-start: 0 !important;
  padding-inline-start: 0 !important;
tab-group > .tabbrowser-tab {
  transition: all .25s !important;
}
.tab-stack {
  margin-inline: 1px !important;
}
}
&[orient="vertical"] {
  grid-gap: unset !important;
  margin-top: 3px !important;
  --tab-inner-inline-margin: 8.5px !important;
&:has([pinned]) {
  margin-top: 1px !important;
}
&::after {
  content: none !important;
}
.tabbrowser-tab {
  padding-block: 5px !important;
&:not([pinned]) .tab-background {
  margin-block: 0 !important;
}
}
tab-group > .tabbrowser-tab {
  max-height: 42px;
  transition: max-height .25s !important;
[collapsed] & {
&:not([selected], [busy]) {
  display: block !important;
  padding-block: 0 !important;
  max-height: 0;
  transition: all .25s !important;
}
}
}
tab-group > .tabbrowser-tab,
&[movingtab][movingtab-addToGroup]:not([movingtab-group],[movingtab-ungroup]) .tabbrowser-tab:is(:active,[multiselected]) {
  margin-inline-start: 0 !important;
}
#tabs-newtab-button,
#vertical-tabs-newtab-button {
  font-size: 13px !important;
@media not -moz-pref("sidebar.visibility", "expand-on-hover") {
> .toolbarbutton-text {
  display: none;
}
> .toolbarbutton-icon {
  height: 32px !important;
  width: 32px !important;
  padding: 5px 7px !important;
}
}
@media -moz-pref("sidebar.visibility", "expand-on-hover") {
> .toolbarbutton-text {
  opacity: .7;
}
@media not (-moz-platform: macos) {
:root:has(#tabbrowser-tabs[expanded]) & {
> .toolbarbutton-icon {
  margin-inline-start: -.5px !important;
@media (-moz-platform: linux) {
@media (-moz-gtk-theme-family: adwaita) or (-moz-gtk-theme-family: yaru) {
  margin-inline-start: -2.5px !important;
}
@media (-moz-gtk-theme-family: breeze) {
  margin-inline-start: -1.5px !important;
}
}
}
}
}
}
}
}
}

.tab-background {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: var(--br2) !important;
  background: var(--button-hover-bgcolor) !important;
  transition: background .5s !important;
.tabbrowser-tab:not([multiselected]):hover & {
  background: var(--button-active-bgcolor) !important;
}
&[selected] {
  background: light-dark(rgba(70, 70, 70, .18), rgba(170, 170, 170, .4)) !important;
}
&[multiselected] {
  background: color-mix(in srgb, var(--bg0) 36%, transparent) !important;
}
tab-split-view-wrapper & {
  background: color-mix(in srgb, var(--bg0) 18%, transparent) !important;
.tabbrowser-tab:not([multiselected]):hover & {
  background: color-mix(in srgb, var(--bg0) 24%, transparent) !important;
}
&[selected] {
  background: color-mix(in srgb, var(--bg0) 26%, transparent) !important;
}
&[multiselected] {
  background: color-mix(in srgb, var(--bg0) 36%, transparent) !important;
}
}
#tabbrowser-tabs[movingtab-group] & {
&[dragover-groupTarget] {
  background-color: color-mix(in srgb, var(--dragover-tab-group-color) 38%, transparent) !important;
  outline: none !important;
}
&:is([selected], [multiselected]) {
  outline: none !important;
}
}
tab-group:not([collapsed]) > tab > .tab-stack > & {
  background-color: color-mix(in srgb, light-dark(var(--tab-group-color), var(--tab-group-color-invert)) 18%, transparent) !important;
.tabbrowser-tab:not([selected], [multiselected]):hover & {
  background-color: color-mix(in srgb, light-dark(var(--tab-group-color), var(--tab-group-color-invert)) 24%, transparent) !important;
}
&[multiselected] {
  background: color-mix(in srgb, var(--bg0) 36%, transparent) !important;
}
}
&[selected] {
:is(tab-group:not([collapsed]) > tab, tab-group[collapsed] > .tabbrowser-tab[visuallyselected]) > .tab-stack > & {
  background: color-mix(in srgb, light-dark(var(--tab-group-color), var(--tab-group-color-invert)) 26%, transparent) !important;
}
}
@media -moz-pref("sidebar.verticalTabs") {
.tabbrowser-tab:not([selected], [multiselected], [pinned], :hover):not(:is(tab-split-view-wrapper *)) & {
  background: transparent !important;
}
}
}

.tab-content {
@media -moz-pref("sidebar.verticalTabs") {
  margin-inline-start: -.5px !important;
@media (-moz-platform: windows) {
  margin-inline-start: -1px !important;
}
@media (-moz-platform: linux) {
  margin-inline-start: -3px !important;
@media (-moz-gtk-theme-family: breeze) {
  margin-inline-start: -2px !important;
}
@media not -moz-pref("sidebar.visibility", "expand-on-hover") {
&[pinned] {
  margin-inline-start: -6px !important;
@media (-moz-gtk-theme-family: breeze) {
  margin-inline-start: -5px !important;
}
}
}
}
}
}

.tab-label {
  font-size: 13px !important;
  margin-bottom: 1px !important;
}

.tab-group-overflow-count-container,
.tab-secondary-label, .tab-group-line {
  display: none !important;
}

.tab-icon-overlay {
  scale: .7;
&:hover { scale: .9; }
&:is([soundplaying], [muted], [activemedia-blocked]) {
  background: light-dark(color-mix(in srgb, var(--button-bgcolor) 20%, #fff), color-mix(in srgb, var(--button-bgcolor) 80%, #555)) !important;
  backdrop-filter: var(--bf3);
  border: none !important;
&:not([pinned]) {
  background-size: 16px !important;
}
&:hover {
  background: light-dark(color-mix(in srgb, var(--button-hover-bgcolor) 20%, #fff), color-mix(in srgb, var(--button-hover-bgcolor) 80%, #555)) !important;
}
&:active {
  background: light-dark(color-mix(in srgb, var(--button-active-bgcolor) 20%, #fff), color-mix(in srgb, var(--button-active-bgcolor) 80%, #555)) !important;
}
}
}

.tab-audio-button {
  --button-border-radius: calc(var(--tab-border-radius) - 3px) !important;
}

.tab-note-icon {
  order: 1;
  margin-inline-end: -5px !important;
  fill: light-dark(#525252, #c9c9cb) !important;
tab-split-view-wrapper & {
  display: none !important;
}
}

.tab-note-icon-overlay {
  scale: .7;
  list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 3 5.083 C 3 3.933 3.933 3 5.083 3 L 10.917 3 C 12.067 3 13 3.933 13 5.083 L 13 8 L 10.083 8 C 8.933 8 8 8.933 8 10.083 L 8 13 L 5.083 13 C 3.933 13 3 12.067 3 10.917 L 3 5.083 Z M 8.833 12.882 C 9.125 12.78 9.393 12.613 9.616 12.39 L 12.39 9.616 C 12.613 9.393 12.78 9.125 12.882 8.833 L 10.083 8.833 C 9.393 8.833 8.833 9.393 8.833 10.083 L 8.833 12.882 Z'/%3E%3C/svg%3E") !important;
  background: light-dark(color-mix(in srgb, var(--button-bgcolor) 20%, #fff), color-mix(in srgb, var(--button-bgcolor) 80%, #555)) !important;
  backdrop-filter: var(--bf3);
  border: none !important;
&:hover {
  background: light-dark(color-mix(in srgb, var(--button-hover-bgcolor) 20%, #fff), color-mix(in srgb, var(--button-hover-bgcolor) 80%, #555)) !important;
}
&:active {
  background: light-dark(color-mix(in srgb, var(--button-active-bgcolor) 20%, #fff), color-mix(in srgb, var(--button-active-bgcolor) 80%, #555)) !important;
}
tab-split-view-wrapper & {
  display: none !important;
}
}

.tab-close-button {
.tabbrowser-tab:not([selected]) & {
  display: none;
}
#tabbrowser-tabs[movingtab] & {
  display: none !important;
}
.tabbrowser-tab:not([pinned]):hover & {
  display: flex !important;
}
#tabbrowser-tabs[orient="vertical"]:not([expanded]) & {
  width: 16px !important;
  height: 16px !important;
  padding: 3px !important;
  background-image: none !important;
  box-shadow: none !important;
  top: 8px !important;
  inset-inline-start: 17px !important;
  outline-color: transparent !important;
  background: none !important;
  border-radius: 50px !important;
@media (-moz-platform: windows) {
  inset-inline-start: 17.5px !important;
}
@media (-moz-platform: linux) {
  inset-inline-start: 19.5px !important;
}
&:hover {
  background: var(--button-hover-bgcolor) !important;
}
&:hover:active {
  background: var(--button-active-bgcolor) !important;
}
:root:has([sidebar-shown]) & {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: visibility 0s 0s, opacity 0.1s ease 0s !important;
.tabbrowser-tab:not([pinned]):hover & {
  opacity: 1 !important;
  visibility: visible !important;
  transition: visibility 0s 0.825s, opacity 0.2s ease 0.825s !important;
}
tab-split-view-wrapper & {
  inset-inline-start: 8.5px !important;
@media (-moz-platform: widnows) {
  inset-inline-start: 9px !important;
}
}
}
:root[sidebar-expand-on-hover] & {
  display: none !important;
}
}
}

.tab-icon-image {
#tabbrowser-tabs[orient="vertical"]:not([expanded]) & {
:root:has([sidebar-shown]) & {
  opacity: 1 !important;
  visibility: visible !important;
  transition: visibility 0s 0s, opacity 0.1s ease 0s !important;
.tabbrowser-tab:not([pinned]):hover & {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: visibility 0s 0.825s, opacity 0.2s ease 0.825s !important;
}
#tabbrowser-tabs[movingtab] & {
  opacity: 1 !important;
  visibility: visible !important;
  transition: none !important;
}
}
}
}

.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  height: 5px !important;
  width: 5px !important;
  margin: 0 !important;
  border-radius: 5px !important;
#tabbrowser-tabs[orient="vertical"] & {
  order: 1;
}
}

.tabbrowser-tab:active:not(:has(.tab-icon-overlay:active, .tab-audio-button:active, .tab-close-button:active)) {
  transform: scale(.98);
  transition: transform .1s ease;
}

#tab-note-preview-panel {
  --tab-note-text-background: transparent !important;
  pointer-events: none;
}

#tab-preview-panel {
  --panel-padding: 0 !important;
image[src="chrome://global/skin/icons/tab-notes.svg"] {
  -moz-context-properties: fill;
  fill: currentColor;
}
}

.tab-preview-thumbnail-container {
  width: 100% !important;
  margin: 0 !important;
> canvas {
  border: 1px solid var(--bg3) !important;
}
}

.tab-group-editor-panel {
toolbarseparator:not(.tab-group-edit-mode-only) {
  display: none;
}
.tab-group-editor-name {
> label {
  margin-inline-start: 8px !important;
}
}
.tab-group-editor-swatch {
  border-radius: 50px !important;
input:checked + & {
  border-color: transparent !important;
  outline: 2px solid light-dark(#fff, #333) !important;
  outline-offset: -8px !important;
}
}
}

.tab-group-label-container {
#tabbrowser-tabs[orient="vertical"] & {
  margin-block: 4px !important;
#tabbrowser-tabs[expanded] & {
  margin-inline: var(--tab-inner-inline-margin) !important;
}
tab-group:not([collapsed]) > & {
  padding-block-end: 0 !important;
}
tab-group[collapsed][hasactivetab] > & {
  padding-block-end: 0 !important;
}
}
#tabbrowser-tabs:is([orient="horizontal"], [orient="vertical"]:not([expanded])) tab-group:not([collapsed]) > &::after,
#tabbrowser-tabs:is([orient="horizontal"], [orient="vertical"]:not([expanded])) tab-group[hasactivetab] > &::after,
#tabbrowser-tabs[orient="vertical"] tab-group[hasactivetab][hasmultipletabs] > &.tab-group-overflow-count-container::after {
  content: none !important;
}
}

.tab-group-label {
#tabbrowser-tabs[orient="vertical"] & {
  display: flex !important;
  align-items: center;
  font-weight: normal !important;
  font-size: 13px !important;
  color: light-dark(var(--tab-group-color), var(--tab-group-color-invert)) !important;
  opacity: .9;
  outline: none !important;
  min-height: var(--tab-min-height) !important;
  padding-left: 31px !important;
  border-radius: var(--br2) !important;
  background-color: color-mix(in srgb, light-dark(var(--tab-group-color), var(--tab-group-color-invert)) 30%, transparent) !important;
  background-image: url("chrome://global/skin/icons/arrow-down-12.svg");
  background-repeat: no-repeat;
  background-position: left 10px bottom 11px;
  -moz-context-properties: fill;
  fill: currentColor;
#tabbrowser-tabs[expanded] & {
  min-width: 223px !important;
  max-width: 223px !important;
@media -moz-pref("gwfox.sidebar", 1) {
  min-width: 173px !important;
  max-width: 173px !important;
}
@media -moz-pref("gwfox.sidebar", 3) {
  min-width: 253px !important;
  max-width: 253px !important;
}
}
tab-group[collapsed] > .tab-group-label-container & {
  background-image: url("chrome://global/skin/icons/folder.svg");
  background-position: left 7.5px bottom 7.5px;
[hasactivetab] & {
  background-image: url("chrome://global/skin/icons/folder.svg"), url("chrome://global/skin/icons/more.svg");
  background-size: auto, 10px 16px;
  background-position: left 7.5px bottom 7.5px, left 11px bottom 7.5px;
}
}
&::first-letter {
  font: unset !important;
}
#tabbrowser-tabs:not([expanded]) & {
  font-size: 0 !important;
  margin-inline-start: -4px !important;
  padding: 0 !important;
  width: 32px !important;
  max-width: 32px !important;
}
}
}

.tab-group-label-hover-highlight {
  background-color: transparent !important;
  box-shadow: none !important;
}

tab-split-view-wrapper {
  padding: 0 !important;
  background-color: transparent !important;
#tabbrowser-tabs[orient="vertical"] & {
  margin-inline: 7px !important;
#tabbrowser-tabs:not([expanded]) & {
  margin-inline-start: 1px !important;
@media (-moz-platform: linux) {
  margin-inline-start: 3px !important;
}
}
}
&:not([hasactivetab]) {
.tabbrowser-tab {
  border: none !important;
}
}
#tabbrowser-tabs[orient="horizontal"] & {
.tabbrowser-tab {
  border-image: none !important;
&:last-child {
  border-inline-start: none !important;
}
}
}
.tabbrowser-tab[tab-note] {
  max-width: 100% !important;
  min-width: 100% !important;
}
:root:has([sidebar-shown]) #tabbrowser-tabs[orient="vertical"]:not([expanded]) & {
.tabbrowser-tab {
  max-width: 32px !important;
  min-width: 32px !important;
  margin-inline-start: 7.5px !important;
@media (-moz-platform: linux) {
  margin-inline-start: 5.5px !important;
}
}
.tab-content {
@media (-moz-platform: linux) {
  margin-inline-start: 0 !important;
}
}
}
}

#pinned-tabs-container[orient="vertical"] {
@media not -moz-pref("sidebar.visibility", "expand-on-hover") {
#tabbrowser-tabs[expanded] & {
@media (-moz-platform: windows) {
  margin-inline: -.5px;
}
@media (-moz-platform: linux) {
@media (-moz-gtk-theme-family: adwaita) or (-moz-gtk-theme-family: yaru) {
  margin-inline: -2.5px;
}
@media (-moz-gtk-theme-family: breeze) {
  margin-inline: -1.5px;
}
}
}
}
}

@media not -moz-pref("sidebar.verticalTabs") {
.tabbrowser-tab[selected]:not([pinned]) {
  min-width: 138px !important;
tab-split-view-wrapper & {
  min-width: unset !important;
}
}

.tab-icon-image:not([src], [pinned], [crashed], [sharing], [pictureinpicture], [busy]) {
   display: block !important;
}

.tab-content[pinned] .tab-label-container {
  margin: 0 !important;
}

.tab-content {
  height: 38px !important;
tab-split-view-wrapper & {
  height: 30px !important;
}
}

.tab-background {
  max-height: 30px !important;
  min-height: 30px !important;
}

#TabsToolbar #new-tab-button,
#TabsToolbar #tabs-newtab-button {
  width: 30px;
  margin: 4px 3px -3px 3px !important;
  max-height: 30px !important;
  min-height: 30px !important;
  border-radius: var(--br2) !important;
&:hover {
  background: var(--button-hover-bgcolor) !important;
}
&:active {
  background: var(--button-active-bgcolor) !important;
}
> .toolbarbutton-icon {
  height: 32px !important;
  width: 32px !important;
  padding: 5px 7px !important;
  border-radius: var(--br2) !important;
  background: none !important;
}
}

.tab-group-label {
  color: light-dark(var(--tab-group-color), var(--tab-group-color-invert)) !important;
  opacity: .9;
  outline: none !important;
  min-width: 5px !important;
  font-size: 11px !important;
  font-weight: normal !important;
  background-color: color-mix(in srgb, light-dark(var(--tab-group-color), var(--tab-group-color-invert)) 30%, transparent) !important;
}

.tab-group-label-container {
tab-group:not([collapsed]) > &::after {
  background-color: transparent !important;
}
}
}

/* popup */

menupopup, panel[type="arrow"] {
  --panel-border-color: transparent !important;
  --panel-border-radius: var(--br2) !important;
  --panel-separator-color: transparent !important;
  --arrowpanel-background: var(--bg2) !important;
  --arrowpanel-border-color: transparent !important;
  --arrowpanel-color: light-dark(#000, #fff) !important;
  --arrowpanel-menuitem-border-radius: var(--br2) !important;
  --panel-menuitem-border-radius: var(--br2) !important;
  --panel-color: light-dark(#000, #fff) !important;
  --panel-shadow: 0 0 var(--panel-shadow-margin) hsla(0, 0%, 0%, 0.2) !important;
  --panel-background: light-dark(rgba(255, 255, 255, .55), rgba(15, 15, 12, .55)) !important;
  --panel-background-color: light-dark(rgba(255, 255, 255, .55), rgba(15, 15, 12, .55)) !important;
@media (-moz-mac-tahoe-theme) or (-moz-gtk-theme-family: adwaita) or (-moz-gtk-theme-family: yaru) {
  --panel-border-radius: var(--br4) !important;
}
@media not (-moz-platform: linux) {
  appearance: menupopup !important;
}
@media (-moz-platform: macos) {
  --panel-shadow-margin: .1px !important;
}
}

panel[type="arrow"] {
  --arrowpanel-background: transparent !important;
  --arrowpanel-border-radius: 0 !important;
@media (-moz-mac-tahoe-theme) {
  --panel-background: transparent !important;
  --panel-background-color: transparent !important;
}
}

* { --panel-list-border-color: var(--bg3) !important; }

@media not (-moz-platform: linux) {
.toolbar-menupopup {
  --panel-shadow-margin: 0 !important;
  --panel-border-color: transparent !important;
  --panel-shadow: 0 0 var(--panel-shadow-margin) hsla(0, 0%, 0%, 0.2) !important;
  --panel-background: light-dark(rgba(255, 255, 255, .55), rgba(15, 15, 12, .55)) !important;
  --panel-background-color: light-dark(rgba(255, 255, 255, .55), rgba(15, 15, 12, .55)) !important;
  --menuitem-border-radius: var(--br2) !important;
@media (-moz-mac-tahoe-theme) {
  --panel-background: transparent !important;
  --panel-background-color: transparent !important;
  
}
}
}

@keyframes panel-grow {
0% {
  transform: scale(.92);
}
100% {
  transform: scale(1);
}
}

@keyframes slide-in {
0%, 30% {
  translate: 100%;
  opacity: 0;
}
100% {
  translate: 0;
  opacity: 1;
}
}

@keyframes slide-out {
100% {
  translate: 100%;
  opacity: 0;
}
0% {
  translate: 0;
  opacity: 1;
}
}

#sanitizeEverythingWarningBox, #trustpanel-blocker-section,
.menupopup-arrowscrollbox, .panel-arrowcontent, #trustpanel-insecure-section,
#editBMPanel_folderTree, #editBMPanel_tagsSelector {
  border: none !important;
}

.panel-arrow {
  stroke: transparent !important;
}

.proton-zap, toolbarseparator.proton-zap::before {
  border-image: none !important;
}

.panel-footer toolbarseparator, .panel-header + toolbarseparator,
#identity-popup-mainView-panel-header + toolbarseparator,
#permission-popup-mainView-panel-header + toolbarseparator,
#protections-popup-mainView-panel-header-section + toolbarseparator {
  display: none !important;
}

.popup-internal-box,
#PopupAutoComplete > .autocomplete-richlistbox,
.menupopup-arrowscrollbox {
@media not (-moz-platform: linux) {
  background: light-dark(rgba(255, 255, 255, .55), rgba(15, 15, 12, .55)) !important;
}
@media (-moz-mac-tahoe-theme) {
  border-radius: var(--br4) !important;
  background: none !important;
}
}

panel > .menupopup-arrowscrollbox {
@media not (-moz-platform: linux) {
  background: none !important;
}
}

@media not -moz-pref("gwfox.icons") {
#tabContextMenu .menu-icon,
#contentAreaContextMenu .menu-icon {
  display: none;
}
}

menuitem, menu {
  appearance: none !important;
  border-radius: var(--br1) !important;
  height: 24px !important;
@media not (-moz-platform: macos) {
  height: 28px !important;
}
}

menuitem[badge]::after, .moz-badge {
  border-radius: 12px !important;
  border: none !important;
  color: inherit !important;
  background-color: var(--button-bgcolor) !important;
  font-weight: 480 !important;
  font-size: 11px !important;
  padding: 1px 8px !important;
  scale: .9;
}

menu, menupopup .bookmark-item {
  margin-block: 2px !important;
}

menu,
menuitem {
&:where([_moz-menuactive]:not([disabled])) {
  background-color: var(--button-hover-bgcolor) !important;
  color: inherit !important;
}
}

toolbarseparator::before {
  border-top: 1px solid var(--bg3) !important;
  margin: 0 8px 0 !important;
  content: "";
  display: block;
  flex: 1;
}

menuseparator::before {
  border-top: 1px solid var(--bg3) !important;
@media not (-moz-platform: windows) {
  margin: 0 8px 0 !important;
}
}

menupopup menuseparator {
  border: none !important;
  margin: 0 !important;
}

toolbarseparator[orient="vertical"] {
  margin: 0 4px !important;
}

.dialogBox {
  backdrop-filter: var(--bf3) !important;
  animation: panel-grow 250ms ease-out;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .2), 0 0 0 .5px rgba(0, 0, 0, .15) !important;
@media (-moz-platform: windows) {
  box-shadow: 0 45px 65px rgba(0, 0, 0, .35), 0 0 0 1px rgba(0, 0, 0, .17) !important;
}
@media (-moz-platform: linux) {
  box-shadow: 0 2px 15px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .058) !important;
}
@media (-moz-mac-tahoe-theme) {
  backdrop-filter: var(--bf2) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .15) !important;
}
@media -moz-pref("gwfox.blur") {
  box-shadow: var(--bs1) !important;
}
#window-modal-dialog > .dialogOverlay > &:not(.spotlightBox) {
  margin-top: 80px !important;
}
@media (-moz-mac-tahoe-theme) or (-moz-gtk-theme-family: adwaita) or (-moz-gtk-theme-family: yaru) {
  border-radius: var(--br4) !important;
}
@media (-moz-platform: linux) {
  outline: none !important;
@media not -moz-pref("gwfox.bms") {
  backdrop-filter: var(--bf1) !important;
  background: var(--bg2) !important;
}
}
}

.dialogOverlay[topmost],
#window-modal-dialog::backdrop {
  background-color: transparent !important;
}

window[role="dialog"] {
  background-color: var(--bg4) !important;
@media (-moz-platform: linux) {
@media not -moz-pref("gwfox.bms") {
  background-color: var(--bg2) !important;
}
}
}

#editBookmarkPanelContent > input,
#editBookmarkPanelContent > hbox > input {
  appearance: none !important;
  background-color: var(--button-hover-bgcolor) !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 12px !important;
  height: 20px !important;
  border-radius: var(--br2) !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

#unified-extensions-view {
  --uei-icon-size: 16px !important;
  width: 20em !important;
.panel-header,
.panel-header + toolbarseparator,
.unified-extensions-item-message-deck,
.unified-extensions-item-menu-button.subviewbutton {
  display: none !important;
}
&:first-child {
  margin-top: 10px !important;
@media (-moz-platform: macos) {
  margin-top: 11px !important;
}
}
}

.unified-extensions-item-row-wrapper > .subviewbutton {
  margin-inline-start: 4px !important;
@media (-moz-platform: macos) {
  margin-inline-start: 5px !important;
}
@media -moz-pref("sidebar.verticalTabs") {
  margin-inline-end: 4px !important;
}
}

/* misc */

@-moz-document url("chrome://browser/content/browser.xhtml") {
tree {
  background-color: var(--in-content-box-background) !important;
  border: none !important;
}

#editBookmarkPanelContent > input,
#editBookmarkPanelContent > hbox > input {
  height: 35px !important;
  border-radius: var(--br2) !important;
}

:root#main-window {
  min-width: 721px !important;
@media (-moz-platform: macos) {
  appearance: -moz-sidebar !important;
}
@media not (-moz-platform: linux) {
&:-moz-window-inactive {
  background: var(--bg1) !important;
}
}
}

@media (max-width: 721px) {
@media not -moz-pref("sidebar.verticalTabs") {
#urlbar-container {
  margin-left: 80px !important;
}
#TabsToolbar, .toolbarbutton-1:not(#back-button, #forward-button, #stop-button, #reload-button, #PanelUI-menu-button, #nav-bar-overflow-button, #unified-extensions-button, #PlacesChevron, #sidebar-button) {
  visibility: collapse;
}
.titlebar-buttonbox-container {
  visibility: visible !important;
}
}
}

:root#main-window[chromehidden~="toolbar"] {
  min-width: unset !important;

.browser-toolbar {
  display: none !important;
}

#tabbrowser-tabbox browser {
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
}
}

@-moz-document url("chrome://browser/content/aboutDialog.xhtml") {
#aboutDialogContainer {
  background: #282828 !important;
}

#bottomBox {
  background: #333 !important;
}
}

@-moz-document url("chrome://global/content/megalist/megalist.html") {
* {
  --background-color-canvas: transparent !important;
  --background-color-box: light-dark(rgba(255, 255, 255, .95), rgba(0, 0, 0, .95)) !important;
}

input { --background-color-box: light-dark(rgba(155, 155, 155, .2), rgba(195, 195, 195, .2)) !important; }

.search-container {
  border: none !important;
  outline: none !important;
  background-color: transparent !important;
}

.search-icon {
  display: none;
}

.search {
  margin-inline-start: 0 !important;
  min-height: 32px !important;
}

input[type="radio"] {
  appearance: none !important;
}
}

@-moz-document regexp("chrome:\/\/(?!devtools).*") {
input[type="checkbox"] {
  appearance: none !important;
  background-color: var(--button-bgcolor) !important;
  border-radius: 4px !important;
  border: none !important;
  &:checked {
  background-color: light-dark(var(--bg0), color-mix(in srgb, var(--bg0) 90%, #000)) !important;
  background-image: url("chrome://devtools/skin/images/check.svg") !important;
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  -moz-context-properties: fill, stroke;
  fill: #fff;
  stroke: #fff;
  border: none !important;
  &:hover { background-color: light-dark(color-mix(in srgb, var(--bg0) 90%, #fff), color-mix(in srgb, var(--bg0) 80%, #fff)) !important; }
  &:hover:active { background-color: light-dark(color-mix(in srgb, var(--bg0) 90%, #000), color-mix(in srgb, var(--bg0) 80%, #000)) !important; }
}
}

.checkbox-check:not([native]) {
  appearance: none !important;
  background-color: var(--button-bgcolor) !important;
  border-radius: 4px !important;
  border: none !important;
  &[checked] {
  background-color: light-dark(var(--bg0), color-mix(in srgb, var(--bg0) 90%, #000)) !important;
  background-image: url("chrome://devtools/skin/images/check.svg") !important;
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  -moz-context-properties: fill, stroke;
  fill: #fff;
  stroke: #fff;
  border: none !important;
  &:hover { background-color: light-dark(color-mix(in srgb, var(--bg0) 90%, #fff), color-mix(in srgb, var(--bg0) 80%, #fff)) !important; }
  &:hover:active { background-color: light-dark(color-mix(in srgb, var(--bg0) 90%, #000), color-mix(in srgb, var(--bg0) 80%, #000)) !important; }
}
}
}

::selection {
  background: var(--bg5) !important;
  color: inherit !important;
}

treechildren::-moz-tree-row {
  outline: none !important;
  border-radius: 2px !important;
}

treechildren::-moz-tree-row(selected) {
  background: var(--button-hover-bgcolor) !important;
}

.item.selected > .item-title-container {
  background: var(--button-hover-bgcolor) !important;
  color: light-dark(#000, #fff) !important;
  border-radius: 2px !important;
}

treechildren::-moz-tree-image(selected),
treechildren::-moz-tree-twisty(selected),
treechildren::-moz-tree-cell-text(selected) {
  color: light-dark(#000, #fff) !important;
}

.titleIcon {
  background-color: transparent !important;
}

richlistbox {
  border: none !important;
}

#customization-panelWrapper > .panel-arrowcontent,
#customization-container {
@media (not (-moz-platform: linux)) and (not -moz-pref("gwfox.atbc")) {
  background-color: transparent !important;
}
}

#customization-panelWrapper > .panel-arrowcontent {
  background-color: var(--button-bgcolor) !important;
  box-shadow: none !important;
  border-radius: var(--br2) !important;
}

#customization-panelWrapper > .panel-arrowbox > .panel-arrow[side="top"] {
  display: none !important;
}

panel#feature-callout,
#notifications-toolbar {
  visibility: collapse;
}

#tab-notification-deck {
  position: fixed;
  top: 49px;
  right: 6px;
  z-index: 9;
@media -moz-pref("gwfox.urlbar") and -moz-pref("sidebar.verticalTabs") {
:root:has(#tabbrowser-tabs[expanded]) & {
  top: 6px;
}
}
}

#statuspanel-label {
  border: .5px solid rgba(105, 105, 105, .1) !important;
  border-radius: 5px !important;
  margin: 5px !important;
  background-color: light-dark(#eee, #343436) !important;
@media -moz-pref("gwfox.blur") {  
  background-color: light-dark(rgba(238, 238, 238, .75), rgba(52, 52, 54, .75)) !important;
}
  backdrop-filter: var(--bf3) !important;
@media (-moz-platform: linux) {
@media not -moz-pref("gwfox.bms") {
  background-color: light-dark(#eee, #343436) !important;
  backdrop-filter: var(--bf1) !important;
}
}
}

.findbar-container {
  background-color: var(--bg4) !important;
  backdrop-filter: var(--bf3) !important;
  box-shadow: var(--bs1) !important;
@media (-moz-mac-tahoe-theme) {
  backdrop-filter: var(--bf2) !important;
}
@media (-moz-platform: linux) {
@media not -moz-pref("gwfox.bms") {
  background-color: var(--bg2) !important;
  backdrop-filter: var(--bf1) !important;
}
}
}

@media (prefers-color-scheme: dark) {
@media not (-moz-platform: linux) {
#urlbar[breakout][breakout-extend] .urlbar-background,
.dialogBox {
  outline: 1px solid rgba(235, 235, 235, .2) !important;
  outline-offset: -1.5px !important;
  box-shadow: var(--bs2) !important;
}

.findbar-container {
  outline: 1px solid rgba(235, 235, 235, .2) !important;
  outline-offset: -1.5px !important;
  box-shadow: var(--bs2) !important;
}
}

@media (-moz-platform: linux) {
#urlbar[breakout][breakout-extend] .urlbar-background,
.dialogBox, .findbar-container {
  border: 1px solid rgba(255, 255, 255, .06) !important;
}
@media -moz-pref("gwfox.bms") {
.dialogBox {
  border: none !important;
  outline: 1px solid rgba(255, 255, 255, .06) !important;
  outline-offset: -1px !important;
}
}
@media -moz-pref("gwfox.bms") and -moz-pref("gwfox.blur") {
.dialogBox {
  border: none !important;
  outline: none !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .2), 0 0 0 .5px rgba(0, 0, 0, .15), inset 0 0 0 1px rgba(255, 255, 255, .25) !important;
}
}
}

#identity-box:hover {
  background: rgba(170, 170, 170, .5) !important;
}

.swipe-nav-icon-circle-outline,
.swipe-nav-icon-arrow {
  fill: #1280fd !important;
}

.swipe-nav-icon-circle {
  fill: #2d2d2d !important;
}

.swipe-nav-icon.will-navigate {
> .swipe-nav-icon-circle-outline,
> .swipe-nav-icon-arrow {
  fill: #2d2d2d !important;
}

> .swipe-nav-icon-circle {
  fill: #1280fd !important;
}
}
}

#ctrlTab-panel {
  --panel-background: transparent !important;
  --panel-shadow: none !important;
  background-color: transparent !important;
}

.ctrlTab-preview-inner {
  border-radius: 16px !important;
  box-shadow: 0 15px 25px rgba(0, 0, 0, .35) !important;
  background-color: rgba(0, 0, 0, .85) !important;
}

#ctrlTab-showAll {
  border-radius: 16px !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .35) !important;
  background-color: rgba(0, 0, 0, .85) !important;
  margin-top: 28px !important;
}

.ctrlTab-canvas {
  border-radius: 16px !important;
  box-shadow: none !important;
  margin-top: -8px !important;
  margin-left: -8px !important;
  margin-right: -8px !important;
> img,
> canvas {
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
}
}

.browserContainer > findbar {
  position: absolute;
  top: 4px;
  right: -16px;
  width: 100% !important;
  height: 96px !important;
  border: none !important;
  background: none !important;
  flex-direction: row-reverse;
  white-space: nowrap;
  pointer-events: none;
  animation-name: slide-in;
  animation-duration: 350ms;
&[hidden] {
  animation-name: slide-out;
}
&::after {
  content: "";
  display: flex;
  flex-grow: 100;
}
checkbox {
  height: 24px;
  width: 24px;
.checkbox-icon {
  display: block !important;
  -moz-context-properties: fill, fill-opacity;
  fill: currentColor;
  fill-opacity: .4;
.findbar-highlight & {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 4.079 10.726 C 3.887 10.539 3.822 10.265 3.907 10.013 L 4.631 7.885 L 9.065 3.552 C 9.529 3.1 10.281 3.1 10.744 3.552 L 11.416 4.207 C 11.879 4.66 11.879 5.398 11.416 5.85 L 6.983 10.183 L 4.809 10.893 C 4.734 10.917 4.658 10.929 4.582 10.929 C 4.396 10.929 4.215 10.858 4.079 10.726 Z M 8.95 4.759 L 10.182 5.964 L 10.856 5.304 C 11.01 5.153 11.01 4.907 10.856 4.757 L 10.184 4.1 C 10.03 3.949 9.778 3.949 9.625 4.1 L 8.95 4.759 Z M 4.707 10.111 L 6.555 9.509 L 9.621 6.511 L 8.389 5.307 L 5.323 8.304 L 4.707 10.111 Z M 12.615 12.095 L 11.478 12.434 C 10.917 12.603 10.315 12.633 9.739 12.52 L 8.42 12.261 C 7.818 12.144 7.185 12.227 6.638 12.494 C 6.235 12.692 5.804 12.787 5.376 12.787 C 4.645 12.787 3.926 12.508 3.384 11.98 L 3.912 11.4 L 3.944 11.432 C 4.561 12.036 5.502 12.185 6.283 11.803 C 6.988 11.46 7.803 11.352 8.575 11.503 L 9.894 11.762 C 10.341 11.85 10.809 11.826 11.247 11.696 L 12.383 11.356 L 12.615 12.095 Z'/%3E%3C/svg%3E");
}
.findbar-case-sensitive & {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 7.329 11.635 L 8.515 11.635 L 5.909 4.177 L 4.485 4.177 L 1.865 11.636 L 3.003 11.636 L 3.62 9.563 L 6.716 9.563 L 7.329 11.635 Z M 3.891 8.612 L 5.173 5.022 L 6.44 8.612 L 3.891 8.612 Z M 13.537 10.405 L 13.537 7.889 C 13.537 6.742 12.993 6.043 11.519 6.043 C 10.818 6.053 10.123 6.18 9.474 6.419 L 9.676 7.116 C 10.206 6.944 10.762 6.846 11.325 6.826 C 12.173 6.826 12.409 7.137 12.409 7.931 L 12.409 8.416 L 11.663 8.416 C 9.955 8.416 8.968 8.976 8.968 10.156 C 8.923 11.127 9.844 11.912 10.918 11.815 C 11.591 11.841 12.223 11.523 12.546 10.991 C 12.758 11.494 13.296 11.822 13.893 11.815 L 14.136 11.148 C 13.759 11.07 13.503 10.753 13.537 10.405 Z M 11.159 11.095 C 10.532 11.155 10.009 10.664 10.104 10.102 C 10.104 9.35 10.672 9.052 11.797 9.052 L 12.406 9.052 L 12.406 10.238 C 12.058 10.813 11.79 11.095 11.159 11.095 Z'/%3E%3C/svg%3E");
}
.findbar-entire-word & {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 6.064 10.711 L 6.064 10.055 L 6.01 10.055 C 5.855 10.311 5.646 10.514 5.382 10.663 C 5.12 10.81 4.821 10.885 4.486 10.885 C 3.901 10.885 3.44 10.721 3.106 10.392 C 2.77 10.064 2.603 9.616 2.603 9.05 C 2.603 8.509 2.798 8.068 3.187 7.726 C 3.574 7.386 4.075 7.214 4.683 7.214 C 4.958 7.214 5.211 7.237 5.445 7.282 C 5.677 7.327 5.879 7.402 6.046 7.505 L 6.046 7.234 C 6.046 6.887 5.935 6.61 5.715 6.403 C 5.494 6.196 5.19 6.094 4.811 6.094 C 4.557 6.094 4.321 6.152 4.102 6.267 C 3.88 6.383 3.691 6.551 3.537 6.77 L 2.765 6.152 C 2.992 5.803 3.279 5.539 3.627 5.359 C 3.973 5.179 4.373 5.089 4.829 5.089 C 5.568 5.089 6.136 5.279 6.531 5.66 C 6.925 6.041 7.122 6.591 7.122 7.31 L 7.122 10.711 L 6.064 10.711 Z M 4.882 8.122 C 4.498 8.122 4.205 8.202 4.003 8.364 C 3.799 8.523 3.699 8.753 3.699 9.05 C 3.699 9.307 3.788 9.516 3.968 9.676 C 4.147 9.839 4.378 9.92 4.665 9.92 C 5.048 9.92 5.373 9.774 5.643 9.484 C 5.911 9.195 6.046 8.842 6.046 8.432 C 5.879 8.33 5.687 8.249 5.472 8.2 C 5.257 8.149 5.061 8.122 4.882 8.122 Z M 8.197 10.711 L 8.197 2.964 L 9.309 2.964 L 9.253 5.133 L 9.255 5.92 L 9.309 5.92 C 9.335 5.845 9.431 5.668 9.74 5.428 C 10.049 5.188 10.384 5.032 10.923 5.032 C 11.687 5.032 12.292 5.328 12.733 5.92 C 13.176 6.513 13.397 7.195 13.397 7.967 C 13.397 8.74 13.179 9.419 12.742 10.007 C 12.307 10.591 11.699 10.885 10.923 10.885 C 10.433 10.885 10.058 10.769 9.803 10.536 C 9.544 10.306 9.381 10.125 9.309 9.995 L 9.255 9.995 L 9.255 10.711 L 8.197 10.711 Z M 10.762 6.113 C 10.283 6.113 9.912 6.303 9.65 6.682 C 9.385 7.063 9.255 7.486 9.255 7.948 C 9.255 8.425 9.385 8.85 9.65 9.224 C 9.912 9.597 10.283 9.785 10.762 9.785 C 11.239 9.785 11.611 9.597 11.883 9.224 C 12.151 8.85 12.283 8.425 12.283 7.948 C 12.283 7.473 12.151 7.047 11.883 6.673 C 11.611 6.299 11.239 6.113 10.762 6.113 Z M 3.819 12.536 C 3.819 12.26 4.043 12.036 4.319 12.036 L 11.319 12.036 C 11.595 12.036 11.819 12.26 11.819 12.536 C 11.819 12.812 11.595 13.036 11.319 13.036 L 4.319 13.036 C 4.043 13.036 3.819 12.812 3.819 12.536 Z'/%3E%3C/svg%3E");
}
.findbar-match-diacritics & {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 4.832 6.098 L 4.641 6.091 C 3.888 6.077 3.291 6.213 2.852 6.521 C 2.626 6.68 2.571 6.991 2.73 7.217 C 2.889 7.443 3.2 7.498 3.426 7.339 C 3.69 7.154 4.141 7.064 4.782 7.096 C 5.602 7.137 5.966 7.502 5.973 8.24 C 5.334 8.072 4.702 8.025 4.08 8.1 C 2.766 8.259 1.974 9.113 1.974 10.263 C 1.974 11.567 2.915 12.43 4.141 12.43 C 4.706 12.43 5.315 12.237 5.973 11.86 L 5.974 11.93 L 5.979 11.998 C 6.012 12.242 6.221 12.43 6.474 12.43 L 6.542 12.425 C 6.783 12.392 6.97 12.187 6.974 11.938 L 6.974 8.263 L 6.971 8.126 C 6.917 6.914 6.139 6.162 4.832 6.097 Z M 5.973 9.306 L 5.973 10.699 L 5.808 10.812 C 5.153 11.245 4.594 11.455 4.14 11.455 C 3.448 11.455 2.973 11.019 2.973 10.288 C 2.973 9.654 3.378 9.217 4.2 9.118 C 4.71 9.056 5.232 9.098 5.771 9.246 Z M 4.201 5.215 L 4.971 5.215 L 6.271 3.895 L 5.031 3.895 Z M 13.318 10.779 L 13.318 7.815 C 13.318 6.463 12.676 5.64 10.936 5.64 C 10.107 5.653 9.287 5.802 8.521 6.083 L 8.759 6.904 C 9.386 6.702 10.041 6.587 10.707 6.562 C 11.708 6.562 11.986 6.93 11.986 7.865 L 11.986 8.437 L 11.106 8.437 C 9.088 8.437 7.924 9.096 7.924 10.486 C 7.87 11.63 8.957 12.554 10.226 12.441 C 11.021 12.472 11.766 12.096 12.149 11.47 C 12.399 12.062 13.034 12.449 13.739 12.441 L 14.026 11.655 C 13.58 11.562 13.277 11.189 13.318 10.779 Z M 10.51 11.591 C 9.769 11.663 9.152 11.085 9.263 10.422 C 9.263 9.537 9.935 9.186 11.265 9.186 L 11.982 9.186 L 11.982 10.583 C 11.571 11.26 11.255 11.591 10.51 11.591 Z'/%3E%3C/svg%3E");
}
}
&:hover .checkbox-icon {
  fill-opacity: .8;
}
&[checked] .checkbox-icon {
  fill-opacity: 1;
}
}
.checkbox-check, .checkbox-label,
.findbar-find-status {
  display: none;
}
@media (min-width: 721px) and (max-width: 796px) {
.found-matches {
  display: none;
}
}

.findbar-highlight, .findbar-case-sensitive,
.findbar-entire-word, .findbar-match-diacritics {
  position: absolute;
  right: 108px;
&:not([hidden]) {
  display: flex !important;
}
@media not (-moz-platform: linux) {
@media -moz-pref("gwfox.blur") {
  right: 76px;
}
}
@media (-moz-platform: linux) and -moz-pref("gwfox.bms") and -moz-pref("gwfox.blur") {
  right: 76px;
}
}
.findbar-case-sensitive {
  right: 125px;
@media not (-moz-platform: linux) {
@media -moz-pref("gwfox.blur") {
  right: 93px;
}
}
@media (-moz-platform: linux) and -moz-pref("gwfox.bms") and -moz-pref("gwfox.blur") {
  right: 93px;
}
}
.findbar-entire-word {
  right: 143px;
@media not (-moz-platform: linux) {
@media -moz-pref("gwfox.blur") {
  right: 111px;
}
}
@media (-moz-platform: linux) and -moz-pref("gwfox.bms") and -moz-pref("gwfox.blur") {
  right: 111px;
}
}
.findbar-match-diacritics {
  right: 161px;
@media not (-moz-platform: linux) {
@media -moz-pref("gwfox.blur") {
  right: 129px;
}
}
@media (-moz-platform: linux) and -moz-pref("gwfox.bms") and -moz-pref("gwfox.blur") {
  right: 129px;
}
}
.findbar-closebutton {
  position: absolute;
  top: 19px;
  right: 41px;
  margin: 0 !important;
  background: none !important;
  pointer-events: auto;
  z-index: 1;
& > image {
  padding: 5px;
  max-height: 24px !important;
  max-width: 24px !important;
.findbar-closebutton:hover & {
  background: var(--button-hover-bgcolor);
  border-radius: 5px;
}
.findbar-closebutton:active & {
  background: var(--button-active-bgcolor);
  border-radius: 5px;
}
}
}
.findbar-container {
  height: 42px !important;
  padding-inline-start: 10px;
  margin-top: 6px;
  margin-right: 32px;
  pointer-events: auto;
  overflow-inline: visible !important;
  flex-direction: row-reverse;
  border-radius: var(--br2) !important;
@media (-moz-mac-tahoe-theme) or (-moz-gtk-theme-family: adwaita) or (-moz-gtk-theme-family: yaru) {
  border-radius: var(--br4) !important;
}
& > hbox {
  width: 260px !important;
  margin-right: 30px;
  padding-right: 5px;
toolbarbutton {
  margin: 0 !important;
  border-radius: 5px !important;
  height: 24px !important;
  width: 24px !important;
  outline: none !important;
&:hover {
  background: var(--button-hover-bgcolor) !important;
}
&:active {
  background: var(--button-active-bgcolor) !important;
}
&[disabled] {
  background: none !important;
}
}
}
}
.findbar-textbox {
  width: 100% !important;
  min-height: 24px;
  margin-inline-end: 5px !important;
  background: rgba(165, 165, 165, .1) !important;
  outline-style: solid !important;
  outline-color: transparent !important;
  outline-width: 18px !important;
  border-radius: 6px !important;
  padding-inline-start: 22px !important;
  padding-inline-end: 75px !important;
  background-image: url("chrome://global/skin/icons/search-glass.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 12px !important;
  background-position: left 5px bottom 5px !important;
  -moz-context-properties: fill, fill-opacity;
  fill: currentColor;
  fill-opacity: .65;
&:focus {
  outline-color: var(--focus-outline-color) !important;
  outline-width: 3px !important;
  transition: all .3s cubic-bezier(1, 0, 0, 1) !important;
  box-shadow: none !important;
}
}
}

xul|search-textbox {
  appearance: none !important;
  border-bottom: 1px solid rgba(185, 185, 185, .1) !important;
  border-radius: var(--br1) !important;
  height: 28px !important;
  max-height: 28px !important;
  padding: 6px !important;
  background-color: light-dark(rgba(102, 105, 108, .1), rgba(165, 165, 165, .1)) !important;
}

xul|search-textbox[focused] {
  outline: 3px solid var(--focus-outline-color) !important;
  outline-offset: -1px;
  transition: outline 100ms ease-out;
}

input[type="search"] {
  border: none !important;
  border-bottom: 1px solid rgba(185, 185, 185, .1) !important;
  border-radius: var(--br1) !important;
  height: 28px !important;
  max-height: 28px !important;
  background-color: light-dark(rgba(102, 105, 108, .1), rgba(165, 165, 165, .1)) !important;
}

xul|search-textbox,
input[type="search"],
[type="text"] {
  outline-style: solid !important;
  outline-color: transparent !important;
  outline-width: 18px !important;
}

xul|search-textbox[focused],
input[type="search"]:focus-within,
[type="text"]:focus-visible {
  outline-color: var(--focus-outline-color) !important;
  outline-width: 3px !important;
  outline-offset: -1px !important;
  transition: all .3s cubic-bezier(.8, 0, 0, .8) !important;
}

@-moz-document url("chrome://browser/content/sidebar/sidebar-history.html"), url("chrome://browser/content/sidebar/sidebar-syncedtabs.html") {
input {
  appearance: none !important;
  min-height: 32px !important;
}
}

@-moz-document url("chrome://browser/content/sidebar/sidebar-customize.html") {
[data-l10n-id="sidebar-show-on-the-right"] {
  display: none !important;
}
}

@-moz-document url("chrome://browser/content/genai/chat.html") {
#multi-stage-message-root {
  background-color: transparent !important;
  --background-color-canvas: transparent !important;

.screen {
  border-radius: 0 !important;
  outline: none !important;
}
}

#header, #summarize-btn-container {
  border: none !important;
}

body {
  background: light-dark(#fff, #191919) !important;
  border: 1px solid var(--bg3);
  border-radius: var(--br2);
@media (-moz-mac-tahoe-theme) {
  border-radius: var(--br3);
}
}
}

@media not (-moz-platform: windows) {
#downloadsListBox.allDownloadsListBox {
  appearance: none !important;
}

#placesToolbar {
  border-bottom: 1px solid light-dark(rgba(0, 0, 0, .3), rgba(255, 255, 255, .3)) !important;
@media (-moz-platform: linux) {
  border-bottom: 1px solid light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .15)) !important;
}
}

treecol, .tree-columnpicker-button {
  border-inline-start: 1px solid light-dark(rgba(0, 0, 0, .3), rgba(255, 255, 255, .3)) !important;
  box-shadow: inset 0 -1px light-dark(rgba(0, 0, 0, .3), rgba(255, 255, 255, .3)) !important;
@media (-moz-platform: linux) {
  border-inline-start: 1px solid light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .2)) !important;
  box-shadow: inset 0 -1px light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .2)) !important;
}
}

treecol:where([ordinal="1"]) {
  border-inline-start: none !important;
}
}

@media (-moz-platform: windows) {
.titlebar-buttonbox-container {
@media -moz-pref("sidebar.verticalTabs") {
  margin-top: -1px;
}
:root[taskbartab] & {
  margin-top: -1px;
}
}

.browserContainer {
@media -moz-pref("gwfox.blur") {
browser[type="content"] {
:root[taskbartab] & {
  translate: 0;
  backface-visibility: hidden;
}
}
}
}

.urlbar-input-container {
@media -moz-pref("gwfox.urlbar") and -moz-pref("sidebar.verticalTabs") {
:root[taskbartab] & {
  margin-top: 1px !important;
}
}
}

richlistitem[selected] {
  background: none !important;
}

#downloadsListBox {
  overflow-x: hidden;
  border: 0 !important;
}

#downloadsPanel-mainView .download-state:hover {
  background-color: var(--button-hover-bgcolor) !important;
}

toolbarbutton:-moz-window-inactive {
  opacity: 50% !important;
}

#editBookmarkPanel .expander-up,
#editBookmarkPanel .expander-down {
  border: none !important;
}

menupopup, panel[type="arrow"] {
  --panel-background: light-dark(rgba(255, 255, 255, .75), rgba(15, 15, 12, .75)) !important;
  --panel-shadow-margin: 0px !important;
}

#context-navigation .menu-icon {
  display: unset;
}

.findbar-container {
  box-shadow: 0 15px 25px rgba(0, 0, 0, .25), 0 0 0 1px rgba(0, 0, 0, .17) !important;
}

@media (prefers-color-scheme: dark) {
* {
  --organizer-pane-background: #2d2d2d !important;
  --organizer-toolbar-background: #333 !important;
  --organizer-content-background: #333 !important;
  --organizer-hover-background: #2e2e2f !important;
  --organizer-selected-background: #2e2e2f !important;
  --organizer-border-color: rgba(255, 255, 255, .15) !important;
}

#urlbar[breakout][breakout-extend] .urlbar-background,
.findbar-container, .dialogBox {
  outline: none !important;
}

.findbar-container {
  box-shadow: 0 15px 25px rgba(0, 0, 0, .25), 0 0 0 1px rgba(255, 255, 255, .15) !important;
}

menupopup, panel[type="arrow"] {
  --panel-border-color: rgba(255, 255, 255, .1) !important;
  --arrowpanel-border-color: rgba(255, 255, 255, .1) !important;
}

.panel-arrowcontent {
  border: 1px solid rgba(255, 255, 255, .1) !important;
}

#placeContent * {
  border-color: rgba(255, 255, 255, .15) !important;
}

treecol {
  background-color: #333 !important;
}

richlistitem {
  color: #fff !important;
}
}
}

@media (-moz-platform: linux) {
@media not -moz-pref("gwfox.atbc") {
#browser, #navigator-toolbox {
  background: var(--bg1) !important;
&:-moz-window-inactive {
   background: light-dark(#edefef, #232326) !important;
}
}
}

@media -moz-pref("gwfox.atbc") {
#browser, #navigator-toolbox {
&:-moz-window-inactive {
  background-color: var(--toolbox-bgcolor-inactive) !important;
}
}
}

.toolbarbutton-1:-moz-window-inactive,
#PersonalToolbar:-moz-window-inactive {
  opacity: .65;
}

#context-navigation .menu-icon {
  display: unset;
}

#editBookmarkPanel .expander-up,
#editBookmarkPanel .expander-down {
  border: none !important;
}

menupopup, panel[type="arrow"], .toolbar-menupopup {
  --panel-shadow: var(--bs1) !important;
  --panel-shadow-margin: 18px !important;
  --panel-background: var(--bg2) !important;
  --panel-border-color: transparent !important;
  --menuitem-border-radius: var(--br2) !important;
  --arrowpanel-border-color: transparent !important;
@media -moz-pref("gwfox.bms") {
  --panel-background: light-dark(rgba(255, 255, 255, .98), rgba(25, 25, 25, .99)) !important;
}
@media (prefers-color-scheme: dark) {
  --panel-border-color: rgba(255, 255, 255, .06) !important;
  --arrowpanel-border-color: rgba(255, 255, 255, .06) !important;
}
}

panel[type="arrow"], .toolbar-menupopup {
  margin-bottom: 0 !important;
}

#tab-preview-panel {
  pointer-events: none;
[data-l10n-id="tab-context-add-note"] {
  display: none;
}
}

menubar > menu {
&[open] {
  border-bottom-color: transparent !important;
}
}

menupopup {
&:not(#PersonalToolbar menupopup) {
  margin: -18px -18px -5px !important;
}
@media (prefers-color-scheme: dark) {
  --panel-shadow: 0 5px 15px rgba(0, 0, 0, .2), 0 0 0 .5px rgba(0, 0, 0, .15), inset 0 0 0 1px rgba(255, 255, 255, .06) !important;
}
}

menuitem:is([type="checkbox"], [checked]) > .menu-icon, menuitem[type="radio"] > .menu-icon {
  appearance: none !important;
}

menuitem[type="checkbox"][checked] > .menu-icon {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='context-stroke none' stroke-width='0.5' d='M6.52,12.5a1,1,0,0,1-.705-.291l-3.52-3.5a1,1,0,1,1,1.41-1.418l2.812,2.8,5.774-5.793a1,1,0,0,1,1.416,1.412l-6.479,6.5A1,1,0,0,1,6.52,12.5Z'/%3E%3C/svg%3E") !important;
  -moz-context-properties: fill;
  fill: currentColor;
}

menuitem[type="radio"][checked] > .menu-icon {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='4'/%3E%3C/svg%3E") !important;
  -moz-context-properties: fill;
  fill: #fff;
}

menuitem[type="checkbox"]:not([checked]) .menu-icon {
  visibility: hidden !important;
}

menuitem[type="checkbox"][checked] .menu-icon {
  background-color: transparent;
  border: none;
}

menuitem[type="radio"] .menu-icon {
  border-radius: 50%;
  border: 1px solid transparent;
  background-color: var(--button-bgcolor);
}

menuitem[type="radio"][checked] .menu-icon {
  background-color: light-dark(var(--bg0), color-mix(in srgb, var(--bg0) 90%, #000));
  border: none;
}

menuitem[type="radio"][checked]:hover .menu-icon {
  background-color: light-dark(color-mix(in srgb, var(--bg0) 90%, #fff), color-mix(in srgb, var(--bg0) 80%, #fff));
}

menuitem[type="radio"][checked]:active .menu-icon {
  background-color: light-dark(color-mix(in srgb, var(--bg0) 90%, #000), color-mix(in srgb, var(--bg0) 80%, #000));
}

menuitem[type="radio"][disabled] .menu-icon {
  opacity: .5;
}

#customization-container {
@media not -moz-pref("gwfox.atbc") {
  background: var(--bg1) !important;
}
}
}

@media not (-moz-platform: macos) {
#toolbar-menubar {
  position: fixed;
  top: 49px;
  right: 9px;
  z-index: 9;
  border-radius: var(--br2);
  background-color: light-dark(rgba(255, 255, 255, .95), rgba(15, 15, 12, .85)) !important;
  box-shadow: 0 8px 12px rgba(0, 0, 0, .2) !important;
  padding: 0 2px !important;
:root[customtitlebar] #navigator-toolbox[tabs-hidden] > & {
  min-height: unset !important;
}
@media -moz-pref("gwfox.urlbar") and -moz-pref("sidebar.verticalTabs") {
:root:has(#tabbrowser-tabs[expanded]) & {
  top: 10px;
}
}
@media -moz-pref("sidebar.visibility", "hide-sidebar") {
:root:has(#tabbrowser-tabs[orient="vertical"]:not([expanded])) & {
  top: 10px;
}
}
> .titlebar-buttonbox-container {
  display: none;
}
}
#PersonalToolbar {
  order: 1;
  visibility: unset !important;
}
}

/* icons */

#back-button {
  list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 4.2,8.37 6.3,5.92 a 0.72,0.68 0 0 0 1.02,-0.96 L 5.83,7.99 11.52,2.65 A 0.72,0.68 0 0 0 10.5,1.69 L 4.2,7.61 Z'/%3E%3C/svg%3E") !important;
@media -moz-pref("sidebar.verticalTabs") {
  list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.375 8 3.048 8l4.308-4.308a.626.626 0 0 0-.885-.885L1 8.281l0 .689 5.472 5.473a.623.623 0 0 0 .884 0 .628.628 0 0 0 0-.885L3.048 9.25l11.327 0a.625.625 0 0 0 0-1.25z'/%3E%3C/svg%3E") !important;
}
}

#forward-button {
  list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 11.72,8.37 5.42,14.29 A 0.72,0.68 0 0 1 4.4,13.33 L 10.09,7.99 4.4,2.65 a 0.72,0.68 0 0 1 1.02,-0.96 l 6.3,5.92 z'/%3E%3C/svg%3E") !important;
@media -moz-pref("sidebar.verticalTabs") {
  list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 1.62 8 11.33 0-4.31-4.31 a .626.63 0 0 1 .885-0.89 L 15 8.28 l 0 .689-5.47 5.47 a .623.62 0 0 1-0.88 0 .628.63 0 0 1 0-0.89 l 4.31-4.31-11.33 0 a .625.62 0 0 1 0-1.25 z'/%3E%3C/svg%3E") !important;
}
}

#reload-button {
  list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 10.51,6.14 h 3.71 L 14.5,5.86 V 2.16 a 0.46,0.46 0 0 0 -0.79,-0.33 L 12.35,3.18 A 6.45,6.45 0 0 0 8,1.5 C 4.42,1.5 1.5,4.42 1.5,8 1.5,11.58 4.42,14.5 8,14.5 A 6.47,6.47 0 0 0 14.47,8.63 0.58,0.58 0 0 0 13.95,8 0.59,0.59 0 0 0 13.32,8.52 5.32,5.32 0 0 1 8,13.34 c -2.94,0 -5.34,-2.39 -5.34,-5.34 0,-2.94 2.39,-5.34 5.34,-5.34 a 5.3,5.3 0 0 1 3.53,1.34 l -1.35,1.35 a 0.46,0.46 0 0 0 0.33,0.79 z'/%3E%3C/svg%3E") !important;
}

#stop-button {
  list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 9.02,7.79 13.33,3.48 A 0.57,0.57 0 0 0 12.52,2.67 L 8.22,6.97 H 7.78 L 3.48,2.67 A 0.57,0.57 0 1 0 2.67,3.48 L 6.96,7.77 V 8.22 L 2.67,12.52 a 0.57,0.57 0 0 0 0.81,0.81 L 7.78,9.04 h 0.45 l 4.3,4.3 a 0.57,0.57 0 0 0 0.81,0 0.57,0.57 0 0 0 0,-0.81 L 9.02,8.2 Z'/%3E%3C/svg%3E") !important;
}

#new-tab-button, #tabs-newtab-button {
  list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 8.47,13.85 H 7.75 c -0.2,0 -0.36,-0.19 -0.36,-0.42 V 2.54 C 7.39,2.31 7.55,2.12 7.75,2.12 H 8.47 c 0.2,0 0.36,0.19 0.36,0.42 v 10.89 c 0,0.23 -0.16,0.42 -0.36,0.42 M 13.97,8.53 c 0,0.21 -0.19,0.38 -0.43,0.38 H 2.47 C 2.23,8.91 2.04,8.74 2.04,8.53 V 7.77 c 0,-0.21 0.19,-0.38 0.43,-0.38 h 11.08 c 0.24,0 0.43,0.17 0.43,0.38 z'/%3E%3C/svg%3E") !important;
}

#unified-extensions-button {
  list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 12.5,15 h -9 A 1.5,1.52 0 0 1 2,13.48 v -2.7 a 0.69,0.7 0 0 1 0.69,-0.7 h 1.62 c 0.64,0 1.15,-0.53 1.15,-1.17 0,-0.65 -0.52,-1.17 -1.15,-1.17 H 2.69 A 0.69,0.7 0 0 1 2,7.03 V 5.27 C 2,4.43 2.67,3.75 3.5,3.75 h 2.19 v -1.27 c 0,-1.23 0.87,-2.34 2.07,-2.47 A 2.31,2.35 0 0 1 10.31,2.34 V 3.75 H 12.5 c 0.83,0 1.5,0.68 1.5,1.52 V 13.48 C 14,14.32 13.33,15 12.5,15 Z M 3.15,11.25 v 2.02 l 0.55,0.56 h 8.58 l 0.55,-0.56 V 5.48 L 12.29,4.92 H 9.85 A 0.69,0.7 0 0 1 9.15,4.22 V 2.34 C 9.15,1.7 8.64,1.17 8,1.17 c -0.64,0 -1.15,0.53 -1.15,1.17 V 4.22 A 0.69,0.7 0 0 1 6.15,4.92 H 3.62 L 3.15,5.48 V 6.56 H 4.17 c 1.21,0 2.31,0.88 2.43,2.1 A 2.31,2.35 0 0 1 4.31,11.25 Z'/%3E%3C/svg%3E") !important;
}

#sidebar-button {
  list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-rule='evenodd' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 5.5,5.63 A 0.5,0.46 0 0 0 5,5.17 H 3 A 0.5,0.46 0 0 0 3,6.09 H 5 A 0.5,0.46 0 0 0 5.5,5.63 Z m 0,2.28 A 0.5,0.46 0 0 0 5,7.45 H 3 A 0.5,0.46 0 0 0 3,8.37 H 5 A 0.5,0.46 0 0 0 5.5,7.91 Z m 0,2.28 A 0.5,0.46 0 0 0 5,9.74 H 3 A 0.5,0.46 0 0 0 3,10.65 H 5 A 0.5,0.46 0 0 0 5.5,10.19 Z M 16,12.4 V 3.65 A 2,2.12 0 0 0 14,1.52 H 2 A 2,2.12 0 0 0 0,3.65 V 12.4 A 2,2.12 0 0 0 2,14.53 h 12 a 2,2.12 0 0 0 2,-2.12 z M 1.25,12.56 V 3.49 l 0.6,-0.64 h 4.9 V 13.2 H 1.85 Z M 8,13.2 h 6.15 l 0.6,-0.64 V 3.49 L 14.15,2.85 H 8 Z'/%3E%3C/svg%3E") !important;
}

#alltabs-button {
  list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' stroke='context-fill' stroke-width='0.264' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 4.06,12.01 v -0.91 H 3.08 c -0.54,0 -0.98,-0.4 -0.98,-0.91 V 2.94 c 0,-0.5 0.44,-0.91 0.98,-0.91 h 6.86 c 0.54,0 0.98,0.4 0.98,0.91 v 0.91 h 0.98 V 2.94 c 0,-1 -0.87,-1.81 -1.96,-1.81 H 3.08 c -1.09,0 -1.96,0.81 -1.96,1.81 v 7.26 c 0,1 0.87,1.81 1.96,1.81 z M 6.06,3.99 c -1.09,0 -1.96,0.81 -1.96,1.81 v 7.26 c 0,1 0.87,1.81 1.96,1.81 h 6.86 c 1.09,0 1.96,-0.81 1.96,-1.81 V 5.81 c 0,-1 -0.87,-1.81 -1.96,-1.81 z m 0,0.91 h 6.86 c 0.54,0 0.98,0.4 0.98,0.91 v 7.26 c 0,0.5 -0.44,0.91 -0.98,0.91 H 6.06 c -0.54,0 -0.98,-0.4 -0.98,-0.91 V 5.81 c 0,-0.5 0.44,-0.91 0.98,-0.91 z'/%3E%3C/svg%3E") !important;
}

#PanelUI-menu-button {
  list-style-image: url("chrome://global/skin/icons/more.svg") !important;
@media -moz-pref("sidebar.verticalTabs") {
  list-style-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 5,5 h 14 c 1.33,0 1.29,1.96 -0.04,1.96 H 5 C 3.67,6.96 3.67,5 5,5 m 14,6 H 5 c -1.33,0 -1.33,2 0,2 h 14 c 1.33,0 1.33,-2 0,-2 m 0,8 H 5 C 3.67,19 3.67,17 5,17 H 19 C 20.33,17 20.33,19 19,19'/%3E%3C/svg%3E") !important;
}
}

#sanitizeEverythingWarningIcon {
  list-style-image: url("chrome://global/skin/icons/warning.svg") !important;
  -moz-context-properties: fill;
  fill: #f9c63b;
  width: 48px !important;
  height: 48px !important;
}

#tracking-protection-icon {
  list-style-image: url("chrome://browser/skin/tracking-protection.svg");
}

.tabbrowser-tab:is([label="新标签页"], [label="New tab"]) .tab-icon-image,
.tab-icon-image:is([src="chrome://branding/content/icon32.png"], [src="chrome://browser/skin/privatebrowsing/favicon.svg"]) {
  content: url("chrome://global/skin/icons/defaultFavicon.svg");
}

#identity-box[pageproxystate="valid"].chromeUI #identity-icon {
  list-style-image: url("chrome://devtools/skin/images/browsers/firefox.svg") !important;
}

.textbox-search-sign {
  display: inherit !important;
  width: 16px !important;
  height: 16px !important;
  opacity: .8 !important;
  -moz-context-properties: fill;
  fill: currentColor;
}

.searchmode-switcher-icon {
  fill: light-dark(#525252, #c9c9cb) !important;
&:not([style*=".svg"]) {
  content: url("chrome://global/skin/icons/search-glass.svg");
}
}

.toolbarbutton-badge {
&.feature-callout {
  display: none !important;
}
}

#main-button img[src^="chrome://browser/content/genai/assets/brands/"] {
  content: url("chrome://global/skin/icons/highlights.svg") !important;
}

/* sidebar */

:root[sidebar-expand-on-hover] {
#sidebar-main {
  background-color: transparent !important;
  background-image: none !important;
}
#tabbrowser-tabbox {
  clip-path: inset(-8px);
  transition: clip-path .45s;
:root:has(#tabbrowser-tabs[expanded]) & {
  clip-path: inset(-8px -8px -8px 190px);
@media -moz-pref("gwfox.sidebar", 1) {
  clip-path: inset(-8px -8px -8px 140px);
}
@media -moz-pref("gwfox.sidebar", 3) {
  clip-path: inset(-8px -8px -8px 220px);
}
}
:root:has(#sidebar-box:not([hidden])) & {
  clip-path: none;
}
}
@media -moz-pref("gwfox.toolbar") {
#PersonalToolbar {
  opacity: 0;
  transition: opacity .45s !important;
:root:has(:is(#vertical-spacer, #PersonalToolbar):hover, :is(#PersonalToolbar .bookmark-item, #PersonalToolbar #PlacesChevron)[open]) & {
  opacity: 1;
}
}
}
&:has(#sidebar-box:not([hidden])) {
#sidebar-box {
  clip-path: inset(-8px);
  transition: clip-path .45s;
:root:has(#tabbrowser-tabs[expanded]) & {
  clip-path: inset(-8px -8px -8px 190px);
@media -moz-pref("gwfox.sidebar", 1) {
  clip-path: inset(-8px -8px -8px 140px);
}
@media -moz-pref("gwfox.sidebar", 3) {
  clip-path: inset(-8px -8px -8px 220px);
}
}
}
@media -moz-pref("gwfox.toolbar") {
#PersonalToolbar {
  opacity: 1;
  clip-path: inset(-8px);
  transition: clip-path .45s !important;
:root:has(#tabbrowser-tabs[expanded]) & {
  clip-path: inset(-8px -8px -8px 240px);
@media -moz-pref("gwfox.sidebar", 1) {
  clip-path: inset(-8px -8px -8px 190px);
}
@media -moz-pref("gwfox.sidebar", 3) {
  clip-path: inset(-8px -8px -8px 270px);
}
}
}
}
}
}

#sidebar {
  box-shadow: none !important;
  background-color: var(--button-bgcolor) !important;
@media (-moz-mac-tahoe-theme) {
  border-radius: var(--br3) !important;
}
}

#sidebar-main {
  -moz-window-dragging: drag;
&[sidebar-launcher-expanded] {
  width: 240px !important;
@media -moz-pref("gwfox.sidebar", 1) {
  width: 190px !important;
}
@media -moz-pref("gwfox.sidebar", 3) {
  width: 270px !important;
}
}
}

#sidebar-box {
  -moz-window-dragging: no-drag;
  min-width: 280px !important;
&[sidebarcommand="viewGenaiChatSidebar"] {
  min-width: 400px !important;
}
@media not -moz-pref("gwfox.noborder") {
  margin-block-end: 2.5px !important;
@media (-moz-platform: linux) {
  margin-block-end: 0 !important;
}
}
}

#sidebar-launcher-splitter {
  display: none !important;
}

#sidebar-tools-and-extensions-splitter {
  width: 10px !important;
  visibility: var(--dp, visible);
  margin-inline: auto !important;
  margin-block-start: 15px !important;
  border-top: none !important;
  border-color: transparent !important;
  background-color: transparent !important;
.wrapper:hover &:not(:has(~ .buttons-wrapper:hover)) {
  background-color: var(--panel-separator-color) !important;
  opacity: .5;
  transition: all .25s !important;
  -moz-window-dragging: no-drag;
&:hover {
  background-color: var(--focus-outline-color) !important;
  width: calc(100% - 25px) !important;
  opacity: 1;
  transition: all .25s !important;
}
}
}

#vertical-pinned-tabs-splitter {
  margin-block-start: 4px !important;
  width: 10px !important;
  margin-inline: auto !important;
  border-top-color: transparent !important;
#vertical-tabs:hover & {
  background-color: var(--panel-separator-color) !important;
  opacity: .5;
  transition: all .25s !important;
  -moz-window-dragging: no-drag;
&:hover {
  background-color: var(--focus-outline-color) !important;
  width: calc(100% - 25px) !important;
  opacity: 1;
  transition: all .25s !important;
}
}
}

.sidebar-splitter {
  height: 30px;
  bottom: 4px;
  margin-block: auto !important;
  border-radius: 10px;
  transition: all .25s !important;
  --splitter-width: 5px !important;
#sidebar-box:hover + & {
  background-color: var(--panel-separator-color) !important;
}
&:hover {
  height: calc(100% - 10px);
  transition: all .25s !important;
}
}

.wrapper {
  width: 100% !important;
}

.buttons-wrapper {
@media -moz-pref("sidebar.verticalTabs") {
  justify-content: center !important;
  padding-bottom: 3px !important;
}
}

.actions-list {
  -moz-window-dragging: no-drag;
  visibility: var(--dp, visible);
&:-moz-window-inactive {
  opacity: .5 !important;
}
> moz-button {
 --button-icon-fill: light-dark(#525252, #c9c9cb) !important;
&:hover:active {
 --button-icon-fill: light-dark(#2d2d2d, #ececec) !important;
}
}
> moz-button:not(.tools-overflow) {
  --button-outer-padding-inline: 0 !important;
  margin-inline: 8.5px !important;
}
@media -moz-pref("sidebar.verticalTabs") {
> moz-button[view=viewCustomizeSidebar] {
  width: 0 !important;
  height: 0 !important;
  opacity: 0;
  pointer-events: none;
}
}
}

/* tweak */

@media -moz-pref("gwfox.toolbar") {
:root:not([inDOMFullscreen], [customizing], [taskbartab]) {
.browserStack,
#tabbrowser-tabbox {
  transition: margin-top .25s .25s;
}
&:has([sidebar-shown]):has(#PersonalToolbar:not([collapsed])) {
#sidebar-main {
  margin-top: -28px;
@media -moz-pref("sidebar.verticalTabs") {
  margin-top: -34px;
}
}
#PersonalToolbar {
  padding-left: 48px !important;
:root:has(#tabbrowser-tabs[orient="vertical"][expanded]) & {
  padding-left: 240px !important;
@media -moz-pref("gwfox.sidebar", 1) {
  padding-left: 190px !important;
}
@media -moz-pref("gwfox.sidebar", 3) {
  padding-left: 270px !important;
}
@media -moz-pref("gwfox.urlbar") {
  padding-left: 0 !important;
}
@media -moz-pref("sidebar.visibility", "expand-on-hover") {
  padding-left: 48px !important;
}
}
}
}
@media -moz-pref("sidebar.verticalTabs") {
&:has(#PersonalToolbar:not([collapsed])) #tabbrowser-tabbox {
  margin-top: -28px !important;
@media -moz-pref("gwfox.urlbar") {
  margin-top: -39px !important;
@media -moz-pref("gwfox.noborder") {
  margin-top: -47px !important;
}
@media -moz-pref("sidebar.visibility", "expand-on-hover") {
  margin-top: -28px !important;
}
:root:has(#tabbrowser-tabs:not([expanded])):has([sidebar-shown]) & {
  margin-top: -28px !important;
}
}
:root:has(:is(#vertical-spacer, #PersonalToolbar):hover, :is(#PersonalToolbar .bookmark-item, #PersonalToolbar #PlacesChevron)[open]) & {
  margin-top: 0 !important;
.browserStack {
  margin-top: -28px;
@media -moz-pref("gwfox.urlbar") {
  margin-top: -39px;
@media -moz-pref("gwfox.noborder") {
  margin-top: -47px;
}
@media -moz-pref("sidebar.visibility", "expand-on-hover") {
  margin-top: -28px;
}
:root:has(#tabbrowser-tabs:not([expanded])):has([sidebar-shown]) & {
  margin-top: -28px;
}
}
}
}
:root:has(#tabbrowser-tabs[expanded]):has(.toolbarbutton-1:not(#back-button, #forward-button, #stop-button, #reload-button, #sidebar-button, #firefox-view-button, #tabs-newtab-button, #vertical-tabs-newtab-button):is(:hover, [open])) & {
@media -moz-pref("gwfox.urlbar") and (not -moz-pref("sidebar.visibility", "expand-on-hover")) {
  margin-top: 0 !important;
.browserStack {
  margin-top: -39px;
@media -moz-pref("gwfox.noborder") {
  margin-top: -47px;
}
}
}
}
:root:has([sidebar-shown]):has(#sidebar-box:not([hidden])) & {
  margin-top: 0 !important;
.browserStack {
  margin-top: 0 !important;
}
}
:root[sidebar-expand-on-hover] & {
  transition: margin-top .25s .25s, clip-path .25s 0s;
:root:has(#tabbrowser-tabs[expanded]) & {
  transition: clip-path .45s 0s;
}
}
@media -moz-pref("gwfox.urlbar") and (not (-moz-platform: macos)) {
:root:has(.titlebar-buttonbox-container:hover):has(#tabbrowser-tabs[expanded]) & {
  margin-top: 0 !important;
.browserStack {
  margin-top: -28px;
@media -moz-pref("gwfox.urlbar") {
  margin-top: -39px;
@media -moz-pref("gwfox.noborder") {
  margin-top: -47px;
}
@media -moz-pref("sidebar.visibility", "expand-on-hover") {
  margin-top: -28px;
}
:root:has(#tabbrowser-tabs:not([expanded])) & {
  margin-top: -28px;
}
}
}
}
}
}
&:has(#PersonalToolbar[collapsed]) #tabbrowser-tabbox {
:root:has(#tabbrowser-tabs[expanded]) & {
@media -moz-pref("gwfox.urlbar") {
  margin-top: -39px !important;
@media -moz-pref("gwfox.noborder") {
  margin-top: -47px !important;
}
@media -moz-pref("sidebar.visibility", "expand-on-hover") {
  margin-top: 0 !important;
}
}
:root:is(
:has(:is(#vertical-spacer, #PersonalToolbar):hover, :is(#PersonalToolbar .bookmark-item, #PersonalToolbar #PlacesChevron)[open]),
:has(#tabbrowser-tabs[expanded]):has(.toolbarbutton-1:not(#back-button, #forward-button, #stop-button, #reload-button, #sidebar-button, #firefox-view-button, #tabs-newtab-button, #vertical-tabs-newtab-button):is(:hover, [open]))
) & {
  margin-top: 0 !important;
.browserStack {
@media -moz-pref("gwfox.urlbar") {
  margin-top: -39px;
}
@media -moz-pref("gwfox.noborder") {
  margin-top: -47px;
}
}
}
@media not (-moz-platform: macos) {
:root:has(.titlebar-buttonbox-container:hover) & {
  margin-top: 0 !important;
.browserStack {
@media -moz-pref("gwfox.urlbar") {
  margin-top: -39px;
}
@media -moz-pref("gwfox.noborder") {
  margin-top: -47px;
}
}
}
}
:root:has([sidebar-shown]):has(#sidebar-box:not([hidden])) & {
  margin-top: 0 !important;
.browserStack {
  margin-top: 0 !important;
}
}
}
}
}
@media not -moz-pref("sidebar.verticalTabs") {
&:has(#PersonalToolbar:not([collapsed])) #tabbrowser-tabbox {
  margin-top: -28px !important;
}
&:has(#PersonalToolbar:not([collapsed])):has(#PersonalToolbar:hover, #PersonalToolbar .bookmark-item[open], #PersonalToolbar #PlacesChevron[open], #TabsToolbar:hover):not(:has(:is(.tabbrowser-tab, #alltabs-button, #new-tab-button, #tabs-newtab-button, .tab-group-label, .titlebar-buttonbox-container):hover)) #tabbrowser-tabbox {
  margin-top: 0 !important;
.browserStack {
  margin-top: -28px;
}
}
&:has(#sidebar-box:not([hidden])) #tabbrowser-tabbox {
  margin-top: 0 !important;
.browserStack {
  margin-top: 0 !important;
}
}
#TabsToolbar {
&::before {
  content: "";
  position: fixed;
  top: 40px;
  left: 0;
  width: 100%;
  height: 7px;
  z-index: 1;
  background: none;
}
:root:has([sidebar-shown]) & {
&::before {
  margin-left: 48px;
}
}
}
&:has(#tabbrowser-tabs[movingtab]):has(#PersonalToolbar:not([collapsed])) #tabbrowser-tabbox {
  margin-top: 0 !important;
.browserStack {
  margin-top: -28px;
@media (-moz-gtk-theme-family: adwaita) or (-moz-gtk-theme-family: yaru) {
  margin-top: -32px;
}
}
}
}
#vertical-spacer {
  max-width: 0 !important;
  min-width: 0 !important;
@media -moz-pref("sidebar.verticalTabs") {
  display: flex !important;
}
&::before {
  content: "";
  position: fixed;
  top: 40px;
  left: 240px;
  width: 100%;
  height: 18px;
  z-index: 9;
  background: none;
@media -moz-pref("gwfox.sidebar", 1) {
  left: 190px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  left: 270px;
}
}
@media -moz-pref("gwfox.urlbar") {
:root:has(#tabbrowser-tabs[expanded]) & {
&::before { top: 0; }
}
}
:root:has(#tabbrowser-tabs:not([expanded])) & {
&::before { left: 50px; }
}
:root:has(.titlebar-buttonbox:hover, #PersonalToolbar:hover, #urlbar:hover, .toolbarbutton-1:hover, #PersonalToolbar .bookmark-item[open]) & {
&::before { content: none; }
}
}
&:has([splitview], .devtools-toolbox-side-iframe:not([hidden])):has(#sidebar-box[hidden]) {
#PersonalToolbar {
  opacity: 0;
  transition: opacity .1s .25s !important;
:root:has(#vertical-spacer:hover, .titlebar-buttonbox:hover, #PersonalToolbar:hover, #PersonalToolbar .bookmark-item[open]) & {
  opacity: 1;
  transition: opacity .1s .35s !important;
}
@media not -moz-pref("sidebar.verticalTabs") {
:root:has(#TabsToolbar:hover):not(:has(:is(.tabbrowser-tab, #alltabs-button, #new-tab-button, #tabs-newtab-button, .tab-group-label):hover)) & {
  opacity: 1;
  transition: opacity .1s .35s !important;
}
}
}
}
}
}

@media -moz-pref("gwfox.urlbar") and -moz-pref("sidebar.verticalTabs") {
@media not -moz-pref("sidebar.visibility", "expand-on-hover") {
:root:not([inDOMFullscreen], [customizing], [taskbartab]):has(#tabbrowser-tabs[expanded]) {
@media not (-moz-platform: macos) {
.titlebar-buttonbox-container {
  position: fixed !important;
  top: 2px;
  right: 0;
  height: 47px;
@media (-moz-platform: linux) {
  top: 0;
}
}
#navigator-toolbox {
  padding-inline-end: 140px !important;
@media (-moz-platform: linux) {
  padding-inline-end: 40px !important;
@media (-moz-gtk-csd-maximize-button) or (-moz-gtk-csd-minimize-button) {
  padding-inline-end: 77px !important;
@media (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button) {
  padding-inline-end: 114px !important;
@media (-moz-gtk-theme-family: breeze) {
  padding-inline-end: 84px !important;
}
}
}
}
}
}
#navigator-toolbox {
  display: grid;
  grid-template-columns: minmax(auto, 0) auto;
}

#nav-bar {
  width: fit-content !important;
  grid-area: 2 / 1 / auto / auto;
}

#PersonalToolbar {
  grid-area: 2 / 2 / auto / auto;
  max-height: 35px !important;
  margin-top: 6px !important;
}

#TabsToolbar {
  display: none;
}

#sidebar-main {
  margin-top: 34px !important;
}

#urlbar-container {
  position: fixed !important;
  left: 3.5px !important;
  top: 40.5px !important;
  width: 223px !important;
  z-index: 9;
@media -moz-pref("gwfox.sidebar", 1) {
  width: 173px !important;
}
@media -moz-pref("gwfox.sidebar", 3) {
  width: 253px !important;
}
}

#urlbar {
  position: fixed !important;
&:not([open]) {
  top: 47px !important;
  width: 223px !important;
@media -moz-pref("gwfox.sidebar", 1) {
  width: 173px !important;
}
@media -moz-pref("gwfox.sidebar", 3) {
  width: 253px !important;
}
}
}

.urlbar-input-container {
  margin-block-start: 1px !important;
  margin-inline-start: 1px !important;
#urlbar:not([open]) & {
  padding-inline-end: 2px !important;
}
}

#nav-bar-customization-target > #sidebar-button:first-child {
  margin-inline-end: 20px !important;
:root[inFullscreen] & {
  margin-inline-end: 88px !important;
}
@media not (-moz-platform: macos) {
  margin-inline-end: 90px !important;
}
@media -moz-pref("gwfox.sidebar", 1) {
  margin-inline-end: 5px !important;
:root[inFullscreen] & {
  margin-inline-end: 72px !important;
}
@media not (-moz-platform: macos) {
  margin-inline-end: 40px !important;
}
}
@media -moz-pref("gwfox.sidebar", 3) {
  margin-inline-end: 50px !important;
:root[inFullscreen] & {
  margin-inline-end: 118px !important;
}
@media not (-moz-platform: macos) {
  margin-inline-end: 120px !important;
}
}
}
}
}

@media -moz-pref("sidebar.visibility", "hide-sidebar") {
:root:not([inDOMFullscreen], [chromehidden~="toolbar"], [chromehidden~="location"], [customizing], [taskbartab]):has(#tabbrowser-tabs:not([expanded])) {
  --dp: collapse;
  --titlebar-min: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 9.25,5.3 a 0.75,0.75 0 0 1 0,1.5 h -6.5 a 0.75,0.75 0 0 1 0,-1.5 z'/%3E%3C/svg%3E");
  --titlebar-max: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 4.5 l0 3.5 a1 1 0 0 1 -1 1 l-3.5 0 m-1.5 -1.5 l0 -3.5 a1 1 0 0 1 1 -1 l3.5 0 z'/%3E%3C/svg%3E");
  --titlebar-restore: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.5 6 l-3.5 0 a1 1 0 0 0 -1 1 l0 3.5 m0 -9 l0 3.5 a1 1 0 0 1 -1 1 l-3.5 0 z'/%3E%3C/svg%3E");
  --titlebar-close: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 5.95,5.01 4.1,3.27 C 3.42,2.62 2.63,3.6 3.3,4.26 L 5.05,6 3.3,7.74 C 2.65,8.42 3.42,9.37 4.1,8.73 L 5.95,6.99 7.8,8.73 C 8.48,9.38 9.38,8.38 8.7,7.74 L 6.85,6 8.7,4.16 C 9.35,3.48 8.48,2.63 7.8,3.27 Z'/%3E%3C/svg%3E");
.titlebar-buttonbox-container {
  position: fixed !important;
  top: 25.5px !important;
  left: -295px;
@media (-moz-mac-tahoe-theme) {
  top: 24.5px !important;
}
}

.titlebar-buttonbox {
  appearance: none !important;
&:not(:hover, :active) {
.titlebar-button:-moz-window-inactive {
  background-color: var(--button-bgcolor) !important;
  outline: none;
@media not (-moz-platform: macos) {
  background-color: transparent !important;
}
}
}
@media (-moz-platform: macos) {
&::before {
  content: "";
  position: absolute;
  top: -16px;
  left: -20px;
  width: 45px;
  height: 45px;
  background: none;
  z-index: -1;
}
}
}

.titlebar-button {
  appearance: none !important;
  display: flex !important;
  padding: 0 !important;
  margin-inline: 4px !important;
  border-radius: 50% !important;
  clip-path: circle(50%);
@media (-moz-mac-tahoe-theme) {
  padding: 1px !important;
}
@media not (-moz-platform: macos) {
  padding: 2px !important;
  margin-inline: 2px !important;
  border-radius: 20% !important;
  clip-path: none;
}
}

.titlebar-close {
  order: -1 !important;
  content: var(--titlebar-close) !important;
  background-color: var(--button-bgcolor) !important;
  -moz-context-properties: fill, fill-opacity;
  fill: transparent;
  outline: none;
  outline-offset: -.5px;
@media (-moz-platform: macos) {
.titlebar-buttonbox:hover & {
  fill: light-dark(#730000, #990000);
  background-color: #ff5f57 !important;
  outline: .5px solid light-dark(#e24138, transparent);
&:active {
  background-color: light-dark(#c04741, #ff8d85) !important;
  fill: light-dark(#330000, #730100);
  outline: .5px solid light-dark(#a12822, transparent);
}
}
}
@media not (-moz-platform: macos) {
  order: unset !important;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 3.5,3.01 a 0.5,0.5 0 0 0 -0.35,0.15 0.5,0.5 0 0 0 0,0.71 l 4.13,4.14 -4.14,4.13 a 0.5,0.5 0 0 0 0,0.71 0.5,0.5 0 0 0 0.71,0 L 8,8.71 12.14,12.85 a 0.5,0.5 0 0 0 0.71,0 0.5,0.5 0 0 0 0,-0.71 L 8.7,8 12.83,3.86 a 0.5,0.5 0 0 0 0,-0.71 0.5,0.5 0 0 0 -0.71,0 L 7.99,7.29 3.85,3.15 A 0.5,0.5 0 0 0 3.5,3.01 Z'/%3E%3C/svg%3E") !important;
  background-color: transparent !important;
  fill: light-dark(#000, #fff);
  fill-opacity: .8;
&:hover {
  background-color: var(--button-hover-bgcolor) !important;
}
.titlebar-buttonbox:hover & {
  fill: light-dark(#000, #fff);
&:active {
  fill: light-dark(#000, #fff);
  outline: none;
  background-color: var(--button-active-bgcolor) !important;
}
}
}
}

.titlebar-min {
  content: var(--titlebar-min) !important;
  background-color: var(--button-bgcolor) !important;
  -moz-context-properties: fill, fill-opacity;
  fill: transparent;
  outline: none;
  outline-offset: -.5px;
@media (-moz-platform: macos) {
.titlebar-buttonbox:hover & {
  fill: #985600;
  background-color: #febc2e !important;
  outline: .5px solid light-dark(#e19e0f, transparent);
&:active {
  background-color: light-dark(#be8d22, #ffea5c) !important;
  fill: light-dark(#582700, #735e00);
  outline: .5px solid light-dark(#a06f0a, transparent);
}
}
}
@media not (-moz-platform: macos) {
  order: unset !important;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 3.5,7.5 A 0.5,0.5 0 0 0 3,8 0.5,0.5 0 0 0 3.5,8.5 h 9 A 0.5,0.5 0 0 0 13,8 0.5,0.5 0 0 0 12.5,7.5 Z'/%3E%3C/svg%3E") !important;
  background-color: transparent !important;
  fill: light-dark(#000, #fff);
  fill-opacity: .8;
&:hover {
  background-color: var(--button-hover-bgcolor) !important;
}
.titlebar-buttonbox:hover & {
  fill: light-dark(#000, #fff);
&:active {
  fill: light-dark(#000, #fff);
  outline: none;
  background-color: var(--button-active-bgcolor) !important;
}
}
}
}

.titlebar-max, .titlebar-restore {
  content: var(--titlebar-max) !important;
  background-color: var(--button-bgcolor) !important;
  -moz-context-properties: fill, fill-opacity;
  fill: transparent;
  outline: none;
  outline-offset: -.5px;
@media (-moz-platform: macos) {
.titlebar-buttonbox:hover & {
  fill: #006200;
  background-color: #28c840 !important;
  outline: .5px solid light-dark(#0aaa21, transparent);
&:active {
  background-color: light-dark(#1e9730, #56f66e) !important;
  fill: light-dark(#003000, #006a00);
  outline: .5px solid light-dark(#0a7811, transparent);
  outline-offset: -.5px;
}
}
}
@media not (-moz-platform: macos) {
  order: unset !important;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 4.5,3 C 3.677,3 3,3.677 3,4.5 v 7 C 3,12.323 3.677,13 4.5,13 h 7 c 0.823,0 1.5,-0.677 1.5,-1.5 v -7 C 13,3.677 12.323,3 11.5,3 Z m 0,1 h 7 C 11.782,4 12,4.218 12,4.5 v 7 c 0,0.282 -0.218,0.5 -0.5,0.5 h -7 A 0.493,0.493 0 0 1 4,11.5 v -7 C 4,4.218 4.218,4 4.5,4 Z'/%3E%3C/svg%3E") !important;
  background-color: transparent !important;
  fill: light-dark(#000, #fff);
  fill-opacity: .8;
&:hover {
  background-color: var(--button-hover-bgcolor) !important;
}
.titlebar-buttonbox:hover & {
  fill: light-dark(#000, #fff);
&:active {
  fill: light-dark(#000, #fff);
  outline: none;
  background-color: var(--button-active-bgcolor) !important;
}
}
}
}

.titlebar-restore {
  content: var(--titlebar-restore) !important;
@media not (-moz-platform: macos) {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 5.5,4 h 5 A 1.5,1.5 0 0 1 12,5.5 v 5 a 1,1 0 0 0 1,-1 v -4 A 2.5,2.5 0 0 0 10.5,3 h -4 a 1,1 0 0 0 -1,1 z M 3,6.5 v 5 A 1.5,1.5 0 0 0 4.5,13 h 5 A 1.5,1.5 0 0 0 11,11.5 v -5 A 1.5,1.5 0 0 0 9.5,5 h -5 A 1.5,1.5 0 0 0 3,6.5 Z M 4.5,6 h 5 A 0.5,0.5 0 0 1 10,6.5 v 5 A 0.5,0.5 0 0 1 9.5,12 h -5 A 0.5,0.5 0 0 1 4,11.5 v -5 A 0.5,0.5 0 0 1 4.5,6 Z'/%3E%3C/svg%3E") !important;
}
}

#nav-bar {
  width: 0 !important;
  height: 0 !important;
  z-index: 10;
@media (-moz-platform: linux) {  
  margin-top: -4px !important;
}
@media (-moz-platform: windows) {  
  margin-top: -3px !important;
@media -moz-pref("gwfox.noborder") {
  margin-top: -2.5px !important;
}
}
:root:has(#PersonalToolbar[collapsed]) & {
@media (-moz-platform: macos) {
  margin-top: -12px !important;
}
@media -moz-pref("gwfox.noborder") {
  margin-top: -20px !important;
}
}
}

#PersonalToolbar {
  height: 48px !important;
  padding-block: 5px !important;
  margin-top: -17px !important;
}

#reload-button,
#stop-button,
#back-button,
#forward-button,
#sidebar-button {
  position: fixed !important;
  top: 10px;
  left: -295px;
}

#downloads-button,
#PanelUI-menu-button,
#nav-bar-overflow-button,
#unified-extensions-button {
  position: fixed !important;
  bottom: 16px;
  left: -295px;
  scale: .9;
}

#downloads-button,
#nav-bar-overflow-button,
#unified-extensions-button {
  display: flex !important;
}

#vertical-spacer::before {
  top: 0;
  margin-left: 200px;
@media -moz-pref("gwfox.sidebar", 1) {
  margin-left: 150px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  margin-left: 230px;
}
}

#tabs-newtab-button, .tab-background,
#vertical-tabs-newtab-button, #urlbar-container {
  width: 223px !important;
@media -moz-pref("gwfox.sidebar", 1) {
  width: 173px !important;
}
@media -moz-pref("gwfox.sidebar", 3) {
  width: 253px !important;
}
}

.tab-label-container {
  display: flex !important;
  margin-inline-start: 7.5px;
  margin-inline-end: -15px;
.tabbrowser-tab:is(:hover, [selected]) & {
  margin-inline-end: 0;
}
#tabbrowser-tabs[movingtab] & {
  margin-inline-end: 0;
}
:is([soundplaying], [muted], [activemedia-blocked]) & {
  margin-inline-start: 15px;
}
}

.tab-group-label {
#tabbrowser-tabs:not([expanded]) & {
  font-size: 13px !important;
  background-position: left 9px bottom 11px;
  min-width: 223px !important;
  max-width: 223px !important;
  padding-left: 33px !important;
  font-size-adjust: unset !important;
@media -moz-pref("gwfox.sidebar", 1) {
  min-width: 173px !important;
  max-width: 173px !important;
}
@media -moz-pref("gwfox.sidebar", 3) {
  min-width: 253px !important;
  max-width: 253px !important;
}
tab-group[collapsed] > .tab-group-label-container & {
  background-position: left 9px bottom 7.5px;
[hasactivetab] & {
  background-position: left 9px bottom 7.5px, left 12.5px bottom 7.5px;
}
}
}
}

.tab-icon-overlay {
  display: none !important;
}

.tab-note-icon-overlay {
  display: none !important;
.tabbrowser-tab[pinned][tab-note]:not([crashed], [soundplaying], [muted], [activemedia-blocked]) & {
  display: revert !important;
}
}

.tab-note-icon {
  margin-inline-end: -1px !important;
.tabbrowser-tab[tab-note] & {
  display: revert !important;
tab-split-view-wrapper & {
  display: none !important;
}
}
.tabbrowser-tab[pinned] & {
  display: none !important;
}
}

#tab-preview-panel {
  pointer-events: none;
[data-l10n-id="tab-context-add-note"] {
  display: none;
}
}

.tab-audio-button {
  margin-inline-start: 2px !important;
  margin-inline-end: -13px !important;
&:is([soundplaying], [muted], [activemedia-blocked]) {
  display: flex !important;
  background-repeat: no-repeat;
  background-position: center;
  -moz-context-properties: fill, fill-opacity;
  fill: currentColor;
  fill-opacity: .6;
&[soundplaying] {
  background-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg");
}
&[muted] {
  background-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg");
}
&[activemedia-blocked] {
  background-image: url("chrome://browser/skin/tabbrowser/tab-audio-blocked-circle-12.svg");
}
}
}

.tab-close-button {
  width: 24px !important;
  height: 24px !important;
  position: unset !important;
  padding: var(--tab-close-button-padding) !important;
  border-radius: calc(var(--tab-border-radius) - 3px) !important;
:is(:root:not(:has(tab-split-view-wrapper, tab-group)), tab-split-view-wrapper) & {
  margin-inline-end: calc(var(--tab-close-button-padding) / -2) !important;
}
:root:has(tab-group, tab-split-view-wrapper) &:not(tab-split-view-wrapper *) {
@media not (-moz-platform: linux) {
  margin-inline-end: 2px !important;
}
}
.tabbrowser-tab[selected]:not([pinned]) & {
  opacity: 1 !important;
}
}

.tabbrowser-tab[pinned] .tab-audio-button {
  display: none !important;
}

.tabbrowser-tab[pinned] .tab-icon-overlay {
  display: flex !important;
}

tab-split-view-wrapper {
  width: 237.5px !important;
  padding-inline: 7.5px !important;
@media -moz-pref("gwfox.sidebar", 1) {
  width: 187.5px !important;
}
@media -moz-pref("gwfox.sidebar", 3) {
  width: 267.5px !important;
}
@media (-moz-platform: linux) {
  width: 233px !important;
  padding-inline: 6px !important;
@media -moz-pref("gwfox.sidebar", 1) {
  width: 183px !important;
}
@media -moz-pref("gwfox.sidebar", 3) {
  width: 263px !important;
}
}
.tab-background {
  width: unset !important;
}
.tab-content {
  margin-inline: 7px !important;
}
}

#pinned-tabs-container[orient="vertical"] {
  width: 240px !important;
  padding-inline: 6px !important;
@media -moz-pref("gwfox.sidebar", 1) {
  width: 190px !important;
}
@media -moz-pref("gwfox.sidebar", 3) {
  width: 270px !important;
}
.tabbrowser-tab {
  width: 100% !important;
}
.tab-background {
  width: unset !important;
  margin-inline: 2.5px !important;
}
.tab-label-container {
  display: none !important;
}
.tab-content {
  justify-content: center !important;
}
}

#urlbar {
&:not(:has(#identity-box[pageproxystate="valid"].extensionPage)) {
&:not(:hover, [open], :has(*[open])) {
.urlbar-input {
  padding-inline-start: 10px !important;
  padding-inline-end: 15px !important;
}
.urlbar-input-container[pageproxystate="invalid"] .urlbar-input {
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
}
}
&:not([breakout][breakout-extend]) {
.urlbar-page-action,
#identity-box[pageproxystate="valid"].chromeUI,
#identity-permission-box, 
#notification-popup-box, 
#trust-icon-container {
  opacity: 0;
  transition: opacity 0.2s ease, margin 0.2s ease;
}
}
.urlbar-page-action {
  margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding));
}
#identity-box[pageproxystate="valid"].chromeUI,
#identity-permission-box, 
#notification-popup-box, 
#trust-icon-container {
  margin-inline-start: calc(-16px - 2 * var(--urlbar-icon-padding));
}
&:is(:hover, [open], :has(*[open])) {
.urlbar-page-action,
#identity-box[pageproxystate="valid"].chromeUI,
#identity-permission-box,
#notification-popup-box,
#trust-icon-container {
  opacity: 1 !important;
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}
}
.urlbar-input::placeholder {
  text-align: left !important;
}
}
}

#urlbar:not([open]) {
  top: 55px !important;
  left: -295px !important;
}

#urlbar:not([open]) .urlbar-background {
  height: 32px !important;
}

.urlbar-input-container {
  margin-block-start: 1px !important;
  margin-inline-start: 1px !important;
#urlbar:not([open]) & {
  padding-inline-end: 2px !important;
}
}

#urlbar-container {
  background: none;
}

#toolbar-context-customize-sidebar {
  display: none !important;
}

#sidebar-box, .sidebar-splitter {
  visibility: collapse;
}

#sidebar-main {
  height: calc(100% - 16px) !important;
  width: 240px !important;
  display: flex !important;
  position: fixed;
  top: 8px;
  left: -295px;
  z-index: 9;
  border-radius: var(--br2) !important;
  background-color: var(--bg4);
  backdrop-filter: var(--bf3);
  overflow: unset !important;
  transition: left .05s .05s ease, box-shadow .05s .05s ease;
  padding-top: 81px !important;
&:hover {
  transition: left .25s 0s ease, box-shadow .25s 0s ease;
}
@media (-moz-mac-tahoe-theme) {
  border-radius: var(--br3) !important;
  backdrop-filter: var(--bf2) !important;
}
@media (-moz-platform: linux) {
@media not -moz-pref("gwfox.bms") {
  background-color: var(--bg2) !important;
  backdrop-filter: var(--bf1) !important;
}
}
@media (prefers-color-scheme: dark) {
@media not (-moz-platform: linux) {
  box-shadow: var(--bs2) !important;
@media (-moz-platform: macos) {
  outline: 1px solid rgba(235, 235, 235, .2) !important;
  outline-offset: -1px !important;
}
}
@media (-moz-platform: linux) {
  border: 1px solid rgba(255, 255, 255, .06) !important;
}
}
&::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 25px;
  height: 100%;
  background: none;
}
&::after {
  content: "";
  position: absolute;
  top: 0;
  right: -80px;
  width: 85px;
  height: 100%;
  background: none;
@media -moz-pref("gwfox.sidebar", 1) {
  right: -130px;
  width: 130px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  right: -50px;
  width: 55px;
}
}
@media -moz-pref("gwfox.sidebar", 1) {
  width: 190px !important;
}
@media -moz-pref("gwfox.sidebar", 3) {
  width: 270px !important;
}
}

#tabbrowser-tabpanels {
&[splitview] {
.split-view-splitter {
  margin-inline-start: -1px !important;
  margin-inline-end: 0 !important;
@media not (-moz-platform: macos) {
  margin-inline-start: 1px !important;
  margin-inline-end: 1px !important;
}
}
}
}

&:has(#urlbar[open]) {
#sidebar-button, #reload-button, #stop-button, #back-button,
#forward-button, #PanelUI-menu-button, #nav-bar-overflow-button,
#unified-extensions-button, #downloads-button, #sidebar-main,
.titlebar-buttonbox-container {
  display: none !important;
}
}

&:has(#identity-box[pageproxystate="valid"].extensionPage) {
#urlbar:not([open]) .urlbar-input-container {
  background-position: left 6px bottom 7px;
}
}

#stop-button, #back-button, #reload-button, #forward-button, #sidebar-button, #downloads-button, #PanelUI-menu-button, #nav-bar-overflow-button, #unified-extensions-button, .titlebar-buttonbox-container, #urlbar:not([open]) {
  transition: all .05s .05s ease !important;
:root:has(#sidebar-main:hover) & {
  transition: all .25s 0s ease !important;
}
}

&:has(#sidebar-main:hover, .titlebar-buttonbox:hover, #tabContextMenu:hover, #toolbar-context-menu:hover, toolbarbutton:is(#sidebar-button, #reload-button, #stop-button, #back-button, #forward-button, #PanelUI-menu-button, #nav-bar-overflow-button, #unified-extensions-button, #downloads-button):hover, toolbarbutton:is(#unified-extensions-button, #downloads-button, #PanelUI-menu-button, #nav-bar-overflow-button)[open], .tab-note-editor-panel[panelopen], .tab-group-editor-panel[panelopen], #tabbrowser-tabs[movingtab], #urlbar:not([open]):hover, #urlbar:not([open]) .urlbar-page-action[open], #urlbar:not([open]) .identity-box-button[open], #urlbar:not([open]) #notification-popup-box[open], #urlbar:not([open]) #trust-icon-container[open]) {
.titlebar-buttonbox-container {
  left: 7px;
@media (-moz-platform: windows) {
  left: 18px;
}
@media (-moz-platform: linux) {
  left: 22px;
}
@media not (-moz-platform: macos) {
  top: 22px !important;
  left: 170px;
@media -moz-pref("gwfox.sidebar", 1) {
  left: 120px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  left: 200px;
}
}
}

#reload-button,
#stop-button,
#back-button,
#forward-button,
#sidebar-button {
  left: 80px;
@media not (-moz-platform: macos) {
  left: 8px;
}
}

#back-button {
  left: 138px;
@media -moz-pref("gwfox.sidebar", 1) {
  left: 123px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  left: 168px;
}
@media not (-moz-platform: macos) {
  left: 67px;
@media -moz-pref("gwfox.sidebar", 1) {
  left: 52px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  left: 97px;
}
}
}

#forward-button {
  left: 172px;
@media -moz-pref("gwfox.sidebar", 1) {
  left: 157px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  left: 202px;
}
@media not (-moz-platform: macos) {
  left: 100px;
@media -moz-pref("gwfox.sidebar", 1) {
  left: 85px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  left: 130px;
}
}
}

#reload-button,
#stop-button {
  left: 206px;
@media -moz-pref("gwfox.sidebar", 1) {
  left: -295px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  left: 236px;
}
@media not (-moz-platform: macos) {
  left: 133px;
@media -moz-pref("gwfox.sidebar", 1) {
  left: -295px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  left: 163px;
}
}
}

#downloads-button,
#PanelUI-menu-button,
#nav-bar-overflow-button,
#unified-extensions-button {
  left: 54px;
@media -moz-pref("gwfox.sidebar", 1) {
  left: 30px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  left: 69px;
}
}

#nav-bar-overflow-button {
  left: 92px;
@media -moz-pref("gwfox.sidebar", 1) {
  left: 68px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  left: 107px;
}
}

#unified-extensions-button {
  left: 129px;
@media -moz-pref("gwfox.sidebar", 1) {
  left: 105px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  left: 144px;
}
}

#downloads-button {
  left: 166px;
@media -moz-pref("gwfox.sidebar", 1) {
  left: 142px;
}
@media -moz-pref("gwfox.sidebar", 3) {
  left: 181px;
}
}

#sidebar-main {
  left: 8px;
  box-shadow: var(--bs1);
}

#urlbar:not([open]) {
  left: 16.5px !important;
}

@media (-moz-platform: macos) {
#sidebar-button {
:root[inFullscreen] & {
  left: 10px;
}
}
}
}

#nav-bar .toolbarbutton-1:not(#sidebar-button, #reload-button, #stop-button, #back-button, #forward-button, #PanelUI-menu-button, #nav-bar-overflow-button, #unified-extensions-button, #downloads-button) {
  display: none !important;
}
}
:root:not([sizemode="maximized"], [sizemode="fullscreen"]):has(#sidebar-main[hidden]) .titlebar-restore, 
:root:is([sizemode="maximized"], [sizemode="fullscreen"]):has(#sidebar-main[hidden]) .titlebar-max {
  display: none !important;
}
}
}

@media -moz-pref("gwfox.newtab") {
:root:not([inDOMFullscreen], [chromehidden~="toolbar"], [chromehidden~="location"], [customizing], [taskbartab]) {
.browserContainer {
  background: light-dark(rgba(255, 255, 255, .3), rgba(255, 255, 255, .1)) !important;
}
&:has(#sidebar-box[hidden], #tabbrowser-tabbox:not([sidebar-shown])) {
@media -moz-pref("gwfox.toolbar") {
#PersonalToolbar {
  opacity: 0;
  transition: opacity .1s .25s !important;
:root:has(:is(#vertical-spacer, #PersonalToolbar):hover, :is(#PersonalToolbar .bookmark-item, #PersonalToolbar #PlacesChevron)[open]) & {
  opacity: 1;
  transition: opacity .1s .35s !important;
}
@media not -moz-pref("sidebar.verticalTabs") {
:root:is(:has(#tabbrowser-tabs[movingtab]), :has(#TabsToolbar:hover):not(:has(:is(.tabbrowser-tab, #alltabs-button, #new-tab-button, #tabs-newtab-button, .tab-group-label, .titlebar-buttonbox-container):hover))) & {
  opacity: 1;
  transition: opacity .1s .35s !important;
}
}
}
@media -moz-pref("gwfox.urlbar") and -moz-pref("sidebar.verticalTabs") {
@media not -moz-pref("sidebar.visibility", "expand-on-hover") {
&:has(#tabbrowser-tabs[expanded]) {
.toolbarbutton-1:not(#back-button, #forward-button, #stop-button, #reload-button, #sidebar-button, #tabs-newtab-button, #vertical-tabs-newtab-button, #PlacesChevron) {
  opacity: 0 !important;
  transition: opacity .1s .25s !important;
:root:is(:has(:is(#vertical-spacer, #PersonalToolbar):hover, :is(#PersonalToolbar .bookmark-item, #PersonalToolbar #PlacesChevron)[open]), :has(.toolbarbutton-1:not(#back-button, #forward-button, #stop-button, #reload-button, #sidebar-button, #firefox-view-button, #tabs-newtab-button, #vertical-tabs-newtab-button):is(:hover, [open]))) & {
  opacity: 1 !important;
  transition: opacity .1s .35s !important;
}
}
@media not (-moz-platform: macos) {
.titlebar-buttonbox-container {
  opacity: 0 !important;
  transition: opacity .1s .25s !important;
:root:is(:has(:is(#vertical-spacer, #PersonalToolbar, .titlebar-buttonbox-container):hover, :is(#PersonalToolbar .bookmark-item, #PersonalToolbar #PlacesChevron)[open]), :has(.toolbarbutton-1:not(#back-button, #forward-button, #stop-button, #reload-button, #sidebar-button, #firefox-view-button, #tabs-newtab-button, #vertical-tabs-newtab-button):is(:hover, [open]))) & {
  opacity: 1 !important;
  transition: opacity .1s .35s !important;
}
}
}
}
&:has(#tabbrowser-tabs[expanded]):has(.toolbarbutton-1:not(#back-button, #forward-button, #stop-button, #reload-button, #sidebar-button, #firefox-view-button, #tabs-newtab-button, #vertical-tabs-newtab-button):is(:hover, [open])) {
#PersonalToolbar {  
  opacity: 1;
  transition: opacity .1s .35s !important;
}
}
@media not (-moz-platform: macos) {
&:has(#tabbrowser-tabs[expanded]):has(.titlebar-buttonbox-container:hover) {
#PersonalToolbar, .toolbarbutton-1:not(#back-button, #forward-button, #stop-button, #reload-button, #sidebar-button, #firefox-view-button, #tabs-newtab-button, #vertical-tabs-newtab-button) {  
  opacity: 1 !important;
  transition: opacity .1s .35s !important;
}
}
}
}
}
}
}
}
}

@media -moz-pref("gwfox.db") {
@media not (-moz-platform: linux) {
menupopup, panel[type="arrow"] {
  appearance: none !important;
  --panel-background: var(--bg4) !important;
  --panel-border-color: rgba(0, 0, 0, .28) !important;
@media (-moz-platform: macos) {
  background-color: transparent !important;
}
@media (-moz-platform: windows) {
  --panel-shadow: 0 15px 25px rgba(0, 0, 0, .25), 0 0 0 1px rgba(0, 0, 0, .17) !important;
  --panel-shadow-margin: 48px !important;
  --panel-border-radius: 7.5px !important;
  --panel-border-color: transparent !important;
@media (prefers-color-scheme: dark) {
  --panel-shadow: 0 15px 25px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .15) !important;
}
}
}
.popup-internal-box,
panel > .menupopup-arrowscrollbox,
#PopupAutoComplete > .autocomplete-richlistbox,
.menupopup-arrowscrollbox {
  background-color: var(--bg4) !important;
@media (-moz-platform: windows) {
  box-shadow: 0 15px 25px rgba(0, 0, 0, .25), 0 0 0 1px rgba(0, 0, 0, .17) !important;
@media (prefers-color-scheme: dark) {
  box-shadow: 0 15px 25px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .15) !important;
}
}
}
@media (-moz-platform: macos) {
menupopup {
  border-radius: var(--br1) !important;
  --panel-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .28) !important;
@media (-moz-mac-tahoe-theme) {
  border-radius: var(--br4) !important;
  --panel-shadow: inset 0 0 0 1px rgba(0, 0, 0, .28) !important;
}
}
}
@media (-moz-platform: windows) {
#tab-preview-panel {
  pointer-events: none;
[data-l10n-id="tab-context-add-note"] {
  display: none;
}
}
}
}
}

@media -moz-pref("gwfox.ac") {
menu,
menuitem {
&:where([_moz-menuactive]:not([disabled])) {
  background-color: var(--urlbarView-hover-background) !important;
  color: #fff !important;
}
}

toolbarbutton.subviewbutton:not(#appMenu-zoomEnlarge-button2, #appMenu-zoomReduce-button2, #appMenu-zoomReset-button2, #appMenu-fullscreen-button2) {
&:hover:not([disabled]) {
  background-color: var(--urlbarView-hover-background) !important;
  color: #fff !important;
}
}

#downloadsListBox > richlistitem, #downloadsHistory {
&:hover:not([disabled]) {
  background-color: var(--urlbarView-hover-background) !important;
  color: #fff !important;
}
}

.downloadProgress::-moz-progress-bar {
  background-color: color-mix(in srgb, var(--urlbarView-hover-background) 80%, #fff) !important;
}

#downloadsListBox:not(#downloadsListBox.allDownloadsListBox) richlistitem:hover {
.downloadProgress::-moz-progress-bar {
  background-color: color-mix(in srgb, var(--urlbarView-hover-background) 40%, #fff) !important;
}
}

.downloadProgress[paused]::-moz-progress-bar {
  background-color: var(--download-progress-paused-color) !important;
}

#downloadsListBox.allDownloadsListBox:focus > richlistitem:hover {
  background-color: transparent !important;
  color: inherit !important;
}

#downloadsListBox.allDownloadsListBox:focus > richlistitem[selected] {
  background-image: none !important;
  color: #fff !important;
  outline : none !important;
  border-radius: 0 !important;
  background-color: var(--urlbarView-hover-background) !important;
}

#downloadsListBox.allDownloadsListBox richlistitem[selected] .downloadProgress::-moz-progress-bar {
  --download-progress-flare-color: var(--toolbarbutton-icon-fill-attention) !important;
  background-color: color-mix(in srgb, var(--urlbarView-hover-background) 40%, #fff) !important;
}

#protections-popup-show-report-stack:hover:not([disabled]) {
  color: #fff !important;
> .protections-popup-footer-button {
  background-color: var(--urlbarView-hover-background) !important;
}
}

#fxa-menu-header-title {
  color: inherit !important;
}

.urlbarView-url {
.urlbarView-row & {
  color: light-dark(#3e3f40, #c4c4c5) !important;
}

.urlbarView-row:is([selected], :hover) & {
  color: light-dark(color-mix(in srgb, var(--bg0) 20%, #fff), color-mix(in srgb, var(--bg0) 40%, #fff)) !important;
}
}

.urlbarView-row:is([selected], :hover) {
  color: #fff !important;
}

.urlbarView-row:is([selected], [row-selectable]:not([selected]):hover) {
  color: light-dark(color-mix(in srgb, var(--bg0) 20%, #fff), color-mix(in srgb, var(--bg0) 40%, #fff)) !important;
  background-color: var(--urlbarView-hover-background) !important;
}

.urlbarView-row[has-action]:is([type="switchtab"], [type="remotetab"], [type="clipboard"]) {
> .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-action {
  border: none !important;
  color: light-dark(#3e3f40, #c4c4c5) !important;
  background-color: var(--button-bgcolor) !important;
&.urlbarView-tabGroup {
  color: light-dark(#3e3f40, #c4c4c5) !important;
  background-color: var(--button-bgcolor) !important;
}
}

> .urlbarView-row-inner:hover > .urlbarView-no-wrap > .urlbarView-action {
  color: light-dark(color-mix(in srgb, var(--bg0) 20%, #fff), color-mix(in srgb, var(--bg0) 40%, #fff)) !important;
}
}

.urlbarView-action-btn {
  color: light-dark(#3e3f40, #c4c4c5) !important;
  font-weight: unset !important;
&:hover {
  color: light-dark(color-mix(in srgb, var(--bg0) 20%, #fff), color-mix(in srgb, var(--bg0) 40%, #fff)) !important;
  background-color: var(--urlbarView-hover-background) !important;
}
&[data-action^="tabgroup-"] {
  color: light-dark(#3e3f40, #c4c4c5) !important;
  background-color: var(--button-bgcolor) !important;
&:hover {
  opacity: 1 !important;
  color: light-dark(color-mix(in srgb, var(--bg0) 20%, #fff), color-mix(in srgb, var(--bg0) 40%, #fff)) !important;
  background-color: var(--urlbarView-hover-background) !important;
}
}
}
}

@media -moz-pref("gwfox.icons") {
.menu-icon[srcset^="moz-extension://"] {
  filter: grayscale(100%) contrast(200%) !important;
  scale: .75;
}

#appMenu-zoom-controls::before,
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
:where(#appMenu-mainView) > .panel-subview-body > .subviewbutton > .toolbarbutton-icon {
  fill: currentColor;
  -moz-context-properties: fill;
  margin-inline: 0 8px !important;
  scale: .75;
}

#appMenu-zoom-controls {
  border-top: 1px solid var(--bg3) !important;
  margin-inline: 16px !important;
&::before {
  content: "";
  width: 16px;
  height: 16px;
}
& > .toolbarbutton-text {
  margin-inline-start: -8px !important;
}
& > #appMenu-fullscreen-button2 {
  margin-inline-end: -8px !important;
}
}

#appMenu-fxa-status2[fxastatus] > toolbarbutton::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: var(--avatar-image-url);
}

#appMenu-fxa-status2:not([fxastatus="signedin"], [fxastatus="unverified"], [fxastatus="login-failed"])::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("chrome://browser/skin/fxa/avatar-empty.svg");
  margin-inline-start: -2px;
  margin-inline-end: 9px;
  -moz-context-properties: fill;
  fill: currentColor;
  scale: .75;
}

#appMenu-downloads-button {list-style-image: url("chrome://browser/skin/downloads/downloads.svg")}
#appMenu-passwords-button {list-style-image: url("chrome://browser/skin/login.svg")}
#appMenu-unified-extensions-button {list-style-image: url("chrome://mozapps/skin/extensions/extension.svg")}
#appMenu-extensions-themes-button {list-style-image: url("chrome://mozapps/skin/extensions/extension.svg")}
#appMenu-empty-profiles-button {list-style-image: url("chrome://global/skin/icons/edit-outline.svg")}
#appMenu-bookmarks-button {list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg")}
#appMenu-history-button {list-style-image: url("chrome://browser/skin/history.svg")}
#appMenu-more-button2 {list-style-image: url("chrome://global/skin/icons/developer.svg")}
#appMenu-report-broken-site-button {list-style-image: url("chrome://global/skin/icons/warning.svg")}
#appMenu-help-button2 {list-style-image: url("chrome://global/skin/icons/info.svg")}
#appMenu-translate-button {list-style-image: url("chrome://browser/skin/translations.svg")}
#appMenu-print-button2 {list-style-image: url("chrome://global/skin/icons/print.svg")}
#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-settings-button {list-style-image: url("chrome://global/skin/icons/settings.svg")}
#appMenu-new-tab-button2 {list-style-image: url("chrome://browser/skin/new-tab.svg")}
#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-fullscreen-button2 {list-style-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 7.5,9 H 4 A 1,1 0 0 1 3,8 V 4.5 M 4.5,3 H 8 a 1,1 0 0 1 1,1 v 3.5 z'/%3E%3C/svg%3E") !important}
#appMenu-fullscreen-button2[checked] {list-style-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='context-fill' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 6,10.5 V 7 A 1,1 0 0 0 5,6 H 1.5 m 9,0 H 7 A 1,1 0 0 1 6,5 V 1.5 Z'/%3E%3C/svg%3E") !important}

:where(#placesContext > menu:not(.menu-iconic))::before,
:where(#placesContext > menuitem:not(.menuitem-iconic))::before,
:where(#tabContextMenu > menu:not(.menu-iconic))::before,
:where(#tabContextMenu > menuitem:not(.menuitem-iconic))::before,
:where(#sidebar-context-menu > menu:not(.menu-iconic))::before,
:where(#sidebar-context-menu > menuitem:not(.menuitem-iconic))::before,
:where(#toolbar-context-menu > menu:not(.menu-iconic))::before,
:where(#toolbar-context-menu > menuitem:not(.menuitem-iconic))::before,
:where(#contentAreaContextMenu > menu:not(.menu-iconic))::before,
:where(#contentAreaContextMenu > menuitem:not(.menuitem-iconic))::before {
  width: 16px;
  height: 16px;
  padding-inline-end: 8px !important;
  content: "" !important;
  visibility: visible !important;
  -moz-context-properties: fill;
  fill: currentColor;
  scale: .75;
}

#placesContext > menuitem[type="checkbox"][checked]::before,
#toolbar-context-menu > menuitem[type="checkbox"][checked]::before,
#contentAreaContextMenu > menuitem[type="checkbox"][checked]::before {
  width: unset;
  height: unset;
  content: url("chrome://devtools/skin/images/check.svg") !important;
  scale: .85;
}

@media not (-moz-platform: macos) {
menupopup[needsgutter] {
> :is(menu, menuitem) > .menu-icon:not([srcset^="moz-extension://"]) {
  display: none !important;
.bookmark-item & {
  display: block !important;
}
}
> menu,
> menuitem,
> menucaption {
  padding-inline: 5px !important;
&::before {
  content: url("chrome://devtools/skin/images/check.svg");
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  visibility: hidden;
  padding-inline: 4px;
  -moz-context-properties: fill, fill-opacity;
  fill: currentColor;
  fill-opacity: var(--menu-arrow-opacity);
  scale: .75;
}
}
> menuitem:is([checked], [selected])::before {
  visibility: inherit;
}
}
}

@media (-moz-platform: macos) {
#context-back::before {
  content: url("chrome://browser/skin/back.svg") !important;
}

#context-forward::before {
  content: url("chrome://browser/skin/forward.svg") !important;
}

#context-reload::before {
  content: url("chrome://global/skin/icons/reload.svg") !important;
}

#context-stop::before {
  content: url("chrome://global/skin/icons/close.svg") !important;
}

#context-bookmarkpage::before {
  content: url("chrome://browser/skin/bookmark.svg") !important;
  scale: .7;
}
}

#context_addNote::before,
#context_editNote::before,
#context_updateNote::before {
  content: url("chrome://global/skin/icons/tab-notes.svg") !important;
  scale: .68;
}

#toolbar-context-reloadSelectedTab::before,
#toolbar-context-reloadSelectedTabs::before,
#context-reloadimage::before,
#context_reloadTab::before,
#context_reloadSelectedTabs::before {
  content: url("chrome://global/skin/icons/reload.svg") !important;
}

#toolbar-context-autohide-downloads-button::before {
  content: url("chrome://browser/skin/forget.svg") !important;
  scale: .65;
}

#toolbar-context-always-open-downloads-panel::before {
  content: url("chrome://global/content/aboutconfig/toggle.svg") !important;
  scale: .58;
}

#context-previewlink::before,
#context-openlinkincurrent::before,
#placesContext_open::before {
  content: url("chrome://global/skin/icons/defaultFavicon.svg") !important;
}

#context-setDesktopBackground::before {
  content: url("chrome://browser/skin/canvas.svg") !important;
}

#context-openlink::before,
#placesContext_open\:newwindow::before {
  content: url("chrome://browser/skin/window.svg") !important;
}

#context-openlinkprivate::before,
#placesContext_open\:newprivatewindow::before {
  content: url("chrome://browser/skin/privateBrowsing.svg") !important;
}

#context-savelinktopocket::before {
  content: url("chrome://global/skin/icons/pocket-outline.svg") !important;
}

#context_reopenInContainer::before,
#context-openlinkinusercontext-menu::before,
#placesContext_open\:newcontainertab::before {
  content: url("chrome://browser/skin/fingerprint.svg") !important;
}

#context-searchselect::before {
  content: url("chrome://global/skin/icons/search-glass.svg") !important;
}

#toolbar-context-bookmarkSelectedTab::before,
#toolbar-context-bookmarkSelectedTabs::before,
#context_bookmarkTab::before,
#context_bookmarkSelectedTabs::before,
#context-bookmarklink::before,
#placesContext_new\:bookmark::before,
#placesContext_createBookmark::before {
  content: url("chrome://browser/skin/bookmark.svg") !important;
  scale: .7;
}

#toggle_PersonalToolbar::before {
  content: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important;
}

#toggle_toolbar-menubar::before {
  content: url("chrome://browser/skin/menu.svg") !important;
  scale: .9;
}

#toolbar-context-selectAllTabs::before {
  content: url("chrome://browser/skin/tabs.svg") !important;
}

#context-inspect-a11y::before {
  content: url("chrome://devtools/skin/images/tool-accessibility.svg") !important;
}

#context-inspect::before {
  content: url("chrome://devtools/skin/images/tool-inspector.svg") !important;
}

#contentAreaContextMenu > #fill-login::before {
  content: url("chrome://browser/skin/login.svg") !important;
}

#use-relay-mask::before {
  content: url("chrome://browser/skin/preferences/relay-logo.svg") !important;
}

#context-imagetext::before,
#spell-check-enabled::before {
  content: url("chrome://devtools/skin/images/case-match.svg") !important;
  scale: .9;
}

#context-selectall::before,
#context-pdfjs-selectall::before,
#context-pdfjs-highlight-selection::before {
  content: url("chrome://devtools/skin/images/highlight-selector.svg") !important;
  scale: 1;
}

#context-copy::before,
#context-copyimage-contents::before,
#context-pdfjs-copy::before,
#placesContext_copy::before {
  content: url("chrome://global/skin/icons/edit-copy.svg") !important;
}

#context-cut::before,
#context-pdfjs-cut::before,
#placesContext_cut::before {
  content: url("chrome://browser/skin/edit-cut.svg") !important;
}

#context-paste-no-formatting::before,
#context-paste::before,
#context-pdfjs-paste::before,
#placesContext_paste_group::before,
#placesContext_paste::before {
  content: url("chrome://browser/skin/edit-paste.svg") !important;
}

#context-delete::before,
#context-pdfjs-delete::before,
#placesContext_deleteFolder::before,
#placesContext_deleteBookmark::before,
#placesContext_delete::before,
#placesContext_delete_history::before,
#sidebar-context-menu-unpin-extension::before,
#toolbar-context-remove-from-toolbar::before {
  content: url("chrome://global/skin/icons/delete.svg") !important;
}

#context-video-saveimage::before,
#context-take-screenshot::before {
  content: url("chrome://devtools/skin/images/command-screenshot.svg") !important;
}

#context_sendTabToDevice::before,
#context-sendpagetodevice::before,
#context-sendlinktodevice::before {
  content: url("chrome://browser/skin/synced-tabs.svg") !important;
}

#context-copylink::before,
#context-stripOnShareLink::before,
#context-copy-link-to-highlight::before,
#context-copy-clean-link-to-highlight::before,
#context-copyaudiourl::before,
#context-copyimage::before,
#context-copyvideourl::before {
  content: url("chrome://global/skin/icons/link.svg") !important;
  scale: .7;
}

#context-saveaudio::before,
#context-saveimage::before,
#context-savelink::before,
#context-savevideo::before,
#context-savepage::before {
  content: url("chrome://browser/skin/save.svg") !important;
  scale: .68;
}

#context-sendimage::before,
#context-sendvideo::before,
#context-sendaudio::before {
  content: url("chrome://browser/skin/mail.svg") !important;
}

#context_ungroupSplitView::before,
#context_ungroupTab::before,
#context_unloadTab::before,
#context-undo::before,
#context-pdfjs-undo::before,
#context-redo::before,
#context-pdfjs-redo::before,
#toolbar-context-undoCloseTab::before {
  content: url("chrome://global/skin/icons/undo.svg") !important;
}

#context-redo::before,
#context-pdfjs-redo::before,
#toolbar-context-undoCloseTab::before,
#sidebar-context-menu-hide-sidebar::before,
[data-l10n-id="toolbar-context-turn-off-vertical-tabs"]::before {
  transform-box: content-box;
  transform: scaleX(-1);
}

#context-media-play::before {
  content: url("chrome://devtools/skin/images/play.svg") !important;
}

#context-media-pause::before {
  content: url("chrome://devtools/skin/images/pause.svg") !important;
}

#context-media-mute::before {
  content: url("chrome://global/skin/media/audio-muted.svg") !important;
}

#context-media-unmute::before {
  content: url("chrome://global/skin/media/audio.svg") !important;
}

#context-media-hidecontrols::before,
#context-media-showcontrols::before {
  content: url("chrome://devtools/skin/images/dock-bottom.svg") !important;
}

#context-media-loop::before {
  content: url("chrome://browser/skin/notification-icons/autoplay-media.svg") !important;
}

#context-leave-dom-fullscreen::before {
  content: url("chrome://browser/skin/fullscreen-exit.svg") !important;
}

#context-video-fullscreen::before {
  content: url("chrome://browser/skin/fullscreen.svg") !important;
}

#context-video-pictureinpicture::before {
  content: url("chrome://global/skin/media/picture-in-picture-open.svg") !important;
}

#context-media-playbackrate::before {
  content: url("chrome://global/skin/icons/performance.svg") !important;
}

#context-reveal-password::before {
  -moz-context-properties: fill,stroke;
  stroke: currentColor;
  content: url("chrome://devtools/skin/images/eye-opened.svg") !important;
}

#context-print-selection::before {
  content: url("chrome://global/skin/icons/print.svg") !important;
}

#context-translate-selection::before,
#spell-add-dictionaries-main::before,
#spell-dictionaries::before {
  content: url("chrome://browser/skin/translations.svg") !important;
}

#context_askChat::before,
#context-ask-chat::before {
  content: url("chrome://global/skin/icons/highlights.svg") !important;
}

#context-bidi-text-direction-toggle::before,
#context-bidi-page-direction-toggle::before {
  content: url("chrome://devtools/skin/images/command-bidi.svg") !important;
}

#context-viewpartialsource-selection::before,
#context-viewsource::before {
  content: url("chrome://devtools/skin/images/tool-styleeditor.svg") !important;
  scale: .68;
}

#context-viewimage::before,
#context-viewvideo::before,
#context-openlinkintab::before,
#toolbar-context-openANewTab::before,
#context_openANewTab::before,
#placesContext_open\:newtab::before {
  content: url("chrome://browser/skin/new-tab.svg") !important;
}

#context_playTab::before,
#context_playSelectedTabs::before {
  content: url("chrome://devtools/skin/images/play.svg") !important;
}

#context_toggleMuteTab::before,
#context_toggleMuteSelectedTabs::before {
  content: url("chrome://global/skin/media/audio-muted.svg") !important;
}

#context_toggleMuteTab[muted]::before,
#context_toggleMuteSelectedTabs[muted]::before {
  content: url("chrome://global/skin/media/audio.svg") !important;
}

#context_pinTab::before,
#context_pinSelectedTabs::before {
  content: url("chrome://newtab/content/data/content/assets/glyph-pin-16.svg") !important;
  scale: .8;
}

#context_unpinTab::before,
#context_unpinSelectedTabs::before {
  content: url("chrome://newtab/content/data/content/assets/glyph-unpin-16.svg") !important;
  scale: .8;
}

#context-openlinkinsplitview::before,
#context_moveTabToSplitView::before,
#context_moveSplitViewToNewGroup::before {
  content: url("chrome://global/skin/reader/content-width-20.svg") !important;
  scale: .6;
}

#context_separateSplitView::before {
  content: url("chrome://browser/skin/tab.svg") !important;
}

#splitViewCmd_reverseTabs::before,
#context_reverseSplitView::before {
  content: url("chrome://global/skin/icons/arrows-updown.svg") !important;
  transform: rotate(90deg);
  translate: -3px 4px;
  scale: .95;
}

#context_fullscreenAutohide,
#toolbar-context-full-screen-autohide {
  display: none !important;
}

#context_fullscreenExit::before,
#toolbar-context-full-screen-exit::before {
  content: url("chrome://browser/skin/fullscreen-exit.svg") !important;
}

#context_duplicateTab::before,
#context_duplicateTabs::before {
  content: url("chrome://devtools/skin/images/command-always-on-top-window.svg") !important;
}

#context_selectAllTabs::before {
  content: url("chrome://devtools/skin/images/tool-application.svg") !important;
}

#context_closeTab::before,
#context_closeDuplicateTabs::before,
#context_closeTabOptions::before {
  content: url("chrome://global/skin/icons/close.svg") !important;
}

#context_undoCloseTab::before {
  content: url("chrome://browser/skin/forget.svg") !important;
}

#tabContextMenu > .share-tab-url-item::before {
  content: url("chrome://devtools/skin/images/diff.svg") !important;
  scale: 1;
}

#context_moveTabToGroup::before,
#context_moveTabToSavedGroup::before,
#context_moveTabToNewGroup::before {
  content: url("chrome://browser/skin/tabbrowser/tab-groups.svg") !important;
}

#context_moveTabOptions::before {
  content: url("chrome://devtools/skin/images/dock-undock.svg") !important;
  scale: .65;
}

#toolbar-context-customize::before,
#toolbar-context-customize-sidebar::before,
#sidebar-context-menu-customize-sidebar::before {
  content: url("chrome://devtools/skin/images/settings.svg") !important;
}

[data-l10n-id="toolbar-context-turn-on-vertical-tabs"]::before,
[data-l10n-id="toolbar-context-turn-off-vertical-tabs"]::before,
#sidebar-context-menu-enable-vertical-tabs::before,
#sidebar-context-menu-hide-sidebar::before {
  content: url("chrome://devtools/skin/images/close-3-pane.svg") !important;
}

#toolbar-context-move-to-panel::before {
  content: url("chrome://global/skin/icons/chevron.svg") !important;
  scale: .7;
}

#placesContext_show_bookmark\:info::before,
#placesContext_show\:info::before,
#placesContext_show_folder\:info::before {
  content: url("chrome://global/skin/icons/edit.svg") !important;
}

#placesContext_showInFolder::before,
#placesContext_new\:folder::before {
  content: url("chrome://global/skin/icons/folder.svg") !important;
}

#placesContext_new\:separator::before {
  content: url("chrome://global/skin/reader/line-spacing-20.svg") !important;
  scale: .55;
}

#placesContext_sortBy\:name::before {
  content: url("chrome://browser/skin/sort.svg") !important;
}

#placesContext_showAllBookmarks::before {
  content: url("chrome://browser/skin/library.svg") !important;
}

#placesContext > menuitem[type="checkbox"]::before {
  content: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
}

#placesContext_openContainer\:tabs::before,
#placesContext_openLinks\:tabs::before,
#placesContext_openBookmarkContainer\:tabs::before,
#placesContext_openBookmarkLinks\:tabs::before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='context-fill' stroke='context-fill' stroke-width='0.264' fill-opacity='context-fill-opacity' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 4.06,12.01 v -0.91 H 3.08 c -0.54,0 -0.98,-0.4 -0.98,-0.91 V 2.94 c 0,-0.5 0.44,-0.91 0.98,-0.91 h 6.86 c 0.54,0 0.98,0.4 0.98,0.91 v 0.91 h 0.98 V 2.94 c 0,-1 -0.87,-1.81 -1.96,-1.81 H 3.08 c -1.09,0 -1.96,0.81 -1.96,1.81 v 7.26 c 0,1 0.87,1.81 1.96,1.81 z M 6.06,3.99 c -1.09,0 -1.96,0.81 -1.96,1.81 v 7.26 c 0,1 0.87,1.81 1.96,1.81 h 6.86 c 1.09,0 1.96,-0.81 1.96,-1.81 V 5.81 c 0,-1 -0.87,-1.81 -1.96,-1.81 z m 0,0.91 h 6.86 c 0.54,0 0.98,0.4 0.98,0.91 v 7.26 c 0,0.5 -0.44,0.91 -0.98,0.91 H 6.06 c -0.54,0 -0.98,-0.4 -0.98,-0.91 V 5.81 c 0,-0.5 0.44,-0.91 0.98,-0.91 z'/%3E%3C/svg%3E") !important;
}
}