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

.slds-avatar {
  overflow: hidden;
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: stretch;
  width: var(--slds-c-avatar-size);
  height: var(--slds-c-avatar-size);
  border-style: solid;
  border-radius: var(--slds-c-avatar-radius-border);
  border-width: var(--slds-c-avatar-sizing-border, 0);
  border-color: var(--slds-c-avatar-color-border, transparent);
  font-size: var(--slds-c-avatar-font-size);
  line-height: var(--slds-c-avatar-font-line-height);
  background-image: var(--slds-c-avatar-image);
  background-color: var(--slds-c-avatar-color-background);
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;

  &:focus-visible {
    box-shadow: var(--slds-c-avatar-shadow-focus);
    outline: 0;
  }

  /* Initials Child */
  .slds-avatar__initials {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--slds-c-avatar-initials-color-foreground);
    background-color: var(--slds-c-avatar-initials-color-background);
  }

  .slds-avatar__initials[title] {
    cursor: default;
    text-decoration: none;
  }
}