Template:Tree/style.css

.hierarchy-tree {
	display: flex;
	flex-flow: column nowrap;
	height: max-content;
}
.hierarchy-tree .__item {
	position: relative; /* absolute positioning target */
}
.hierarchy-tree .hierarchy-tree .__item::after {
	position: absolute;
	top: 50%;
	left: -8px;
	width: 6px;
	height: 2px;
	display: block;
	content: "";
	background-color: var(--color-base);
}
.hierarchy-tree .__item > .emoji {
	margin-right: 6px;
}
.hierarchy-tree > .-tree-indent {
	padding-left: 16px;
	position: relative;
}
.hierarchy-tree > .-tree-indent::after {
	left: 6px;
	width: 2px;
	top: 2px;
	bottom: 2px;
	display: block;
	position: absolute;
	content: "";
	background-color: var(--color-base);
}