.aqa-comparison-glow {
  overflow: hidden;
  pointer-events: none;
}

.aqa-comparison-glow::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  background-image: url("../img/comparison-glow-grain.avif");
  background-position: left top;
  background-repeat: repeat;
  background-size: 200px 200px;
  opacity: .25;
  content: "";
  pointer-events: none;
}

.aqa-comparison-glow__shader {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .65;
  pointer-events: none;
}

.aqa-comparison-glow__canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.aqa-comparison-glow__shader.is-shader-fallback {
  background:
    radial-gradient(ellipse 110% 70% at 8% 108%, rgba(209, 255, 0, .44) 0%, rgba(118, 145, 34, .18) 36%, transparent 72%),
    radial-gradient(ellipse 92% 54% at 82% 88%, rgba(245, 244, 231, .2) 0%, transparent 70%);
}

@media (forced-colors: active), print {
  .aqa-comparison-glow {
    display: none;
  }
}
