.ui-avatar{color:#fff;font-family:var(--font-display);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:grid}.ui-avatar--xs{width:24px;height:24px;font-size:10px}.ui-avatar--sm{width:28px;height:28px;font-size:11px}.ui-avatar--md{width:36px;height:36px;font-size:14px}.ui-avatar--lg{width:44px;height:44px;font-size:17px}.ui-avatar--xl{width:56px;height:56px;font-size:21px}