.bs-avatar {
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  max-width: 100%;
  aspect-ratio: 1;
  outline: none;
  user-select: none;
  -webkit-user-select: none;
}
.bs-avatar:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.bs-avatar svg { display: block; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  .bs-avatar, .bs-avatar * { scroll-behavior: auto !important; }
}