.hnrp-heaven-avatar {
  position: relative;
  display: inline-flex;
  flex: none;
  isolation: isolate;
}

.hnrp-heaven-avatar::after {
  position: absolute;
  z-index: 1;
  inset: -6.6667%;
  background:
    url("halo.png?v=2") center / 100% 100% no-repeat,
    url("halo-light.png") center / 100% 100% no-repeat;
  content: "";
  pointer-events: none;
}

.hnrp-heaven-avatar::before {
  position: absolute;
  z-index: 2;
  width: 15%;
  aspect-ratio: 1;
  left: 23%;
  top: 8%;
  translate: -50% -50%;
  background:
    radial-gradient(ellipse 7% 34% at center, #fff 18%, #e7efff 40%, transparent 100%),
    radial-gradient(ellipse 45% 8% at center, #fff 18%, #b8cfff 65%, transparent 100%),
    radial-gradient(circle, #f8faff 0%, #c5ddff 14%, #9cbdffa1 34%, #91acff32 57%, transparent 72%);
  opacity: .75;
  content: "";
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .hnrp-heaven-avatar::before {
    animation: hnrp-heaven-travel 2.35s linear infinite;
  }
  @keyframes hnrp-heaven-travel {
    0%   { left: 11.7%; top: 18.3%; opacity: 0; scale: .58; }
    8%   { opacity: .9; }
    18%  { left: 15.3%; top: 10.5%; opacity: 1; scale: .92; }
    32%  { left: 21.6%; top: 4.6%; }
    46%  { left: 29.7%; top: 1.5%; scale: 1; }
    60%  { left: 38.3%; top: 1.7%; opacity: .98; }
    75%  { left: 33%; top: 8.2%; opacity: .94; }
    89%  { left: 26%; top: 14%; opacity: .56; }
    100% { left: 19%; top: 20%; opacity: 0; scale: .6; }
  }
}