/* Final fallback SVG alignment: the icon stays completely inside the avatar circle. */
.avatar-frame-wrap .avatar-fallback,
.avatar-wrap .avatar-fallback {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 50% !important;
  clip-path: circle(50% at 50% 50%) !important;
}
.avatar-frame-wrap .avatar-fallback-icon,
.avatar-wrap .avatar-fallback-icon {
  width: 58% !important;
  height: 58% !important;
  max-width: 58% !important;
  max-height: 58% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  display: block !important;
  flex: 0 0 auto !important;
  object-fit: contain !important;
  overflow: visible !important;
}
@media (max-width: 700px) {
  .avatar-frame-wrap .avatar-fallback-icon,
  .avatar-wrap .avatar-fallback-icon {
    width: 56% !important;
    height: 56% !important;
    max-width: 56% !important;
    max-height: 56% !important;
  }
}
@media (max-width: 390px) {
  .avatar-frame-wrap .avatar-fallback-icon,
  .avatar-wrap .avatar-fallback-icon {
    width: 54% !important;
    height: 54% !important;
    max-width: 54% !important;
    max-height: 54% !important;
  }
}