.avatar-btn.svelte-16alpop,.avatar-wrap.svelte-16alpop{width:var(--avatar-size,34px);height:var(--avatar-size,34px);background:0 0;border:none;border-radius:50%;flex:none;padding:0;line-height:0;display:inline-flex}.avatar-btn.svelte-16alpop{cursor:pointer}.avatar-btn.svelte-16alpop:hover{opacity:.85}.ring-inner.svelte-16alpop{border-radius:50%;width:100%;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.avatar.svelte-16alpop{object-fit:cover;border-radius:50%;flex:none;width:100%;height:100%}.avatar.bg.svelte-16alpop{background:linear-gradient(135deg, var(--grain), var(--grain-dim))}.avatar.img.svelte-16alpop{opacity:0;transition:opacity .15s;position:absolute;inset:0}.avatar.img.loaded.svelte-16alpop{opacity:1}.fallback.svelte-16alpop{font-family:var(--font-display);color:var(--on-grain);font-weight:700;font-size:calc(var(--avatar-size,34px) * .32);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.story-ring.svelte-16alpop{background:linear-gradient(135deg, #c97cf8, var(--grain), #5bf0d6);padding:max(2px, calc(var(--avatar-size,34px) * .03))}.story-ring.svelte-16alpop .ring-inner:where(.svelte-16alpop){background:var(--bg-root);padding:max(2px, calc(var(--avatar-size,34px) * .037))}