.avatar{text-transform:uppercase}.avatar.size-flex{width:100%;min-width:100%;max-width:100%;padding-top:100%;font-size:100%;position:relative}.avatar.size-flex .generated{padding-bottom:1px;position:absolute;inset:0}.avatar.size-xs{width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px;font-size:var(--font-size-xs)}.avatar.size-sm{width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;font-size:var(--font-size-md)}.avatar.size-md{width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;font-size:var(--font-size-xl)}.avatar.size-lg{width:64px;min-width:64px;max-width:64px;height:64px;min-height:64px;max-height:64px;font-size:30px}.avatar.size-xl{width:128px;min-width:128px;max-width:128px;height:128px;min-height:128px;max-height:128px;font-size:80px}.avatar .generated{border-radius:var(--border-radius-rounded);width:100%;height:100%;color:var(--text-color-contrast);vertical-align:middle;justify-content:center;align-items:center;font-weight:300;display:flex}.avatar .image{border-radius:var(--border-radius-rounded);background-position:50%;background-size:cover;width:100%;height:100%}