/* R38: one geometry contract for profile, forum, catalog and floating-header frames. */
.avatar-frame-wrapper,
.avatar-frame-wrapper-global,
.profile-avatar-wrap,
.avatar-link.avatar-frame-wrapper{
  --ygz-frame-scale:1.30;
  --ygz-frame-x:0px;
  --ygz-frame-y:0px;
  --ygz-frame-rotate:0deg;
  position:relative!important;
  overflow:visible!important;
  isolation:isolate;
  flex:none;
}
.avatar-frame-wrapper[style*="--ygz-frame-kind:emerald"],
.avatar-frame-wrapper-global[style*="--ygz-frame-kind:emerald"],
.profile-avatar-wrap[style*="--ygz-frame-kind:emerald"]{--ygz-frame-scale:1.28}
.avatar-frame-wrapper[style*="--ygz-frame-kind:obsidian"],
.avatar-frame-wrapper-global[style*="--ygz-frame-kind:obsidian"],
.profile-avatar-wrap[style*="--ygz-frame-kind:obsidian"]{--ygz-frame-scale:1.28}
.avatar-frame-wrapper>.frame-img,
.avatar-frame-wrapper-global>.avatar-frame-overlay-global,
.profile-avatar-wrap>.profile-frame-img{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  top:50%!important;
  inset:auto!important;
  display:block;
  width:calc(100% * var(--ygz-frame-scale,1.30))!important;
  height:calc(100% * var(--ygz-frame-scale,1.30))!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  pointer-events:none!important;
  transform:translate(calc(-50% + var(--ygz-frame-x)),calc(-50% + var(--ygz-frame-y))) rotate(var(--ygz-frame-rotate))!important;
  transform-origin:50% 50%!important;
  filter:drop-shadow(0 2px 7px rgba(0,0,0,.36));
  clip-path:none!important;
  overflow:visible!important;
  contain:none!important;
}
.avatar-frame-wrapper>.user-avatar,
.avatar-frame-wrapper>.post-avatar,
.avatar-frame-wrapper>.reply-avatar,
.avatar-frame-wrapper>.avatar,
.avatar-frame-wrapper>video:not(.frame-img),
.avatar-frame-wrapper-global>#topAvatar{
  position:relative!important;
  z-index:1!important;
  display:block;
  border-radius:50%!important;
  object-fit:cover!important;
  background:transparent!important;
}
.avatar-frame-wrapper-global{display:inline-block!important;display:inline-grid!important;place-items:center;line-height:0}
.avatar-frame-wrapper-global>*{grid-area:1/1}
.ygz-avatar-loading{opacity:.24!important;transition:opacity .16s ease}
.ygz-avatar-ready{opacity:1!important;transition:opacity .22s ease}
.ygz-avatar-error{opacity:1!important}
.user-avatar,.post-avatar,.reply-avatar,.feed-avatar,.catalog-avatar,.avatar,.profile-avatar-core{background-color:#202029!important}
@supports not (--ygz-frame-scale:1){
  .avatar-frame-wrapper[style*="--ygz-frame-kind:emerald"]>.frame-img,
  .avatar-frame-wrapper-global[style*="--ygz-frame-kind:emerald"]>.avatar-frame-overlay-global,
    .profile-avatar-wrap[style*="--ygz-frame-kind:emerald"]>.profile-frame-img{width:128%!important;height:128%!important;transform:translate(-50%,-50%)!important}
  .avatar-frame-wrapper[style*="--ygz-frame-kind:obsidian"]>.frame-img,
  .avatar-frame-wrapper-global[style*="--ygz-frame-kind:obsidian"]>.avatar-frame-overlay-global,
    .profile-avatar-wrap[style*="--ygz-frame-kind:obsidian"]>.profile-frame-img{width:128%!important;height:128%!important;transform:translate(-50%,-50%)!important}
}
@keyframes ygzR40FrameOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ygzR40FramePulse{0%,100%{opacity:.58;filter:brightness(.94) saturate(1.05)}50%{opacity:1;filter:brightness(1.17) saturate(1.22)}}
.avatar-frame-wrapper[style*="--ygz-frame-kind:emerald"]>.frame-img,
.avatar-frame-wrapper-global[style*="--ygz-frame-kind:emerald"]>.avatar-frame-overlay-global,
.profile-avatar-wrap[style*="--ygz-frame-kind:emerald"]>.profile-frame-img{animation:ygzR40FramePulse 2.8s ease-in-out infinite}
.avatar-frame-wrapper[style*="--ygz-frame-kind:obsidian"]>.frame-img,
.avatar-frame-wrapper-global[style*="--ygz-frame-kind:obsidian"]>.avatar-frame-overlay-global,
.profile-avatar-wrap[style*="--ygz-frame-kind:obsidian"]>.profile-frame-img{animation:ygzR40FramePulse 2.35s ease-in-out infinite reverse}
@media(prefers-reduced-motion:reduce){.ygz-avatar-ready{transition:none}}
