@import 'scss/styles.scss';
.avatar-image-container {
  width: fit-content;
  height: fit-content;

  &.avatar-hover {
    transition: transform 0.2s;

    &:hover {
      transform: scale(1.8);
      transition: 0.2s;
    }
  }

  .round-avatar {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    overflow: hidden;
  }

  .regular-avatar {
    border-radius: 2px;
    width: 18px;
    height: 20px;
    overflow: hidden;

    img {
      border-radius: 2px;
    }
  }

  .avatar-img {
    img {
      width: 100%;
      height: 100%;
    }
  }

  .avatar-no-img {
    font-size: 7px;
    font-weight: 800;
    user-select: none;
  }

  .avatar-owner {
    user-select: none;
    width: 10px;
    height: 10px;
  }
}