.avatar.svelte-y7rt7z{background:var(--color-midnight-600);font-family:var(--font-display);color:var(--color-text-primary);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;line-height:1;display:inline-grid;position:relative;overflow:hidden}.avatar.svelte-y7rt7z img:where(.svelte-y7rt7z){object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar--image.svelte-y7rt7z{background:var(--color-midnight-900)}.avatar--xs.svelte-y7rt7z{width:1.5rem;height:1.5rem;font-size:.625rem}.avatar--sm.svelte-y7rt7z{width:2.125rem;height:2.125rem;font-size:.8125rem}.avatar--md.svelte-y7rt7z{width:2.75rem;height:2.75rem;font-size:.9375rem}.avatar--lg.svelte-y7rt7z{border:3px solid var(--color-midnight-500);width:4.5rem;height:4.5rem;font-size:1.5rem}.avatar--xl.svelte-y7rt7z{border:3px solid var(--color-midnight-500);width:5.5rem;height:5.5rem;font-size:1.75rem}.avatar--house.svelte-y7rt7z{border:2px solid var(--color-teal-neon)}.avatar--lg.avatar--house.svelte-y7rt7z,.avatar--xl.avatar--house.svelte-y7rt7z{border-width:3px}.avatar--gold.svelte-y7rt7z{background:var(--color-text-on-gold);color:var(--color-gold-neon);border:3px solid var(--color-gold-neon);box-shadow:var(--glow-sign-gold)}.avatar--sm.avatar--gold.svelte-y7rt7z,.avatar--md.avatar--gold.svelte-y7rt7z{border-width:2px}.avatar--silver.svelte-y7rt7z{border-color:var(--color-text-muted)}.avatar--bronze.svelte-y7rt7z{border-color:var(--color-midnight-500)}.avatar--you.svelte-y7rt7z{border:2px solid var(--color-magenta-glow)}.avatar--ring.svelte-y7rt7z{--ring:var(--color-text-muted);--ring-gap:2px;--ring-width:2px;box-shadow:0 0 0 var(--ring-gap) var(--color-midnight-900), 0 0 0 calc(var(--ring-gap) + var(--ring-width)) var(--ring)}.avatar--lg.avatar--ring.svelte-y7rt7z,.avatar--xl.avatar--ring.svelte-y7rt7z{--ring-gap:3px;--ring-width:3px}.avatar--xs.avatar--ring.svelte-y7rt7z{--ring-gap:1.5px;--ring-width:1.5px}.avatar--ring[data-ring=gold].svelte-y7rt7z{--ring:var(--color-gold-neon);box-shadow:0 0 0 var(--ring-gap) var(--color-midnight-900), 0 0 0 calc(var(--ring-gap) + var(--ring-width)) var(--ring), 0 0 calc(var(--ring-gap) + var(--ring-width) + 8px) color-mix(in srgb, var(--color-gold-neon) 45%, transparent)}.avatar--ring[data-ring=silver].svelte-y7rt7z{--ring:var(--color-text-primary)}.avatar--ring[data-ring=bronze].svelte-y7rt7z{--ring:var(--color-series-pub-quiz-glow)}