/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/overlay_fullscreen_toolbars.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Makes toolbars appear as overlay instead of pushing down the website in fullscreen mode */

@media (-moz-bool-pref: "browser.fullscreen.autohide"){
  :root[sizemode="fullscreen"] #navigator-toolbox{
    position: fixed !important;
    width: 100vw;
    z-index: 1;
    transition: margin-top 100ms ease-in-out 600ms;
  }
  :root[sizemode="fullscreen"] #navigator-toolbox[style=""],
  :root[sizemode="fullscreen"] #navigator-toolbox:hover,
  :root[sizemode="fullscreen"] #navigator-toolbox:focus-within,
  #mainPopupSet:has(> #appMenu-popup[panelopen="true"]) ~ #navigator-toolbox{
    transition-delay: 0ms;
    margin-top: 0 !important;
  }
}