.dca-tree{
    list-style-type: none;
    display: inline-block;
    padding-inline-start: inherit;
    width: max-content;
}

.dca-tree-parent-item {
    display: flex;
    align-items: center;
    background-color: var(--dc-color-light);
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.dca-tree-parent-item:hover {
    background-color: var(--dc-color-light-hover);
}

.dca-tree-parent-item dca-icon {
    margin-right: 0.5rem;
}

.tree-chevron-icons{
    .chevron-icons{
        svg{
            width: 0.8rem;
            height: 0.8rem;
    
            fill: var(--dc-color-secondary);
        }
    }
    
    .chevron-icons{
        position: absolute;
        margin-top: 0.4rem;
        margin-left: 0.1rem;
    }
}


.dca-tree-parent-item{
    padding-left: 1rem;
}

.dca-tree-icon{
    padding-left:0.5rem;
}

.dca-tree-item:hover{
    .chevron-icons{
        svg{
            fill: var(--dc-color-secondary-hover);
        }
    }
}

.dca-tree-sub-item{
    padding-inline-start: 1rem;
}