.page-explorer-tree-cs {
    overflow: auto;
    font-weight: 600;
    padding-bottom: 1rem;
    padding-top: .25rem;
    padding-left: 1px;
}

.page-explorer-tree-cs ul {
    list-style: none;
    padding-left: 1rem;
}

.page-explorer-tree-cs > ul {
    padding-left: 0;
}

.page-explorer-tree-cs li {
    margin-bottom: .25rem;
}


.page-explorer-tree-cs img, .page-explorer-tree-cs svg {
    vertical-align: bottom;
}

/* Give space when the mouse is over the link */
.page-explorer-tree-cs a {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    color: rgba(0, 0, 0, 0.65);
    text-decoration: none;
    align-items: center;
    display: inline-flex;
    font-weight: 400;
}


@media (max-width: 768px) {
    .page-explorer-tree-cs > ul {
        padding: 1.5rem .75rem;
        background-color: #f8f9fa;
        border-bottom: 1px solid #e9ecef
    }
}

.page-explorer-tree-cs a {
    color: rgba(0, 0, 0, 0.65);
    text-decoration: none
}

.page-explorer-tree-cs .btn {
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.65);
    background-color: transparent;
    border: 0;
    display: inline-flex;
    text-align: left;
}

.page-explorer-tree-cs .btn:hover, .page-explorer-tree-cs .btn:focus {
    color: rgba(0, 0, 0, 0.85);
    background-color: rgba(121, 82, 179, 0.1)
}

.page-explorer-tree-cs .btn:focus {
    box-shadow: 0 0 0 1px rgba(121, 82, 179, 0.7)
}

.page-explorer-tree-cs .btn::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform 0.35s ease;
    transform-origin: .5em 50%
}

.page-explorer-tree-cs .btn[aria-expanded="true"] {
    color: rgba(0, 0, 0, 0.85)
}

.page-explorer-tree-cs .btn[aria-expanded="true"]::before {
    transform: rotate(90deg)
}


@media (prefers-reduced-motion: reduce) {
    .page-explorer-tree-cs .btn::before {
        transition: none
    }
}

.page-explorer-tree-cs a:hover, .page-explorer-tree-cs a:focus {
    color: rgba(0, 0, 0, 0.85);
    background-color: rgba(121, 82, 179, 0.1)
}

.page-explorer-tree-cs .active {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.85)
}