@import "/UI/Theme.scss";

SpawnMenuPage
{
	width: 100%;
	height: 100%;
}

SpawnMenuPage > .left
{
	height: 100%;
	min-height: 0;
	width: 300px;
	flex-direction: column;
	padding: 8px;
	white-space: nowrap;
	overflow: hidden;
	border-right: 1px solid rgba( white, 0.06 );

	> div
	{
		min-height: 0;
		flex-grow: 1;
		flex-direction: column;

		h1
		{
			font-family: $subtitle-font;
			padding: 0.5rem;
			color: $menu-accent;
			flex-shrink: 0;
		}

		.grow
		{
			flex-grow: 1;
		}
	}
}

SpawnMenuPage > .body
{
	position: relative;
	flex-grow: 1;
	margin: 8px;
	margin-left: 0px;
}