.Avatar {
  /* center horizontally */
  margin-left: auto;
  margin-right: auto;

  /* fill the container, preserving aspect ratio, and cropping to fit */
  background-size: cover;
  background-repeat: no-repeat;

  /* center the image vertically and horizontally */
  background-position: center;

  /* round the edges to a circle with border radius 1/2 container size */
  border-radius: 50%;

  background-color: var(--neutral-background-color);
  display: flex;
  justify-content: center;
  align-items: center;
}

.AvatarScaleOnHover:hover {
  transform: scale(2);
  z-index: 999;
}

.Clickable {
  cursor: pointer;
}

.AvatarPlaceholderIcon {
  fill: none;
  stroke: var(--icon-neutral-color);
  stroke-miterlimit: 10;
  height: 60%;
  width: 60%;
}