.inspector {
	margin-top: var(--spacing-l);
}

body {
	color: green;
}

.PageLayout {
	display: flex;
	height: 100%;
}

.ItemBar {
	flex: 0 0 200px;
	margin: 0;
	display: flex;
	flex-direction: column;
	max-height: 100%;
	overflow: auto;
	padding: 1ex 0;
	border-right: 1px solid #eee;

	li {
		list-style: none;
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #eee;
	}

	button {
		cursor: pointer;
		font: inherit;
		text-align: left;
		border: 0;
		background-color: transparent;
		padding: 1ex 1em;
		width: 100%;

		&:hover {
			background-color: #f5f5f5;
		}

		&[aria-selected='true'] {
			background-color: #000;
			color: white;
		}
	}
}

.Main {
	padding: 20px;
	min-width: 0;
}

pre {
	background-color: #f6f6f6;
	padding: 1em;
	border-radius: 6px;
	border: 1px solid #ddd;
	overflow: auto;
	max-width: 100%;
}