#brxe-heraur {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.7;
  mix-blend-mode: normal;
}

#brxe-heraur::before {
  position: absolute;
  inset: -18%;
  background:
    radial-gradient(ellipse at 24% 68%, rgba(1, 143, 203, 0.38), transparent 46%),
    radial-gradient(ellipse at 78% 30%, rgba(1, 14, 31, 0.72), transparent 44%);
  content: "";
  filter: blur(5rem);
  opacity: 0.65;
  transform: scale(1.08);
}

#brxe-heraur.is-webgl-ready::before {
  opacity: 0.28;
}

#brxe-heraur canvas {
  position: absolute;
  inset: -8% -4%;
  display: block;
  width: 108%;
  height: 116%;
  filter: blur(0.4rem) saturate(118%) contrast(108%);
}

@media (max-width: 767px) {
  #brxe-heraur {
    opacity: 0.5;
  }

  #brxe-heraur canvas {
    inset: -5% -22%;
    width: 144%;
    height: 110%;
  }
}

@media (prefers-reduced-motion: reduce) {
  #brxe-heraur {
    opacity: 0.42;
  }

  #brxe-heraur::before {
    opacity: 0.48;
  }
}