.avatar-container {
  height: 48px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden;
}
.avatar-default {
  background-image: linear-gradient(to right, #c0ff3a, #00ffa3);
  font-size: 21px;
  color: #333;
}
.avatar-status {
  height: 11px;
  width: 11px;
  border-radius: 50%;
  border: solid 1px #ffffff;
  background-color: #22c55e;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.avatar-container .avatar-data {
  height: 100%;
  width: 100%;
  object-fit: cover;
}