.avatar(:style="{width, height, paddingTop}", :class="backgroundClass")
.character-sprites
template(v-if="!avatarOnly" v-once)
// Mount Body
span(v-if="member.items.currentMount", :class="'Mount_Body_' + member.items.currentMount")
// Buffs that cause visual changes to avatar: Snowman, Ghost, Flower, etc
template(v-for="(klass, item) in visualBuffs")
span(v-if="member.stats.buffs[item]", :class="klass")
// Show flower ALL THE TIME!!!
// See https://github.com/HabitRPG/habitica/issues/7133
span(:class="'hair_flower_' + member.preferences.hair.flower")
// Show avatar only if not currently affected by visual buff
template(v-if!="!member.stats.buffs.snowball && !member.stats.buffs.spookySparkles && !member.stats.buffs.shinySeed && !member.stats.buffs.seafoam")
span(:class="'chair_' + member.preferences.chair")
span(:class="member.items.gear[costumeClass].back")
span(:class="skinClass")
span(:class="member.preferences.size + '_shirt_' + member.preferences.shirt")
span(:class="member.preferences.size + '_' + member.items.gear[costumeClass].armor")
span(:class="member.items.gear[costumeClass].back_collar")
span(:class="member.items.gear[costumeClass].body")
span.head_0
template(v-for="type in ['base', 'bangs', 'mustache', 'beard']")
span(:class="'hair_' + type + '_' + member.preferences.hair[type] + '_' + member.preferences.hair.color")
span(:class="member.items.gear[costumeClass].eyewear")
span(:class="member.items.gear[costumeClass].head")
span(:class="member.items.gear[costumeClass].headAccessory")
span(:class="'hair_flower_' + member.preferences.hair.flower")
span(:class="member.items.gear[costumeClass].shield")
span(:class="member.items.gear[costumeClass].weapon")
// Resting
span.zzz(v-if="member.preferences.sleep")
template(v-if="!avatarOnly" v-once)
// Mount Head
span(v-if="member.items.currentMount", :class="'Mount_Head_' + member.items.currentMount")
// Pet
span.current-pet(v-if="member.items.currentPet", :class="'Pet-' + member.items.currentPet")
.class-badge.d-flex.justify-content-center(v-if="hasClass")
.align-self-center.svg-icon(v-html="icons[member.stats.class]")