// Avatar Block

.avatar-block {
  display: flex;
  align-items: center;

  &:not(:last-child) {
    margin-bottom: rem(10);
  }

  .ab-fig {
    @include circle(rem(32));
    margin: 0 rem(12) 0 0;
    flex: 0 0 auto;
    position: relative;
    overflow: hidden;
    border:1px solid $gray-2;

    &:before {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      font-size: rem(12);
    }

    img {
      display: block;
      @include square(100%);
      object-fit: contain;
    }
  }

  .ab-meta {
    flex: 1 1 auto;
  }

  .ab-label {
    font-size: rem(14);
    color: black;
    line-height: 1.3;
  }

  .ab-stamp {
    flex: 0 0 auto;
    font-size: rem(12);
    color: lighten($gray-3, 10);
    margin-left: rem(10);
  }
}

// Pill Block

.pill-block {
  font-size: rem(14);
  color: black;
  padding: rem(8) rem(20);
  border-radius: rem(50);
  background: $gray-1;
  display: inline-block;
}

