.avatar-root {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  user-select: none;

  &.avatar-sm {
    width: 70px;
    height: 70px;
  }

  &.avatar-md {
    width: 87px;
    height: 87px;
  }

  &.avatar-lg {
    width: 108px;
    height: 108px;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
  }

  svg {
    width: 100%;
    height: 100%;
    fill: #878787;
  }
}