.a-folder-view { flex: 1; max-height: 100%; padding: 3px; overflow: auto; }

.a-folder-view-nodes { list-style-type: none; padding-left: 20px; margin: 0px; }
.a-folder-view > .a-folder-view-nodes { padding-left: 0px; }
.a-folder-view-node.collapsed > .a-folder-view-nodes { display: none; }

.a-folder-view-node {  }

.a-folder-view-node-display { min-width: max-content; }

.a-folder-view button { border: none; background-color: transparent; }
.a-folder-view button:focus { outline: 2px solid black; border-radius: 4px; z-index: 1; }

.a-folder-view-node-arrow {
    width: 20px;
    height: 20px;
    
    display: inline-flex;
    justify-content: center;
    align-items: center;
    
    padding: 1px 0px 0px 1px;
    
    transition: transform 0.2s;
}
.a-folder-view-node.no-children > .a-folder-view-node-display > .a-folder-view-node-arrow { visibility: hidden; }
.a-folder-view-node.collapsed > .a-folder-view-node-display > .a-folder-view-node-arrow { transform: rotate(0deg); }
.a-folder-view-node.expanded > .a-folder-view-node-display > .a-folder-view-node-arrow { transform: rotate(90deg); }

.a-folder-view-node-icon { display: inline-block; width: 20px; text-align: center; padding-top: 2px; }

.a-folder-view-node-label { padding-top: 2px; }
.a-folder-view-node.has-items > .a-folder-view-node-display > .a-folder-view-node-label { font-weight: bold; }