/* R402: show a real image inside each avatar/picker slot. No oversized CSS background graphics. */
#avatar.avatar[data-icon],
#leaderboards .boardAvatar[data-icon]{background-image:none!important;}
#avatar.avatar[data-icon]{align-items:center;justify-items:center;}
#avatar.avatar[data-icon]>img.tlAvatarArt{display:block;width:86%;height:86%;object-fit:contain;pointer-events:none;user-select:none;}
#iconPickerChoices [data-icon-choice]>span,
.freeIconChoices [data-icon-choice]>span{background-image:none!important;display:grid!important;place-items:center;overflow:visible;}
#iconPickerChoices [data-icon-choice]>span>img.tlAvatarArt,
.freeIconChoices [data-icon-choice]>span>img.tlAvatarArt{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;}
#leaderboards .boardAvatar[data-icon]>img.tlAvatarArt{display:block;width:94%;height:94%;object-fit:contain;pointer-events:none;user-select:none;}
@media(max-width:560px){#avatar.avatar[data-icon]>img.tlAvatarArt{width:82%;height:82%;}}