.avatar{flex:none;display:inline-block;position:relative}.avatar__circle{background:var(--avatar-tint);color:var(--on-accent);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.avatar--group .avatar__circle{background:linear-gradient(180deg, var(--avatar-tint), color-mix(in srgb, var(--avatar-tint) 84%, var(--shade)))}.avatar__circle:after{content:"";background:linear-gradient(180deg, var(--sheen-top), var(--sheen-clear));pointer-events:none;position:absolute;inset:0}.avatar--person .avatar__circle{background:linear-gradient(180deg, var(--avatar-person-top), var(--avatar-person-bottom));color:var(--avatar-person-ink)}.avatar__silhouette{fill:currentColor;width:100%;height:100%;position:absolute;inset:0}.avatar__initials{font-family:var(--font-text);letter-spacing:0;font-weight:600;line-height:1}.avatar__photo{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.avatar__online{background:var(--online);box-shadow:0 0 0 2.5px var(--bg);z-index:2;border-radius:50%;position:absolute;bottom:-1px;right:-1px}[dir=rtl] .avatar__online{left:-1px;right:auto}