.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: -16px;
width: 12px;
height: 2px;
display: block;
content: "";
background-color: var(--color-subtle, #909090);
}
.hierarchy-tree .__item > .emoji {
margin-right: 6px;
}
.hierarchy-tree > .-tree-indent {
padding-left: 24px;
position: relative;
}
.hierarchy-tree > .-tree-indent::after {
left: 6px;
width: 2px;
top: 2px;
bottom: calc(0.5em + 3px);
display: block;
position: absolute;
content: "";
background-color: var(--color-subtle, #909090);
}