@import '../../style/themes/index';
@import '../../style/mixins/index';

@avatar-prefix-cls: ~'@{ant-prefix}-avatar';

.@{avatar-prefix-cls}-group {
  display: inline-flex;

  .@{avatar-prefix-cls} {
    font-size: 13px;
    box-shadow: -1.5px 0 0 0 rgb(255, 255, 255);
    &:not(:first-child) {
      margin-left: @avatar-group-overlapping;
    }

    .@{avatar-prefix-cls}-string {
      font-size: 13px;
    }
    &-sm {
      font-size: 12px;

      .@{avatar-prefix-cls}-string {
        font-size: 12px;
      }
      &:not(:first-child) {
        margin-left: @avatar-group-overlapping-sm;
      }
    }
    &-lg {
      font-size: 18px;

      .@{avatar-prefix-cls}-string {
        font-size: 18px;
      }
      &:not(:first-child) {
        margin-left: @avatar-group-overlapping-lg;
      }
    }
  }

  &-popover {
    .@{ant-prefix}-avatar {
      margin-top: @avatar-group-space;
      margin-left: @avatar-group-space;
    }
  }
}
