/* AQ_CSS_ONLY_OLD_ORB_V1_START */

.aq-css-only-old-orb{
  position:relative !important;
  overflow:visible !important;
  border-radius:50% !important;
  isolation:isolate !important;

  background:
    radial-gradient(circle at 30% 24%, rgba(130,255,255,.98) 0 13%, rgba(0,245,255,.42) 14% 28%, transparent 34%),
    radial-gradient(circle at 70% 68%, rgba(255,0,185,.70), transparent 38%),
    radial-gradient(circle at 50% 50%, rgba(90,0,230,.96), rgba(16,5,55,.98) 58%, rgba(0,0,0,.98) 100%) !important;

  box-shadow:
    inset -24px -28px 44px rgba(0,0,0,.72),
    inset 16px 16px 30px rgba(0,255,255,.20),
    0 0 24px rgba(0,255,255,.45),
    0 0 46px rgba(255,0,180,.26) !important;

  animation:aqCssOnlyOrbPulse 2.8s ease-in-out infinite !important;
  transform:translateZ(0) !important;
}

.aq-css-only-old-orb::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:50%;
  pointer-events:none;
  border:2px solid rgba(0,255,255,.35);
  box-shadow:
    0 0 16px rgba(0,255,255,.38),
    inset 0 0 14px rgba(0,255,255,.18);
  transform:rotateX(64deg);
  animation:aqCssOnlyOrbRingA 4.2s linear infinite;
}

.aq-css-only-old-orb::after{
  content:"";
  position:absolute;
  inset:-30px;
  border-radius:50%;
  pointer-events:none;
  border:2px solid rgba(255,0,170,.28);
  box-shadow:
    0 0 18px rgba(255,0,170,.28),
    inset 0 0 14px rgba(255,0,170,.14);
  transform:rotateY(68deg);
  animation:aqCssOnlyOrbRingB 5.5s linear infinite reverse;
}

.aq-css-only-old-orb.aq-css-orb-playing{
  animation-duration:1.05s !important;
  filter:brightness(1.15) saturate(1.2) !important;
}

.aq-css-only-old-orb.aq-css-orb-playing::before{
  animation-duration:1.8s !important;
}

.aq-css-only-old-orb.aq-css-orb-playing::after{
  animation-duration:2.2s !important;
}

@keyframes aqCssOnlyOrbPulse{
  0%,100%{
    filter:brightness(.95) saturate(1);
  }
  50%{
    filter:brightness(1.2) saturate(1.22);
  }
}

@keyframes aqCssOnlyOrbRingA{
  to{
    transform:rotateX(64deg) rotateZ(360deg);
  }
}

@keyframes aqCssOnlyOrbRingB{
  to{
    transform:rotateY(68deg) rotateZ(360deg);
  }
}

/* AQ_CSS_ONLY_OLD_ORB_V1_END */