.user-avatar{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--user-avatar-corner-radius);border:var(--user-avatar-border-weight) solid var(--user-avatar-border-default);background-color:var(--user-avatar-background-default);color:var(--user-avatar-text-default);font-family:var(--user-avatar-initials-font-family);font-size:var(--user-avatar-initials-font-size);font-weight:var(--user-avatar-initials-font-weight);line-height:var(--user-avatar-initials-line-height);letter-spacing:var(--user-avatar-initials-letter-spacing);text-transform:uppercase;transition:background-color var(--user-avatar-hover-duration) var(--user-avatar-hover-easing), border-color var(--user-avatar-hover-duration) var(--user-avatar-hover-easing), color var(--user-avatar-hover-duration) var(--user-avatar-hover-easing);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.user-avatar--small{width:var(--user-avatar-size-small);height:var(--user-avatar-size-small)}.user-avatar--default{width:var(--user-avatar-size-default);height:var(--user-avatar-size-default)}.user-avatar--large{width:var(--user-avatar-size-large);height:var(--user-avatar-size-large)}.user-avatar:hover:not(.user-avatar--active),.user-avatar--hover-state{background-color:var(--user-avatar-background-hover);border-color:var(--user-avatar-border-hover);color:var(--user-avatar-text-hover)}.user-avatar--active,.user-avatar--active-state{background-color:var(--user-avatar-background-active);border-color:var(--user-avatar-border-active);color:var(--user-avatar-text-active)}.user-avatar:focus-visible{outline:var(--user-avatar-border-weight) solid var(--user-avatar-border-hover);outline-offset:2px}@media (prefers-reduced-motion:reduce){.user-avatar{transition:none}}