#optional-rules {
	.scroll-inner > div {
		margin-top: 10px;

		&.rule-books {
			margin-top: 16px;
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
			grid-gap: 8px;
		}
	}

	.extended {
		display: flex;

		.dropdown {
			margin: 0 0 0 10px;
			width: 60px;
		}
	}

	.temporary-fixes {
		.dropdown {
			margin-top: 16px;
		}
	}
}

.rule-books .checkbox.adult-content .text::after  {
	content: "18";
	display: inline-block;
	background: var(--adult-badge);
	color: var(--headings-color);
	border-radius: 3px;
	margin-left: 10px;
	width: 20px;
	height: 20px;
	text-align: center;
	font-variant-numeric: lining-nums;
}
