/* rightMenu */
#rightMenu {
    display: none;
    position: fixed;
    width: 150px;
    height: fit-content;
    top: 10%;
    left: 10%;
    /* background-color: var(--card-bg); */
    background-color: var(--rightmenu-bg);
    /* border: 1px solid var(--font-color); */
    border-radius: 12px;
    z-index: 100;
    font-size: 14px;
    backdrop-filter: blur(2px);
}

#rightMenu .rightMenu-group {
    padding: 3px 6px 6px 6px;
}

#rightMenu .rightMenu-group:not(:nth-last-child(1)) {
    /* border-bottom: 1px solid var(--font-color); */
    padding: 7px 7px 0px 7px;
}

#rightMenu .rightMenu-group.rightMenu-small {
    display: flex;
    justify-content: space-between;
}

#rightMenu .rightMenu-group .rightMenu-item {
    height: 30px;
    line-height: 30px;
    border-radius: 8px;
    transition: 0.3s;
    color: var(--font-color);
}

#rightMenu .rightMenu-group.rightMenu-line .rightMenu-item {
    display: flex;
    height: 35px;
    line-height: 35px;
    padding: 0 4px;
}

#rightMenu .rightMenu-group .rightMenu-item:hover {
    background-color: var(--right-menu-select-color);
}

#rightMenu .rightMenu-group .rightMenu-item i {
    display: inline-block;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    padding: 0 5px;
}

#rightMenu .rightMenu-group .rightMenu-item span {
    line-height: 30px;
}

#rightMenu .rightMenu-group.rightMenu-line .rightMenu-item * {
    height: 35px;
    line-height: 35px;
}

.rightMenu-group.hide {
    display: none;
}