.group-toggle {
    display: flex;
    width: 100%;
    gap: 10px;
    align-items: center;
    text-align: left;
    padding: 12px 0;
}

.group-toggle {
    border: 0;
    background: none;
}

.tree-icon {
    width: 22px;
    flex-shrink: 0;
}

.part-children {
    padding-left: 20px;
    border-left: 1px solid var(--line);
}

.part-children a {
    display: block;
    padding: 10px 0;
}

.part-children .is-active {
    color: var(--red);
    font-weight: bold;
}

.group-toggle:hover, .part-children a:hover {
    color: var(--red);
}