.caroles .scrolling {
	border: 1px solid rgb(238,238,238);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
	height: 15em;
	overflow: auto;
	padding: 0.5em 1em;
	width: 90%;
}

.caroles .scrolling *[data-depth] {
	font-weight: 100;
	padding-left: 12em;
}

.caroles .scrolling *[data-depth='0'] {
	font-weight: 900;
	padding-left: 0;
}

.caroles .scrolling *[data-depth='1'] {
	font-weight: 700;
	padding-left: 2em;
}

.caroles .scrolling *[data-depth='2'] {
	font-weight: 500;
	padding-left: 4em;
}

.caroles .scrolling *[data-depth='3'] {
	font-weight: 300;
	padding-left: 6em;
}

.caroles .scrolling *[data-depth='4'] {
	padding-left: 8em;
}

.caroles .scrolling *[data-depth='5'] {
	padding-left: 10em;
}