.avatar{object-fit:cover;letter-spacing:.02em;color:#fff;background:var(--ava-1);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar--tone-1{background:var(--ava-1)}.avatar--tone-2{background:var(--ava-2)}.avatar--tone-3{background:var(--ava-3)}.avatar--tone-4{background:var(--ava-4)}.avatar--tone-5{background:var(--ava-5)}.avatar--tone-6{background:var(--ava-6)}