/*
 * Enlarge only loaded brand artwork inside the accepted 38px avatar frame.
 * Frame geometry, theme backgrounds, borders and fallback text remain owned
 * by the existing avatar modules.
 */
.avatar[data-chat-member-avatar-loaded="true"]
  > .chat-member-avatar-image {
  inset: 0;
  margin: auto;
  width: 36px;
  height: 36px;
  max-width: 36px;
  max-height: 36px;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 375px) {
  .avatar[data-chat-member-avatar-loaded="true"]
    > .chat-member-avatar-image {
    inset: 0;
    margin: auto;
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
  }
}