.avatar{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-pill);background:var(--ink);color:var(--on-accent);font-size:var(--fs-13);font-weight:var(--fw-semibold);letter-spacing:.01em;flex-shrink:0;overflow:hidden;text-transform:uppercase}.avatar:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--on-accent) 14%,transparent);pointer-events:none}.avatar-sm{width:28px;height:28px;font-size:var(--fs-12)}.avatar-lg{width:48px;height:48px;font-size:var(--fs-16)}.avatar-xl{width:64px;height:64px;font-size:var(--fs-20)}.avatar img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover}