.NavBar{&.MuiAppBar-root{border-radius:calc(var(--suid-shape-borderRadius) * 1px);border:2px solid var(--suid-palette-secondary-main);box-shadow:inset 0 0 4px 1px #000,0 0 4px 1px #000,-.5rem .5rem .75rem #000;background:var(--suid-palette-background-default);&:after{content:"";position:absolute;bottom:-1px;left:1rem;width:4px;box-shadow:0 0 8px 4px var(--suid-palette-secondary-main);animation:ToolbarFlash 33s 10s ease-in-out infinite;opacity:0}>.MuiToolbar-root{border-radius:inherit;box-shadow:0 0 4px 1px #000;>a{display:flex;align-items:center}}}.Nav{flex-grow:1;display:flex;margin-left:2rem;align-items:stretch;position:relative;>a{padding:0 2rem;display:flex;align-items:center;transition:background-color calc(var(--suid-transitions-duration-shorter) * 1ms) var(--suid-transitions-easing-easeInOut),box-shadow calc(var(--suid-transitions-duration-shorter) * 1ms) var(--suid-transitions-easing-easeInOut)}&:has(>a:hover)>a.active:not(:hover),&:has(ul:hover)>a.active:not(:hover){background-color:transparent;box-shadow:none}>.NavMenu.NavMenu.NavMenu{position:absolute;top:100%;left:0;min-width:100%;border-top-left-radius:0;border-top-right-radius:0;border:none;box-shadow:-.5rem .5rem .75rem #000;display:none;>ul{padding:1rem;display:none;flex-direction:row;gap:48px;>li{display:flex;flex-direction:column;gap:8px;>a.active{color:var(--suid-palette-secondary-light)}}}}&:has(a:hover)>.NavMenu.NavMenu.NavMenu,>.NavMenu.NavMenu:hover{display:block;>ul:hover{display:flex}}&:has(>a:nth-of-type(1):hover)>.NavMenu>ul:nth-of-type(1),&:has(>a:nth-of-type(2):hover)>.NavMenu>ul:nth-of-type(2),&:has(>a:nth-of-type(3):hover)>.NavMenu>ul:nth-of-type(3),&:has(>a:nth-of-type(4):hover)>.NavMenu>ul:nth-of-type(4),&:has(>a:nth-of-type(5):hover)>.NavMenu>ul:nth-of-type(5){display:flex}>a:is(:hover,.active),&:has(ul:nth-of-type(1):hover)>a:nth-of-type(1),&:has(ul:nth-of-type(2):hover)>a:nth-of-type(2),&:has(ul:nth-of-type(3):hover)>a:nth-of-type(3),&:has(ul:nth-of-type(4):hover)>a:nth-of-type(4),&:has(ul:nth-of-type(5):hover)>a:nth-of-type(5){background-color:var(--suid-palette-secondary-main);box-shadow:inset 0 0 2rem var(--suid-palette-primary-main)}}.NavAccount{border-left:1px solid var(--suid-palette-secondary-main);padding:0 .5rem;padding-right:0;margin-right:-1rem;margin-left:auto;display:flex;align-items:center;gap:8px}.MenuButton{display:none}}@media screen and (max-width: 800px){.NavBar{.MenuButton{display:block}.Nav,.NavAccount{display:none}.MuiToolbar-root{>a{flex-grow:1;justify-content:center}}}}