.header-profile-avatar{
  order:-100;
  display:grid;
  width:2.35rem;
  height:2.35rem;
  flex:0 0 2.35rem;
  place-items:center;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(166,108,255,.5);
  border-radius:.75rem;
  background:linear-gradient(145deg,rgba(155,107,255,.2),rgba(255,76,159,.1));
  box-shadow:0 .35rem 1rem rgba(78,38,133,.28),inset 0 1px rgba(255,255,255,.12);
  color:#fff;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.header-profile-avatar:hover,.header-profile-avatar:focus-visible{
  transform:translateY(-1px);
  border-color:#bc8aff;
  box-shadow:0 .45rem 1.2rem rgba(121,69,207,.42),0 0 0 3px rgba(155,107,255,.12);
  outline:0;
}
.header-profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.header-profile-avatar span{font-size:.82rem;font-weight:950;text-transform:uppercase}
@media(max-width:600px){.header-profile-avatar{width:2.35rem;height:2.35rem;flex-basis:2.35rem;border-radius:.72rem}}