#name-login {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2em;
    border: 2px solid black;
    max-width: 40em;
    background: white;
    border-radius: 10px;
    z-index: 10;
}
#name-login input {
    padding: 3px;
    margin: 3px;
    border: 2px solid;
    border-radius: 3px;
}
[mv-bar="none"] .mv-bar {
    display: none;
}
.hide:not(.show-if-true) {
    display: none
}
.show-if-false {
    display: none;
}
.hide-if-true {
    display: none;
}
.visible-false {
    visibility: hidden;
}
.logged-out .show-logged-in {
    display: none;
}
.logged-in .show-logged-out.show-logged-out {
    display: none;
}