Avatar

A round picture or initials, in four sizes, with overlapping groups.

Put .avatar on an img, or on a span with initials.

AL GH

Colors

A color class colors the initials and their background.

PR IN SU DA CO

S D M L

.square rounds the corners only.

.avatar-group overlaps the avatars, with a ring in the page color between them.

AL GH AT +4

Variable	Default
`--i-avatar-size`	`2.5rem`
`--i-avatar-size-small`	`2rem`
`--i-avatar-size-medium`	`3rem`
`--i-avatar-size-large`	`4rem`
`--i-avatar-group-overlap`How far each avatar in a group tucks under the one before it	`0.2`