#nwMenuBar {
    position: relative;

    z-index: 50;

    flex: 0 0 32px;

    display: flex;
    align-items: stretch;

    width: 100%;
    height: 32px;

    box-sizing: border-box;

    background: rgba(25, 25, 25, 0.96);
    color: white;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    font-family: system-ui, sans-serif;

    user-select: none;
}

#nwMenuBar .menu {
    position: relative;
}

#nwMenuBar .menu-button {
    height: 32px;

    padding: 0 12px;

    border: 0;
    background: transparent;

    color: white;

    font: inherit;
    font-size: 13px;

    cursor: pointer;
}

#nwMenuBar .menu-button:hover,
#nwMenuBar .menu.open > .menu-button {
    background: rgba(255, 255, 255, 0.12);
}

#nwMenuBar .menu-popup {
    position: absolute;

    top: 32px;
    left: 0;

    min-width: 150px;

    padding: 4px;

    box-sizing: border-box;

    background: #1c1c1c;

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 4px;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.4);

    display: none;
}

#nwMenuBar .menu.open > .menu-popup {
    display: block;
}

#nwMenuBar .menu-item {
    display: block;

    width: 100%;

    padding: 7px 10px;

    border: 0;
    border-radius: 3px;

    background: transparent;
    color: white;

    text-align: left;

    font: inherit;
    font-size: 13px;

    cursor: pointer;
}

#nwMenuBar .menu-item:hover {
    background: #00aeec;
}