/* 2.8.6 — one equipped Marketplace PNG, never a CSS-generated avatar ring.
   Header, profile, forum author cards and member directory all use this layer.
   Daily supplies the PNG URL and is the sole source of equip/ownership state. */
body .mmd-mm-avatar-shell.mmd-mm-avatar-has-art {
  position:relative!important; display:inline-grid!important; place-items:center!important;
  isolation:isolate!important; vertical-align:middle!important;
  box-sizing:border-box!important; flex-shrink:0!important;
  width:var(--mmd-frame-size,64px); height:var(--mmd-frame-size,64px);
  min-width:0; min-height:0; overflow:visible!important;
  border:0!important; border-radius:0!important; outline:0!important;
  background:none!important; background-image:none!important;
  box-shadow:none!important; filter:none!important; transform:none!important;
}
body .mmd-mm-avatar-shell.mmd-mm-avatar-has-art::before,
body .mmd-mm-avatar-shell.mmd-mm-avatar-has-art::after {
  content:none!important; display:none!important; animation:none!important;
}
/* The member photo fills only the open centre of the actual PNG frame. */
body .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > img.avatar,
body .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > img.photo,
body .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > img.mmf-avatar,
body .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > img.mm-account-avatar,
body .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > img.mm-member-avatar,
body .mmf-forum .mmf-author-card .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > img.mmf-avatar,
body .mm-member-virtual-page .mm-directory-v2 .mm-dir-avatar-wrap .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > img.mm-member-avatar {
  display:block!important; position:relative!important; z-index:2!important;
  box-sizing:border-box!important;
  width:70%!important; height:70%!important;
  max-width:70%!important; max-height:70%!important; min-width:0!important; min-height:0!important;
  object-fit:cover!important; border-radius:50%!important;
  border:0!important; outline:0!important; padding:0!important; margin:0!important;
  background:transparent!important; box-shadow:none!important; filter:none!important;
}
/* The full, transparent illustrated PNG sits above the actual photo. */
body .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > .mmd-mm-frame-art,
body .mm-header .mm-account-trigger > .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > .mmd-mm-frame-art,
body .mmf-forum .mmf-author-card .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > .mmd-mm-frame-art {
  display:block!important; position:absolute!important; z-index:9!important;
  inset:-4px!important; width:calc(100% + 8px)!important; height:calc(100% + 8px)!important;
  max-width:none!important; max-height:none!important;
  pointer-events:none!important; overflow:visible!important;
  background:none!important; border:0!important; filter:none!important;
  box-shadow:none!important; animation:none!important; transform:none!important;
}
body .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > .mmd-mm-frame-art > img,
body .mm-header .mm-account-trigger > .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > .mmd-mm-frame-art > img,
body .mmf-forum .mmf-author-card .mmd-mm-avatar-shell.mmd-mm-avatar-has-art > .mmd-mm-frame-art > img {
  display:block!important; position:absolute!important; inset:0!important;
  width:100%!important; height:100%!important;
  max-width:100%!important; max-height:100%!important;
  object-fit:contain!important; object-position:center center!important;
  padding:0!important; margin:0!important;
  background:transparent!important; border:0!important; border-radius:0!important;
  box-shadow:none!important; filter:none!important; animation:none!important;
}
/* Keep the original, unframed avatar untouched when no PNG exists. */
body .mmf-forum .mmf-author-card .mmd-mm-avatar-shell.mmd-mm-avatar-has-art {
  overflow:visible!important; margin-inline:auto!important;
}
/* Directory cards have an old 82px full-size avatar rule — this overrides it. */
body .mm-member-virtual-page .mm-directory-v2 .mm-dir-avatar-wrap > .mmd-mm-avatar-shell.mmd-mm-avatar-has-art {
  display:inline-grid!important; place-items:center!important;
  width:82px!important; height:82px!important; margin:0!important;
}
/* Preserve the narrow header work done in 2.8.5 without clipping the PNG. */
body .mm-header .mm-account-trigger > .mmd-mm-avatar-shell.mmd-mm-avatar-has-art {
  flex:0 0 38px!important; width:38px!important; height:38px!important;
  max-width:38px!important; max-height:38px!important; overflow:visible!important;
}
@media(max-width:680px){
  body .mm-header .mm-account-trigger > .mmd-mm-avatar-shell.mmd-mm-avatar-has-art {
    flex-basis:36px!important; width:36px!important; height:36px!important;
  }
}
@media(max-width:390px){
  body .mm-header .mm-account-trigger > .mmd-mm-avatar-shell.mmd-mm-avatar-has-art {
    flex-basis:34px!important; width:34px!important; height:34px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body .mmd-mm-avatar-shell.mmd-mm-avatar-has-art,
  body .mmd-mm-avatar-shell.mmd-mm-avatar-has-art .mmd-mm-frame-art {
    animation:none!important; transition:none!important;
  }
}