.public-account{
  display:flex;
  align-items:center;
  gap:.75rem;
}
.public-account>.notification-center{order:1;flex:0 0 auto}
.public-account-avatar-link{order:2;display:block;flex:0 0 auto;border-radius:50%}
.public-account .public-account-avatar{width:52px;height:52px;flex-basis:52px;border-width:2px}
.public-account-details{order:3;display:grid;align-content:center;gap:.2rem;min-width:0}
.public-account-name{font-size:1rem;font-weight:700;line-height:1.15}
.public-account-details form{display:flex;align-items:center;gap:0;margin:0}
.public-account .public-logout-button{
  min-height:0;
  padding:0;
  gap:.28rem;
  color:var(--muted);
  font-size:.76rem;
  font-weight:500;
  line-height:1.2;
}
.public-account .public-logout-button span{display:block}
.public-account .public-logout-button svg{width:13px;height:13px;flex-basis:13px;stroke-width:1.8}
.public-account .public-logout-button:hover{color:var(--text)}
@media(max-width:620px){
  .public-account{gap:.5rem}
  .public-account .public-account-avatar{width:44px;height:44px;flex-basis:44px}
  .public-account-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}
}