/*
* Avatar theme
*
*/
/*
 * Utilities
 */
.dnb-avatar {
  --avatar-font-size--large: var(--font-size-x-large);
  --avatar-font-size--x-large: var(--font-size-x-large);
  --color: var(--sb-color-white);
}
.dnb-avatar--primary {
  --background-color: var(--sb-color-purple-alternative);
}
.dnb-avatar--secondary {
  --background-color: var(--sb-color-violet-light);
}
.dnb-avatar--tertiary {
  --background-color: var(--sb-color-violet-light-2);
  --color: var(--sb-color-purple-alternative);
}
.dnb-avatar--size-large {
  font-weight: var(--sb-font-weight-basis);
  font-family: var(--font-family-heading);
}
.dnb-avatar--size-x-large {
  font-weight: var(--sb-font-weight-basis);
  font-family: var(--font-family-heading);
}
.dnb-avatar__group {
  --avatar-font-size-left--medium: var(--font-size-basis);
  --avatar-font-size-left--large: var(--sb-font-size-medium--plus);
  --avatar-font-size-left--x-large: var(--sb-font-size-medium--plus);
}