/* file tree page template start */
.ms-file-tree {
    --tree-indent: 20px;
    --tree-line-offset: 14px;
    --tree-line-width: 10px;
    --tree-node-center: 15px;
    --tree-line-color: #d0d0d0;
}
.ms-file-tree ul {
    list-style: none;
    padding: 0;
}
.ms-file-tree ul.ms-file-tree__list--nested {
    padding: 0 20px;
}
.ms-file-tree ul li summary::marker {
    display: none;
    content: '';
}
.ms-file-tree ul li a {
    text-decoration: none;
}
.ms-file-tree ul li svg,
.ms-file-tree ul li svg path {
    fill: #ca4d37;
}
.ms-file-tree__folder-icon--open {
    display: none;
}

.ms-file-tree__details[open]
> .ms-file-tree__folder-toggle
.ms-file-tree__folder-icon--closed {
    display: none;
}

.ms-file-tree__details[open]
> .ms-file-tree__folder-toggle
.ms-file-tree__folder-icon--open {
    display: inline-block;
}
.ms-file-tree__details[open] > summary svg,
.ms-file-tree__details[open] > summary  svg path {
    fill: #444e36;
}
.ms-file-tree {
    --tree-indent: 20px;
    --tree-line-color: #d0d0d0;
    --tree-node-center: 15px;
}


/* Nested level */
.ms-file-tree .ms-file-tree__list--nested {
    position: relative;

    margin: 0;
    padding: 0 0 0 var(--tree-indent);
}


/* Every direct child */
.ms-file-tree__details[open]
> .ms-file-tree__list--nested
> li {
    position: relative;
    margin: 0;
}


/* Tree connectors
-------------------------------------------------- */
.ms-file-tree__details {
    word-wrap: break-word;
}
/**
 * Direct children of:
 *
 * 1. an opened collapsible folder
 * 2. the permanently opened/static shortcode root
 */
.ms-file-tree__details[open]
> .ms-file-tree__list--nested
> li,

.ms-file-tree__folder--static-root
> .ms-file-tree__list--nested
> li {
    position: relative;
}


/**
 * Connector from parent line to current item.
 *
 * │
 * └── item
 */
.ms-file-tree__details[open]
> .ms-file-tree__list--nested
> li::before,

.ms-file-tree__folder--static-root
> .ms-file-tree__list--nested
> li::before {
    content: "";

    position: absolute;

    top: 0;
    left: calc(0px - var(--tree-line-offset));

    width: var(--tree-line-width);
    height: var(--tree-node-center);

    border-left:
            1px
            solid
            var(--tree-line-color);

    border-bottom:
            1px
            solid
            var(--tree-line-color);

    pointer-events: none;
}


/**
 * Continue vertical line only when another
 * sibling exists on the same level.
 */
.ms-file-tree__details[open]
> .ms-file-tree__list--nested
> li:not(:last-child)::after,

.ms-file-tree__folder--static-root
> .ms-file-tree__list--nested
> li:not(:last-child)::after {
    content: "";

    position: absolute;

    top: var(--tree-node-center);
    bottom: 0;

    left: calc(0px - var(--tree-line-offset));

    border-left:
            1px
            solid
            var(--tree-line-color);

    pointer-events: none;
}
/* file tree page template end */