header#pageHeader.standardheader{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow:hidden;height:fit-content;width:100%;max-height:10vh;>*{height:100%;overflow:hidden}>h1{display:block;flex-grow:0;flex-shrink:10;flex-basis:content;padding:0;margin:0;text-overflow:ellipsis}>#headerPageTitle{display:block;flex-grow:1;flex-shrink:0;flex-basis:0;text-overflow:ellipsis;line-clamp:1;-webkit-line-clamp:1;text-wrap:nowrap;line-break:anywhere;word-break:break-all;&:empty:before{content:"Missing Page Title! Report this to a developer.";color:red;font-size:large}}>#headerGlobalActions{display:flex;flex-direction:row;flex-wrap:nowrap;flex-grow:0;flex-shrink:1;flex-basis:content;align-items:center;>*{flex-shrink:0;flex-grow:1;flex-basis:content}>button[disabled]{display:none}>button>a{color:inherit;text-decoration-line:none}>#headerUserInfo{margin-right:1em;color:inherit;flex-shrink:1!important;&:not(:hover,:focus-within){text-decoration-line:none}&:empty{display:none}}>button#headerLogin,>button#headerLogoff{font-size:large;width:max-content}>button#headerLogoff>img{object-fit:contain;height:1em;width:fit-content;display:block;margin-top:auto;margin-bottom:auto;margin-right:max(.25em,1px);float:left}}}@media(prefers-color-scheme:dark){header#pageHeader #headerLogoff>img{filter:invert(1)}}
