.block-container[data-role="unassigned"] {
	display: flex;

	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;

	text-align: center;
	padding: 6px;
}

.block-container[data-role="unassigned"]::before {
	display: block;

	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;

	background: url("../res/img/bg/error.jpg") no-repeat;
	background-size: cover;
	background-position: bottom;

	filter: saturate(60%) brightness(30%) opacity(0.3);
}

.menu-block-item {
	font-family: "Header";
	margin: 0.25em;

	cursor: pointer;
	z-index: 1;
	opacity: 0.8;

	transition: 0.3s opacity;
}

.menu-block-item:hover {
	opacity: 1;
}