@import "common/var";
.avatar-wrap {
  width: 66px;
  height: 66px;
  background: $--color-bg-3;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap-reverse;
  .el-avatar {
    margin: 1px;
    &.horizonta-1,
    .horizonta-1 img {
      width: 66px;
      height: 66px;
    }
    &.horizonta-2,
    .horizonta-2 img {
      width: 30px;
      height: 30px;
    }
    &.horizonta-3,
    .horizonta-3 img {
      width: 20px;
      height: 20px;
    }
    img{
      width: 100%;
    }
  }
}