/*
 * Copyright (c) 2026, Salesforce, Inc.,
 * All rights reserved.
 * For full license text, see the LICENSE.txt file
 */

.slds-avatar-group {
  width: var(--slds-c-avatargroup-sizing);
  height: var(--slds-c-avatargroup-sizing);
  position: relative;
  display: inline-block;
}

.slds-avatar-grouped {
  border-width: var(--slds-c-avatargroup-grouped-sizing-border, 0);
  border-style: solid;
  border-color: var(--slds-c-avatargroup-grouped-color-border, transparent);
  /* prevents images smaller than default line-height from stopping to fill the container */
  line-height: 0;
  border-radius: var(--slds-c-avatargroup-grouped-radius-border);
  background-color: var(--slds-c-avatargroup-grouped-color-background);
}

.slds-avatar-grouped__primary {
  --slds-c-avatar-context-sizing: var(--slds-c-avatargroup-primary-sizing);

  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  z-index: 1;
}

.slds-avatar-grouped__primary .slds-avatar-grouped__initials {
  transform: var(--slds-c-avatargroup-primary-initials-transform);
}

.slds-avatar-grouped__secondary {
  --slds-c-avatar-context-sizing: var(--slds-c-avatargroup-secondary-sizing);

  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.slds-avatar-grouped__secondary .slds-avatar-grouped__initials {
  transform: var(--slds-c-avatargroup-secondary-initials-transform);
}

.slds-avatar-grouped__icon {
  height: 100%;
  line-height: 0;

  .slds-icon {
    width: 100%;
    height: 100%;
  }
}