.twc-tree {
    flex: 1;
}

.twc-tree--hidden {
    display: none;
}

.twc-tree ul {
    list-style-type: none;
}

.twc-tree .node {
    color: var(--textcolor-1);
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.twc-tree .node_hover {
    color: var(--textcolor-1);
    background-color: var(--blue-2);
    border-radius: .2rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.twc-tree .node_active {
    color: var(--textcolor-2);
    background-color: var(--blue-3);
    border-radius: .2rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.twc-tree .rotate {
    margin-top: .2rem;
    font-size: var(--font-size-16px);
    vertical-align: text-top;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

.twc-tree .rotate.down {
    transform: rotate(90deg);
}