.NavBar{position:relative;isolation:isolate;display:inline-block}.NavBar__items{display:none;position:absolute;background:var(--background);z-index:1;flex-direction:column;white-space:nowrap;border-radius:.5rem;border:1px solid var(--color-gray-300);top:calc(100% + 6px)}.NavBar__items.toggled{display:flex}.NavBar__items.position-left{left:0}.NavBar__items.position-right{right:0}.NavBar .NavBarItem{padding-block:.5rem;padding-inline:1rem}.NavBar .NavBarItem:active,.NavBar .NavBarItem:hover{background:var(--color-gray-100)}.NavBarNotLoggedIn>.ButtonGroup{display:none}@media(min-width:640px){.NavBarNotLoggedIn>.ButtonGroup{display:flex}.NavBarNotLoggedIn>.NavBar{display:none}}