.mainmenu {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mainmenu td {
    padding: 1rem 0.5rem;
    margin: auto;
    border: none;
    width: 40vw;
    max-width: 18rem;
    text-align: center;
}

.mainmenu .menuicon {
    /*
    background-color: var(--bg2-a);
    border-radius: 1em;
    */
}

.mainmenu .menuicon:active {
    filter: opacity(0.5);
    transform: scale(1.1, 1.1);
}

.menuicon.menuicons_large {
    height: 4em;
}
.menuicon.menuicons_medium {
    height: 3em;
}
.menuicon.menuicons_small {
    height: 2em;
}

.menuicon_multi {
    position: absolute;
    object-fit: contain;
    z-index: -1;
}
.menuicons_large.menuicon_multi {
    width: 12em;
    height: 4em;
    margin-left: -4em; /* offset left */
}
.menuicons_medium.menuicon_multi {
    width: 9em;
    height: 3em;
    margin-left: -3em; /* offset left */
}
.menuicons_small.menuicon_multi {
    width: 6em;
    height: 2em;
    margin-left: -2em; /* offset left */
}

.menulist_icon.menulist_large {
    width: 3em;
    height: 3em;
    padding: .25em 0;
    object-fit: contain;
}
.menulist_icon.menulist_medium {
    width: 2.5em;
    height: 2.5em;
    padding: .25em 0;
    object-fit: contain;
}
.menulist_icon.menulist_small {
    width: 2em;
    height: 2em;
    padding: .25em 0;
    object-fit: contain;
}

.menulist_row {
    display: flex;
    align-items: center;
    padding-left: 2rem;
    background-color: var(--bg-b);
    margin: 0rem 25vw;
    border: 0.1rem solid var(--bg-a);
    box-shadow: 0rem 0.15rem 0.2rem black;
    width: 93%;
    max-width: 28rem;
}

.menulist_locked {
    background-color: var(--bg-c);
}

.mainmenu .menulist_icon:active {
    filter: opacity(0.5);
    transform: scale(1.1, 1.1);
}

.mainmenu .menulist_label {
    color: var(--fg-a);
    margin-left: 2rem;
}

.menulist_navarrow {
    transform: rotateZ(180deg);
    height: 2em;
    margin-left: auto;
    margin-right: 3em;
    filter: opacity(.5);
}
.menulist_navarrow1 {
    margin-right: 0;
}
.menulist_navarrow2 {
    margin-right: 0;
    margin-left: -.25em;
    height: 1.5em;
    filter: opacity(.15);
}
.menulist_navarrow3 {
    margin-right: .5em;
    margin-left: -.25em;
    height: 1.5em;
    filter: opacity(.05);
}

.menuitem_highlight{
    border: 0.2vh solid var(--accent);
}

.menubadge {
    margin-left: .5em;
    padding: .1em .25em 0 .25em;
    color: var(--bg-a);
    background-color: var(--accent);
    border-radius: .5em;
}

#warnemailverify {
    padding: 0.5em;
    color: var(--fg-a);
    background-color: var(--bg-a);
    border-bottom: solid 0.1em var(--accent);
}