&TreeView{
    @apply p-2;
}
.tree-node{
    @apply py-1;
}
.tree-node > div{
    @apply ml-[calc(14px+0.25rem)];
}
.tree-node .expander{
    @apply ml-0;
}

.nested{
    @apply pl-4;
}
.expandable.nested{
    @apply hidden;
}
.expandable.nested.expand{
    @apply block;
}
.expander{
    cursor: pointer;
}
.expander .expand-icon{
    @apply h-full mr-1;
    display: inline-flex;
    transition: transform 0.35s ease;
    transform-origin: .2em 50%;
}
.expander.expand .expand-icon{
    transform: rotate(90deg);
}