$text-fill: var(
  --wds-avatar-text-fill,
  var(--wds-color-text-standard-primary)
);
$color-7-fill: var(--wds-avatar-color-7-fill, var(--wds-color-fill-accent-7));
$size-tiny: var(--wds-avatar-size-tiny, 20px);

.avatar {
  &__avatar#{&}__core--content-type-text#{&}__avatar--color-a7 {
    background-color: $color-7-fill;
  }

  &__avatar-container--size-size18 &__avatar {
    height: $size-tiny;
    width: $size-tiny;
  }

  &__avatar#{&}__core--content-type-text &__core-content {
    color: $text-fill;
  }
}