.avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;object-fit:cover;font-family:var(--display);font-weight:700;line-height:1;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar--photo{background:var(--bg-3,rgba(255,255,255,.06))}.avatar-ring{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;isolation:isolate}.avatar-ring:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:var(--ring)}.avatar-ring>.avatar{box-shadow:0 0 0 var(--gap,2px) #060b1f,inset 0 0 0 1px rgba(255,255,255,.14)}.avatar-ring--spin:before{animation:avatar-spin 6s linear infinite}.avatar-wrap{display:inline-grid;flex:0 0 auto}@keyframes avatar-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.avatar-ring--spin:before{animation:none}}