.avatar-initials{font-family:var(--sans);letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.avatar-hue-0{background:color-mix(in oklab, var(--gold) 22%, var(--surface));color:var(--accent-gold-text)}.avatar-hue-1{background:color-mix(in oklab, var(--violet) 22%, var(--surface));color:var(--accent-violet-text)}.avatar-hue-2{background:color-mix(in oklab, var(--sky) 22%, var(--surface));color:var(--accent-sky-text)}.avatar-hue-3{background:color-mix(in oklab, var(--pink) 22%, var(--surface));color:var(--accent-pink-text)}.avatar-hue-4{background:color-mix(in oklab, var(--emerald) 22%, var(--surface));color:var(--accent-emerald-text)}.avatar-hue-5{background:color-mix(in oklab, var(--paper-300) 22%, var(--surface));color:var(--paper-200)}