/* [project]/sfcompute.com/src/components/fog-background/fog-background.module.css [app-client] (css) */
.fog-background-module__lLnuoa__fogContainer {
  z-index: 20;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.fog-background-module__lLnuoa__fogContainer .fog-background-module__lLnuoa__fogLayer {
  max-width: 100%;
  animation: fog-background-module__lLnuoa__fog_effect calc(6s * var(--i)) ease-in infinite;
  animation-delay: -6s;
  position: absolute;
  bottom: 0;
  scale: 8;
}

@media (prefers-reduced-motion: reduce) {
  .fog-background-module__lLnuoa__fogContainer .fog-background-module__lLnuoa__fogLayer {
    animation: fog-background-module__lLnuoa__fog_effect_reduced calc(6s * var(--i)) ease-in infinite;
    animation-delay: -10s;
  }
}

@keyframes fog-background-module__lLnuoa__fog_effect {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  25%, 75% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(3);
  }
}

@keyframes fog-background-module__lLnuoa__fog_effect_reduced {
  0% {
    opacity: 0;
  }

  25%, 75% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*# sourceMappingURL=sfcompute_com_src_components_fog-background_fog-background_module_0ebz.wd.css.map*/