:root {
    --menu-user-border: none
}
:root.high-contrast {
    --menu-user-border: 1px solid var(--button-border-color)
}

.menu-user {
    z-index: 1;
    position: absolute;
    margin-top: 10em;
    text-align: left;
    background-color: var(--menu-main-background-color);
    color: var(--main-accent-color);
    box-shadow: var(--button-box-shadow);
    border: var(--menu-user-border);
}
.menu-user i {
    padding-right: 0.75em;
}
.menu-user ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.menu-user li {
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
    text-decoration: none;
}
.menu-user li p {
    margin: 0;
    padding: 0.5em 1.25em;
}
.menu-user li p:hover {
    background-color: var(--button-background-hover);
    color: var(--button-color-hover);
}
.menu-user li p:focus {
    text-decoration: underline;
    outline: none;
}