.contextMenu {
    left: 0;
    top: 0;
    opacity: 1;
    position: absolute;
    z-index: 2147483648;
    height: 300px;
    width: 200px;
    border: 2px solid #4e4e4fbb;
    border-radius: 8px;
    background-color: #33343655;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    transition: opacity 0.5s cubic-bezier(0.1, 1, 0.6, 1),
        height 0.5s cubic-bezier(0.1, 1, 0.6, 1),
        width 0.5s cubic-bezier(0.1, 1, 0.6, 1);
    cursor: crosshair;
}

.contextMenu::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.contextMenuHide {
    pointer-events: none;
    opacity: 0;
    height: 0;
    width: 0;
    transition: opacity 0.5s cubic-bezier(0.1, 1, 0.6, 1),
        height 0.5s cubic-bezier(0.1, 1, 0.6, 1),
        width 0.5s cubic-bezier(0.1, 1, 0.6, 1);
}

.contextMenuNotDisappeared {
    transition: opacity 0.5s cubic-bezier(0.1, 1, 0.6, 1),
        height 0.5s cubic-bezier(0.1, 1, 0.6, 1),
        width 0.5s cubic-bezier(0.1, 1, 0.6, 1),
        left 0.5s cubic-bezier(0.1, 1, 0.6, 1),
        top 0.5s cubic-bezier(0.1, 1, 0.6, 1);
}

.contextMenuItem:hover {
    background-color: #4e4e4f55;
}

.contextMenuItem {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    box-sizing: border-box;
    overflow: visible;
    transition: background-color 0.5s cubic-bezier(0.1, 1, 0.6, 1);
}

.contextMenuItemIcon {
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 8px;
}

.contextMenuItemTitle {
    position: absolute;
    left: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #acafb4;
    text-shadow: 0 0 10px #acafb4b0;
    white-space: nowrap;
    overflow: visible;
}