/* 

The outer DIV for the entire IndiLayout, it contains the sidebar on the left & .indi-layout-main on the right.

This layout doesn't isn't flex because the sidebar can expand out on-top of the main content.
This expansion shouldn't cause the main area to shrink to fit.

The .indi-layout-main child is specified first, followed by the sidebar so that the sidebar
renders on top of the main content without any special z-index tricks required.

*/
.indi-layout-container {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: none;
}

/* 

The DIV containing everything to the right of the sidebar (Header + Body) 

*/
.indi-layout-main {
	position: absolute;
	left: var(--collapsed-sidebar-width);
	top: 0;
	right: 0;
	height: 100%;

	display: flex;
	flex-flow: column nowrap;
}