/* V6.11.97 — align the SVG rings with the native orbit renderer and refine light only. */
.app:not(.workspace-open) > .hero > .guardian-takeover-rings {
  inset: 0 !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  opacity: .62 !important;
  filter: saturate(.72) contrast(1.025) drop-shadow(0 0 5px rgba(137, 130, 224, .09)) !important;
  -webkit-mask-image: radial-gradient(ellipse 76% 68% at 50% 50%, #000 0 66%, rgba(0,0,0,.9) 76%, rgba(0,0,0,.3) 91%, transparent 100%);
  mask-image: radial-gradient(ellipse 76% 68% at 50% 50%, #000 0 66%, rgba(0,0,0,.9) 76%, rgba(0,0,0,.3) 91%, transparent 100%);
}

.app:not(.workspace-open) .guardian-takeover-rings .takeover-ring {
  fill: none !important;
  stroke-linecap: round !important;
}

.app:not(.workspace-open) .guardian-takeover-rings .takeover-upper {
  stroke: rgba(128, 181, 211, .68) !important;
  stroke-width: .56 !important;
  opacity: .4 !important;
}

.app:not(.workspace-open) .guardian-takeover-rings .takeover-middle {
  stroke: rgba(157, 147, 207, .72) !important;
  stroke-width: .68 !important;
  opacity: .45 !important;
}

.app:not(.workspace-open) .guardian-takeover-rings .takeover-lower {
  stroke: rgba(207, 204, 230, .76) !important;
  stroke-width: .76 !important;
  opacity: .5 !important;
}

.app:not(.workspace-open) .guardian-takeover-rings .energy-aura {
  display: none !important;
}

.app:not(.workspace-open) .guardian-takeover-rings .energy-coreline {
  opacity: .17 !important;
}

.app:not(.workspace-open) .guardian-takeover-rings .optical-cyan,
.app:not(.workspace-open) .guardian-takeover-rings .optical-violet,
.app:not(.workspace-open) .guardian-takeover-rings .optical-caustic {
  display: none !important;
}

.app:not(.workspace-open) .guardian-takeover-rings .optical-silver {
  opacity: .2 !important;
  stroke-width: .48 !important;
}

.app:not(.workspace-open) .guardian-takeover-rings .oes-flow {
  opacity: .22 !important;
  filter: drop-shadow(0 0 1px rgba(152, 143, 226, .25)) !important;
}

.app:not(.workspace-open) .guardian-takeover-rings .oes-specular {
  opacity: .34 !important;
  filter: drop-shadow(0 0 1px rgba(239, 237, 255, .32)) !important;
}

.app:not(.workspace-open) .guardian-takeover-rings .oes-prism {
  opacity: .08 !important;
}

.app:not(.workspace-open) .guardian-takeover-rings .energy-node {
  opacity: .36 !important;
}

@media (max-width: 900px) {
  .app:not(.workspace-open) > .hero > .guardian-takeover-rings {
    -webkit-mask-image: radial-gradient(ellipse 92% 72% at 50% 50%, #000 0 70%, rgba(0,0,0,.75) 84%, transparent 100%);
    mask-image: radial-gradient(ellipse 92% 72% at 50% 50%, #000 0 70%, rgba(0,0,0,.75) 84%, transparent 100%);
  }
}