/* Keep the signed-in user's notification and profile controls perfectly matched on mobile and desktop. */
#app>.app>.topbar .profile-actions{display:flex;align-items:center}
#app>.app>.topbar .notify,
#app>.app>.topbar .avatar{
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
#app>.app>.topbar .avatar{
  overflow:hidden!important;
  background:var(--fb-shell-accent-soft,var(--green))!important;
}
#app>.app>.topbar .avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:50%!important;
}

/* Desktop: bell and profile picture are both exactly 48px. */
@media (min-width:760px){
  #app>.app>.topbar .profile-actions{gap:10px!important;padding-right:2px}
  #app>.app>.topbar .notify,
  #app>.app>.topbar .avatar{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }
  #app>.app>.topbar .notify{
    border:1px solid var(--fb-shell-border,var(--line))!important;
  }
  #app>.app>.topbar .avatar{
    border:2px solid var(--fb-shell-border,var(--line))!important;
    box-shadow:0 0 0 2px color-mix(in srgb,var(--fb-shell-panel,#fff) 80%,transparent)!important;
  }
  #app>.app>.topbar .notify svg{width:22px!important;height:22px!important}
}

/* Mobile: bell and profile picture are both exactly 38px. */
@media (max-width:759px){
  #app>.app>.topbar .notify,
  #app>.app>.topbar .avatar{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
  #app>.app>.topbar .notify,
  #app>.app>.topbar .avatar{
    border:1px solid var(--fb-shell-border,var(--line))!important;
  }
  #app>.app>.topbar .notify svg{width:19px!important;height:19px!important}
}