.cmp-aurora-bg-v1{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;isolation:isolate}

.cmp-aurora-bg-v1__blob{position:absolute;border-radius:50%;will-change:transform;filter:blur(150px)}

.cmp-aurora-bg-v1__blob--navy{width:460px;height:460px;top:-8%;left:-6%;background:#1e4d8f;opacity:.16;
  animation:cmp-aurora-bg-v1-drift-a 26s ease-in-out infinite}

.cmp-aurora-bg-v1__blob--cyan{width:420px;height:420px;top:6%;right:2%;background:#00d4ff;opacity:.16;
  animation:cmp-aurora-bg-v1-drift-b 22s ease-in-out infinite;transition:opacity .6s ease}

.cmp-aurora-bg-v1__blob--magenta{width:500px;height:500px;bottom:2%;left:18%;background:#1a5fb4;opacity:.14;
  animation:cmp-aurora-bg-v1-drift-c 28s ease-in-out infinite;transition:opacity .6s ease}

.cmp-aurora-bg-v1__blob--amber{width:320px;height:320px;bottom:10%;right:14%;background:#ffd166;opacity:.09;
  animation:cmp-aurora-bg-v1-drift-d 24s ease-in-out infinite}

.cmp-aurora-bg-v1__blob--cursor{width:400px;height:400px;top:0;left:0;background:radial-gradient(circle,#00d4ff,#1a5fb4 70%,transparent 100%);
  opacity:.1;filter:blur(150px);transform:translate3d(-50%,-50%,0)}

@keyframes cmp-aurora-bg-v1-drift-a{
  0%,100%{transform:translate3d(0,0,0)}
  33%{transform:translate3d(60px,40px,0)}
  66%{transform:translate3d(-30px,70px,0)}
}
@keyframes cmp-aurora-bg-v1-drift-b{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-70px,60px,0)}
}
@keyframes cmp-aurora-bg-v1-drift-c{
  0%,100%{transform:translate3d(0,0,0)}
  40%{transform:translate3d(50px,-50px,0)}
  70%{transform:translate3d(-40px,-20px,0)}
}
@keyframes cmp-aurora-bg-v1-drift-d{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-40px,-40px,0)}
}

@media(max-width:768px){
  .cmp-aurora-bg-v1__blob--cyan,.cmp-aurora-bg-v1__blob--magenta,.cmp-aurora-bg-v1__blob--amber,.cmp-aurora-bg-v1__blob--cursor{display:none}
  .cmp-aurora-bg-v1__blob--navy{animation:none;opacity:.1}
}

@media(prefers-reduced-motion:reduce){
  .cmp-aurora-bg-v1__blob{animation:none!important;transition:none!important}
  .cmp-aurora-bg-v1__blob--cursor{display:none}
}