/* The account image never determines header dimensions. */
.topbar > div:first-child > h1.account-brand,
#serverProjectsScreen .server-card-head > div > h1.account-brand {
  position:relative;display:flex;align-items:center;flex:none;
  width:180px;max-width:100%;height:42px;min-width:0;
  margin:0;overflow:hidden;line-height:1.1;white-space:nowrap;
}
.account-brand .account-brand-image {
  position:absolute;inset:0;display:block;width:100%;height:100%;
  max-width:100%;max-height:100%;min-width:0;min-height:0;
  object-fit:contain;object-position:left center;
}
.account-brand .account-brand-default {overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.account-brand [hidden] {display:none!important;}
#serverProjectsScreen .server-card-head > div:first-child {min-width:0;}
#serverProjectsScreen #serverUserLabel {overflow-wrap:anywhere;}
@media(max-width:760px),(pointer:coarse) and (max-width:1200px) and (max-height:600px) {
  .topbar > div:first-child > h1.account-brand {width:112px;height:30px;}
  #serverProjectsScreen .server-card-head > div > h1.account-brand {width:150px;height:40px;}
}
@media(max-width:380px) {
  .topbar > div:first-child > h1.account-brand {width:96px;height:28px;}
  #serverProjectsScreen .server-card-head > div > h1.account-brand {width:124px;height:36px;}
}