.user-avatar{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.user-avatar--xs{height:24px;width:24px}.user-avatar--sm{height:32px;width:32px}.user-avatar--md{height:44px;width:44px}.user-avatar--lg{height:72px;width:72px}.user-avatar--xl{height:96px;width:96px}.user-avatar__ring{border:2px solid;border-radius:50%;inset:-2px;pointer-events:none;position:absolute;transition:border-color .3s,box-shadow .3s}.user-avatar__inner{background:#ffffff0f;border-radius:50%;height:100%;overflow:hidden;width:100%}.user-avatar__img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.user-avatar__placeholder{align-items:center;background:#ffffff0d;display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.user-avatar--xs .user-avatar__placeholder{font-size:10px}.user-avatar--sm .user-avatar__placeholder{font-size:13px}.user-avatar--md .user-avatar__placeholder{font-size:16px}.user-avatar--lg .user-avatar__placeholder{font-size:26px}.user-avatar--xl .user-avatar__placeholder{font-size:34px}.user-avatar__level{border-radius:20px;bottom:-4px;color:#fff;font-weight:700;line-height:1;position:absolute;right:-4px;white-space:nowrap;z-index:1}.user-avatar--xs .user-avatar__level{bottom:-3px;font-size:8px;padding:1px 3px;right:-3px}.user-avatar--sm .user-avatar__level{font-size:9px;padding:1px 4px}.user-avatar--md .user-avatar__level{font-size:10px;padding:2px 5px}.user-avatar--lg .user-avatar__level{font-size:11px;padding:2px 6px}.user-avatar--xl .user-avatar__level{font-size:12px;padding:2px 7px}