/* Aurora WebGL backdrop */
#aurora-bg-root {
  position: fixed;
  inset: 0;
  pointer-events: none;
  width: 100vw;
  min-height: 100vh;
  min-height: 100dvh;
  z-index: -36;
}

#aurora-bg-root:not([hidden]) canvas {
  display: block;
  width: 100%;
  height: 100%;
}

html.aurora-active body.dSR::before {
  opacity: 1;
  background:
    radial-gradient(ellipse 115% 88% at 50% 88%, transparent 52%, rgba(6, 2, 16, 0.52) 100%),
    linear-gradient(165deg, rgba(14, 3, 24, 0.75) 0%, rgba(8, 2, 16, 0.45) 45%, transparent 72%);
}

html.aurora-active body.dSR::after {
  opacity: 0.2;
}

html.aurora-active::before {
  opacity: 0.03;
}