.avatarContainer {
  border-radius: 50%;
  width: fit-content;
  height: fit-content;
  position: relative;

  & > .avatar {
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
  }

  & > .onlineIndicator {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
