.arrow {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    font-weight: bold;
    user-select: none;
}

.arrow.collapsed::before {
    content: '▶';
}

.arrow.expanded::before {
    content: '▼';
}

.level-1 {
    padding-left: 0px;
}

.level-1-gap {
    padding-left: 0px;
}

.level-2 {
    padding-left: 30px;
}

.level-2-gap {
    padding-left: 10px;
}

.level-3 {
    padding-left: 50px;
}

.level-3-gap {
    padding-left: 30px;
}

.level-4 {
    padding-left: 70px;
}

.level-4-gap {
    padding-left: 50px;
}

.level-5 {
    padding-left: 90px;
}

.level-5-gap {
    padding-left: 70px;
}