:host {
    --indent-spacing: 18px;
}
.indent-1 {
    padding-inline-start: var(--indent-spacing);
}
.indent-2 {
    padding-inline-start: calc(var(--indent-spacing) * 2);
}
.indent-3 {
    padding-inline-start: calc(var(--indent-spacing) * 3);
}
.indent-4, .indent-5, .indent-6, .indent-7, .indent-8, .indent-9 {
    padding-inline-start: calc(var(--indent-spacing) * 4);
}
.child-arrow {
    margin: 1px 6px;
    &.transparent {
        opacity: 0;
    }
}
.breadcrumb {
    display: flex;
}
.separator {
    color: var(--color-weight-500);
    margin: 0 3px;
}
