.avatar{width:var(--avatar-size,40px);height:var(--avatar-size,40px);background:var(--color-muted);color:var(--color-muted-foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.avatar--border{border:2px solid var(--color-border)}.avatar__blur{filter:blur(6px);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}.avatar__img{object-fit:cover;color:#0000;width:100%;height:100%;position:relative}.avatar__text{font-weight:700;font-size:calc(var(--avatar-size,40px) * .38);letter-spacing:.02em;color:var(--color-foreground)}.avatar--fill{width:100%;height:100%;container-type:inline-size}.avatar--square{border-radius:calc(var(--avatar-size,40px) * .28)}.avatar--fill.avatar--square{border-radius:26%}.avatar--tile{--avatar-tint:var(--color-muted-foreground);background:color-mix(in srgb, var(--avatar-tint) 22%, var(--color-muted));color:color-mix(in srgb, var(--avatar-tint) 55%, var(--color-foreground));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-foreground) 8%, transparent)}.avatar--tile:has(.avatar__img):after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-foreground) 10%, transparent);pointer-events:none;position:absolute;inset:0}.avatar--tile .avatar__text{color:inherit;font-size:calc(var(--avatar-size,40px) * .36);letter-spacing:-.01em;line-height:1}.avatar--fill.avatar--tile .avatar__text{font-size:34cqi}