1.page-explorer-tree-cs {
2    overflow: auto;
3    font-weight: 600;
4    padding-bottom: 1rem;
5    padding-top: .25rem;
6    padding-left: 1px;
7}
8
9.page-explorer-tree-cs ul {
10    list-style: none;
11    padding-left: 1rem;
12}
13
14.page-explorer-tree-cs > ul {
15    padding-left: 0;
16}
17
18.page-explorer-tree-cs li {
19    margin-bottom: .25rem;
20}
21
22
23.page-explorer-tree-cs img, .page-explorer-tree-cs svg {
24    vertical-align: bottom;
25}
26
27/* Give space when the mouse is over the link */
28.page-explorer-tree-cs a {
29    padding: .1875rem .5rem;
30    margin-top: .125rem;
31    color: rgba(0, 0, 0, 0.65);
32    text-decoration: none;
33    align-items: center;
34    display: inline-flex;
35    font-weight: 400;
36}
37
38
39@media (max-width: 768px) {
40    .page-explorer-tree-cs > ul {
41        padding: 1.5rem .75rem;
42        background-color: #f8f9fa;
43        border-bottom: 1px solid #e9ecef
44    }
45}
46
47.page-explorer-tree-cs a {
48    color: rgba(0, 0, 0, 0.65);
49    text-decoration: none
50}
51
52.page-explorer-tree-cs .btn {
53    padding: .25rem .5rem;
54    font-weight: 600;
55    color: rgba(0, 0, 0, 0.65);
56    background-color: transparent;
57    border: 0;
58    display: inline-flex;
59    text-align: left;
60}
61
62.page-explorer-tree-cs .btn:hover, .page-explorer-tree-cs .btn:focus {
63    color: rgba(0, 0, 0, 0.85);
64    background-color: rgba(121, 82, 179, 0.1)
65}
66
67.page-explorer-tree-cs .btn:focus {
68    box-shadow: 0 0 0 1px rgba(121, 82, 179, 0.7)
69}
70
71.page-explorer-tree-cs .btn::before {
72    width: 1.25em;
73    line-height: 0;
74    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");
75    transition: transform 0.35s ease;
76    transform-origin: .5em 50%
77}
78
79.page-explorer-tree-cs .btn[aria-expanded="true"] {
80    color: rgba(0, 0, 0, 0.85)
81}
82
83.page-explorer-tree-cs .btn[aria-expanded="true"]::before {
84    transform: rotate(90deg)
85}
86
87
88@media (prefers-reduced-motion: reduce) {
89    .page-explorer-tree-cs .btn::before {
90        transition: none
91    }
92}
93
94.page-explorer-tree-cs a:hover, .page-explorer-tree-cs a:focus {
95    color: rgba(0, 0, 0, 0.85);
96    background-color: rgba(121, 82, 179, 0.1)
97}
98
99.page-explorer-tree-cs .active {
100    font-weight: 600;
101    color: rgba(0, 0, 0, 0.85)
102}
103