@import url("fonts.css");

.context-menu {
    --menu-position-x: 0px;
    --menu-position-y: 0px;
    position: fixed;
    transform: translate(var(--menu-position-x), var(--menu-position-y));
    width: max-content;
    height: max-content;
    background-color: black;
    top: 0px;
    left: 0px;
    border: 1px solid white;
    z-index: 10;
}

.context-menu-closed {
    display: none;
}

.context-menu-button {
    border: none;
    background-color: black;
}

.context-menu-button-name {
    display: inline-block;
    color: white;
    margin-right: 1em;
    font-family: spacemono;
}

.context-menu-button-hint {
    display: inline-block;
    color: darkgrey;
    font-family: spacemono;
}

.context-menu-separator {
    border-bottom: 1px solid white;
}

.context-menu-button:hover > .context-menu-button-name {
    color: #f0f
}

.context-menu-button:hover > .context-menu-button-hint {
    color: #c0c
}

/* 
.context-menu-button-hint:hover {
    color: #808
} */