.arcade-avatar{position:relative;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--sky),var(--brand));border:2.5px solid var(--line);overflow:hidden;flex:none;color:var(--ink-on-brand);font-weight:900;font-family:var(--font-sans);-webkit-user-select:none;-moz-user-select:none;user-select:none}.arcade-avatar__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.arcade-avatar__initial{z-index:1}.arcade-avatar--sm{width:26px;height:26px;border-radius:8px;font-size:12px}.arcade-avatar--md{width:34px;height:34px;border-radius:10px;font-size:14px}.arcade-avatar--lg{width:48px;height:48px;border-radius:13px;font-size:18px}.arcade-avatar--xl{width:64px;height:64px;border-radius:16px;font-size:22px}.arcade-avatar--circle,.arcade-avatar--circle.arcade-avatar--lg,.arcade-avatar--circle.arcade-avatar--md,.arcade-avatar--circle.arcade-avatar--sm,.arcade-avatar--circle.arcade-avatar--xl{border-radius:50%}[data-scope=back] .arcade-avatar{border-width:0;font-weight:700}[data-scope=back] .arcade-avatar--sm{border-radius:7px}[data-scope=back] .arcade-avatar--md{border-radius:9px}[data-scope=back] .arcade-avatar--lg{border-radius:12px}[data-scope=back] .arcade-avatar--xl{border-radius:14px}