.block-container[data-role="cmp"] {
	height: 18em;

	overflow-y: hidden !important;
}

.block-container[data-role="cmp"] .compendium-block-main {
	height: calc(100% - 16px - 1em);
	overflow-y: auto;
}

.block-container[data-role="cmp"] .compendium-block-nav {
	display: flex;

	background-color: rgba(0, 0, 0, 0.2);
	padding: 0.5em;
}

.block-container[data-role="cmp"] .compendium-nav {
	cursor: pointer;
}

.block-container[data-role="cmp"] .compendium-nav-back {
	width: 100%;
}

.block-container[data-role="cmp"] .compendium-nav-forwards {
	width: 100%;
	text-align: right;
}

.block-container[data-role="cmp"] .compendium-block-nav img {
	display: inline-block;

	opacity: 0.6;

	transition: 0.3s opacity;
}

.block-container[data-role="cmp"] .compendium-block-nav p {
	display: inline-block;
	vertical-align: 20%;

	font-size: 1em;
	color: rgba(164, 180, 227, 0.6);

	transition: 0.3s color;
}

.block-container[data-role="cmp"] .compendium-nav:hover img {
	opacity: 1;
}

.block-container[data-role="cmp"] .compendium-nav:hover p {
	color: rgba(164, 180, 227, 1);
}

.block-container[data-role="cmp"] .compendium-nav-back-desc {
	padding-left: 0.25em;
}

.block-container[data-role="cmp"] .compendium-nav-forwards-desc {
	padding-right: 0.25em;
}

.block-container[data-role="cmp"] h4 {
	display: inline-block;

	font-family: "Bold";
	font-weight: normal;
	font-size: 2em;
	padding: 0.375em 0 0.375em 0.25em;
	text-align: left;
}

.block-container[data-role="cmp"] .q {
	margin: 0 0.5em 0 0.5em;
}

.block-container[data-role="cmp"] .a {
	margin: 0 1em 1em 1.5em;
}

.block-container[data-role="cmp"] .desc {
	margin: 0 0.5em 1em 0.5em;
}

.block-container[data-role="cmp"] .ar {
	color: var(--error-color);

	margin: 0 0.5em 0 0.5em;
}

.block-container[data-role="cmp"] .compendium-sect.hidden {
	display: none;
}

[data-color="blue"] .block-container[data-role="cmp"] h4 {
	color: var(--blue-text-dark);
	text-shadow: 0px 0px 6px var(--blue-text-dark);
}

[data-color="blue"] .block-container[data-role="cmp"] .a {
	color: var(--blue-text-dark);
}
