/* = SIDEBAR STUFF ========================================================== */

/* sidebar that collapses when not hovered */
:root {
	--thin-tab-width: 31px;
	--wide-tab-width: 280px;
}

@media (-moz-bool-pref: "sidebar.revamp") {
	#sidebar-box {
		padding: 0 !important;
	}

	#sidebar {
		border-radius: 0 !important;
	}
}

#sidebar-box {
	width: unset !important;
	z-index: 1;
	opacity: 1.0 !important;
	border-right: 1px solid var(--chrome-content-separator-color);
	background-color: var(--toolbar-bgcolor) !important;
}

#sidebar-box:not([hidden]) {
	min-width: var(--thin-tab-width) !important;
	max-width: var(--thin-tab-width) !important;
	overflow-x: hidden !important;
	/*animate transition*/
	/*transition: all 40ms !important;*/
}

#sidebar-box:not([hidden]):hover,
#sidebar-box:not([hidden]):active,
#sidebar-box:not([hidden]):focus-within,
#sidebar-box:not([hidden]):-moz-drag-over {
	min-width: var(--wide-tab-width) !important;
	max-width: var(--wide-tab-width) !important;
}

/* make sure the contents of the sidebar are not squished */
#sidebar {
	min-width: var(--wide-tab-width) !important;
	max-width: var(--wide-tab-width) !important;
	margin-left: 0 !important;
}

/* hide sidebar header */
#sidebar-header {
	visibility: collapse;
}

/* hide sidebar shadow */
#sidebar-splitter {
	display: none !important;
}