.hy-user-avatar {
  background: rgb(var(--hy-background-2));
  position: relative;
  border: 1px solid rgb(var(--hy-main));
  flex-shrink: 0;
  border-radius: 50%;
  .user-avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    img {
      height: 100%;
    }
    .svgBox {
      width: 90%;
      height: 90%;
      color: rgb(var(--hy-main));
    }
  }
  span {
    width: 32%;
    height: 32%;
    border-radius: 50%;
    position: absolute;
    bottom: -4%;
    right: -2%;
  }
}