:root{
    --wisps_opacity: 0.33;
    --wisps_blendmode: screen;
    --wisps_maskimage: none;
    --wisps_maskrepeat: no-repeat;
    --wisps_maskposition: center center;
    --wisps_masksize: auto 100%;
    --wisps_zindex: 0;
}

#sitefx_wisps{
  position: absolute; width: 100%; height: 100%; top: 0; left: 0;

  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: auto 100%;

  pointer-events: none;
}

#sitefx_wisps{
  opacity: var(--wisps_opacity);
  mix-blend-mode: var(--wisps_blendmode);

  z-index: var(--wisps_zindex);

  mask-image: var(--wisps_maskimage);
  mask-repeat: var(--wisps_maskrepeat);
  mask-position: var(--wisps_maskposition);
  mask-size: var(--wisps_masksize);
}

#sitefx_wisps canvas{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}