.avatar[data-tone]{background:color-mix(in srgb, var(--av) 16%, var(--surface-2));color:var(--av)}.avatar .avatar-glyph{width:56%;height:56%;display:block}.avatar[data-tone=ember]{--av:#f08a52}.avatar[data-tone=tide]{--av:#6fb3e0}.avatar[data-tone=moss]{--av:#85c27a}.avatar[data-tone=volt]{--av:#e6c14a}.avatar[data-tone=dusk]{--av:#a99af0}.avatar[data-tone=rose]{--av:#ec8aa4}.avatar[data-tone=slate]{--av:#a3adb8}.avatar[data-tone=sand]{--av:#d2ad7c}[data-theme=light] .avatar[data-tone=ember]{--av:#b4520f}[data-theme=light] .avatar[data-tone=tide]{--av:#1f6c9e}[data-theme=light] .avatar[data-tone=moss]{--av:#3d7a33}[data-theme=light] .avatar[data-tone=volt]{--av:#8a6a00}[data-theme=light] .avatar[data-tone=dusk]{--av:#5b4bb8}[data-theme=light] .avatar[data-tone=rose]{--av:#b03a5b}[data-theme=light] .avatar[data-tone=slate]{--av:#4f5a66}[data-theme=light] .avatar[data-tone=sand]{--av:#85602f}