/* Open Discussions v0.10.6.1: round avatars on every page.
   The approved homepage stylesheet uses a universal square-corner !important
   rule. Default initial avatars need an explicit higher-specificity exception.
   Keep the online dot outside the photo clipping area. */
body .shell > aside.sidebar .large-avatar,
body .shell > aside.sidebar .large-avatar .home-initial,
body .shell > aside.sidebar .large-avatar img.profile-photo,
body .shell > aside.sidebar .large-avatar img,
body .user-avatar, body .user-avatar img,
body .person-avatar, body .person-avatar img,
body .member-avatar, body .member-avatar img,
body .post-avatar, body .post-avatar img,
body .gb-avatar, body .gb-avatar img,
body .friend-avatar, body .friend-avatar img,
body img[class*="avatar"] {
  border-radius: 50% !important;
}
/* Default avatars use an initial rather than an image. Clip the colored
   background itself; rounding the outer avatar alone doesn't clip children. */
body .shell > aside.sidebar .large-avatar > .home-initial,
body .shell > aside.sidebar .large-avatar > img.profile-photo {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  clip-path: circle(50% at 50%) !important;
  overflow: hidden !important;
}
body .shell > aside.sidebar .large-avatar > .home-initial {
  display: grid !important;
  place-items: center;
}
body .shell > aside.sidebar .large-avatar > img.profile-photo {
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
}