.bdp-particles-host {
  position: relative;
}

.bdp-particles-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  mix-blend-mode: var(--bdp-blend-mode, normal);
}

.bdp-particles-background::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: var(--bdp-overlay-color, transparent);
  opacity: var(--bdp-overlay-opacity, 0);
  transition: opacity 0.2s ease;
}

.bdp-particles-background canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.bdp-particles-engine {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.bdp-particles-host > *:not(.bdp-particles-background):not(.section-background-video):not(.section-background-slideshow):not(.section-background-overlay) {
  position: relative;
  z-index: 2;
}

.bdp-particles-host > .section-background-video,
.bdp-particles-host > .section-background-slideshow,
.bdp-particles-host > .section-background-overlay {
  z-index: 0;
}