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

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

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

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

/* [sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] */
#sidebar-box {
	&:not([hidden]) {
		width: var(--thin-tab-width) !important;
		min-width: unset !important;
		z-index: 9999 !important;
		border-right: 1px solid var(--chrome-content-separator-color);
		background-color: var(--toolbar-bgcolor) !important;
		opacity: 1 !important;
		/* animate transition */
		transition: all .2s ease-in-out !important;
	}

	&#sidebar {
	}

	&:hover #sidebar {
		width: var(--wide-tab-width) !important;
		border-right: 1px solid var(--chrome-content-separator-color);
	}
}

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

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