html.teg-depth-background-active{
  background:#020000!important;
}
body.teg-depth-background-active{
  position:relative;
  isolation:isolate;
  min-height:100%;
  background:transparent!important;
}
body.teg-depth-background-active #page,
body.teg-depth-background-active .site,
body.teg-depth-background-active .site-content,
body.teg-depth-background-active .site-main,
body.teg-depth-background-active [data-elementor-type="wp-page"]{
  background-color:transparent!important;
}
.teg-depth-background{
  --teg-depth-shift:0px;
  position:fixed;
  z-index:-1;
  inset:-8vh -6vw;
  pointer-events:none;
  background:
    radial-gradient(ellipse 78% 52% at 8% 74%,rgba(121,0,0,.94) 0%,rgba(79,0,0,.72) 28%,rgba(31,0,0,.26) 53%,transparent 72%),
    radial-gradient(ellipse 52% 66% at 91% 18%,rgba(77,0,9,.62) 0%,rgba(36,0,5,.25) 43%,transparent 72%),
    linear-gradient(115deg,#020000 0%,#090000 32%,#000 57%,#190002 100%);
  transform:translate3d(0,var(--teg-depth-shift),0) scale(1.035);
  transform-origin:center;
  will-change:transform;
}
@media(max-width:720px),(prefers-reduced-motion:reduce){
  .teg-depth-background{
    inset:0;
    background:
      radial-gradient(ellipse 118% 47% at 2% 82%,rgba(115,0,0,.9) 0%,rgba(62,0,0,.55) 31%,rgba(24,0,0,.18) 58%,transparent 76%),
      radial-gradient(ellipse 74% 48% at 100% 15%,rgba(69,0,7,.48) 0%,rgba(23,0,3,.16) 49%,transparent 74%),
      linear-gradient(155deg,#020000 0%,#080000 40%,#000 68%,#160001 100%);
    transform:none;
    will-change:auto;
  }
}