/* HW_AVATAR_BLACK_RING_FIX_V99
   Avatars with a thick dark ring around the circle get extra zoom.
   This sits on top of the general crop rules from v98. */

html body .skins-screen img.hw-avatar-dark-ring,
html body .avatars-screen img.hw-avatar-dark-ring,
html body #modal[data-view="skins"] img.hw-avatar-dark-ring,
html body #modal[data-view="avatars"] img.hw-avatar-dark-ring {
  transform: scale(1.20) !important;
  transform-origin: center center !important;
}

/* Large right-side preview can use a touch less so faces do not crop too much. */
html body .skins-screen .skin-preview img.hw-avatar-dark-ring,
html body .skins-screen .preview-orb img.hw-avatar-dark-ring,
html body .skins-screen .skin-hero img.hw-avatar-dark-ring,
html body .skins-screen .skin-showcase img.hw-avatar-dark-ring,
html body .skins-screen .skin-detail-avatar img.hw-avatar-dark-ring,
html body .skins-screen .avatar-preview img.hw-avatar-dark-ring,
html body .avatars-screen .skin-preview img.hw-avatar-dark-ring,
html body .avatars-screen .preview-orb img.hw-avatar-dark-ring,
html body .avatars-screen .skin-hero img.hw-avatar-dark-ring,
html body .avatars-screen .skin-showcase img.hw-avatar-dark-ring,
html body .avatars-screen .skin-detail-avatar img.hw-avatar-dark-ring,
html body .avatars-screen .avatar-preview img.hw-avatar-dark-ring,
html body #modal[data-view="skins"] .skin-preview img.hw-avatar-dark-ring,
html body #modal[data-view="skins"] .preview-orb img.hw-avatar-dark-ring,
html body #modal[data-view="skins"] .skin-hero img.hw-avatar-dark-ring,
html body #modal[data-view="skins"] .skin-showcase img.hw-avatar-dark-ring,
html body #modal[data-view="skins"] .skin-detail-avatar img.hw-avatar-dark-ring,
html body #modal[data-view="skins"] .avatar-preview img.hw-avatar-dark-ring,
html body #modal[data-view="avatars"] .skin-preview img.hw-avatar-dark-ring,
html body #modal[data-view="avatars"] .preview-orb img.hw-avatar-dark-ring,
html body #modal[data-view="avatars"] .skin-hero img.hw-avatar-dark-ring,
html body #modal[data-view="avatars"] .skin-showcase img.hw-avatar-dark-ring,
html body #modal[data-view="avatars"] .skin-detail-avatar img.hw-avatar-dark-ring,
html body #modal[data-view="avatars"] .avatar-preview img.hw-avatar-dark-ring {
  transform: scale(1.16) !important;
}