.directory-comp[data-v-5658fbd3]{background:var(--bg-color-third);border-radius:6px;padding:20px 14px;position:relative;width:100%}.directory-comp[data-v-5658fbd3]:before{background:var(--border-color);bottom:32px;content:"";left:14px;position:absolute;top:75px;width:2px}.directory-comp .title[data-v-5658fbd3]{color:var(--text-color-first);font-size:16px;font-weight:700;margin-bottom:20px}.directory-comp .list[data-v-5658fbd3]{max-height:500px;overflow:auto;position:relative}.directory-comp .list[data-v-5658fbd3]::-webkit-scrollbar{width:4px}.directory-comp .list[data-v-5658fbd3]::-webkit-scrollbar-track{background:var(--bg-color-third)}.directory-comp .list[data-v-5658fbd3]::-webkit-scrollbar-thumb{background:#d8d8d8bf;border-radius:2px}.directory-comp .list[data-v-5658fbd3] a{display:block;line-height:25px;padding:10px 15px;position:relative;text-decoration:none}.directory-comp .list[data-v-5658fbd3] a:hover{background:var(--bg-color-second);border-radius:6px}.directory-comp .list[data-v-5658fbd3] li{list-style:none;padding-left:15px}.directory-comp .list[data-v-5658fbd3] li>a{color:var(--text-color-second);font-size:14px;margin-left:-10px}.directory-comp .list[data-v-5658fbd3] li.active>a{color:var(--primary-color)}.directory-comp .list[data-v-5658fbd3] li.active>a:before{background:var(--primary-color);content:"";height:22px;left:var(--before-left);margin-top:-11px;position:absolute;top:50%;width:2px}.directory-comp .list[data-v-5658fbd3] li ul li a{color:var(--text-color-third)}