Firefox CSS (Box size 0)

/* HIDE TABS TOOLBAR */

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

/* This requires Firefox 133+ to work */

@media (-moz-bool-pref: "sidebar.verticalTabs"){
  #sidebar-main{
	visibility: collapse;
  }
}
@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){
  #nav-bar > .titlebar-buttonbox-container{
	order: -1 !important;
	> .titlebar-buttonbox{
  	flex-direction: row-reverse;
	}
  }
}
@media not (-moz-bool-pref: "sidebar.verticalTabs"){
  #TabsToolbar{
	visibility: collapse;
  }
  :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
	display: flex !important;
  }
  :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
	> .titlebar-buttonbox-container{
  	display: flex !important;
	}
	:root[sizemode="normal"] & {
  	> .titlebar-spacer{
    	display: flex !important;
  	}
	}
	:root[sizemode="maximized"] & {
  	> .titlebar-spacer[type="post-tabs"]{
    	display: flex !important;
  	}
  	@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
    	(-moz-gtk-csd-reversed-placement),
    	(-moz-platform: macos){
    	> .titlebar-spacer[type="post-tabs"]{
      	display: none !important;
    	}
    	> .titlebar-spacer[type="pre-tabs"]{
      	display: flex !important;
    	}
  	}
	}
  }
}

/* SIDEBERY */


#sidebar-box {
  --bar-width: 1px;
  position: relative !important;
  overflow-x: hidden !important;
  /* margin-right: calc(10px * -1) !important; */
  /* left: var(--bar-width) !important; */
  min-width: var(--bar-width) !important;
  max-width: var(--bar-width) !important;
  z-index: 1;
  transition: all 0.1s;
}


	#sidebar-box:hover {
  	--expanded-width: 400px;
  	position: relative !important;
  	margin-right: calc(
    	calc(var(--expanded-width) - var(--bar-width)) * -1
  	) !important;
 	/*left: var(--expanded-width) !important; */
 	z-index: 3;
  	min-width: var(--expanded-width) !important;
  	max-width: var(--expanded-width) !important;
	}



/* #sidebar-header is hidden by default, change "none" to "inherit" to restore it. */
#sidebar-header {
  display: none !important;
}

/* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */
#sidebar-splitter {
  display: none;
}