.treemenu {
    position: relative;
    z-index: 10;
}

.treemenu>ul {
    height: 0;
    overflow: hidden;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

.treemenu.treemenu-after>ul {
    height: auto !important;
}

.treemenu>ul>li {
    opacity: 0;
    transform: translateY(-20px);
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

.treemenu.treemenu-opened>ul>li {
    opacity: 1;
    transform: translateY(0);
}

.treemenu>.treemenu-button {
    position: absolute;
    z-index: 10;
    top: 0;
    /* top: calc(50% - 20px); */
    right: 0;
    cursor: pointer;
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* color: #fff; */
}

.treemenu.treemenu-opened>.treemenu-button {
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}