﻿.noise_noise__N0mbn {
  position: fixed;
  top: 0;
  left: 0;
  width: 150%;
  height: 150%;
  pointer-events: none;
  z-index: 2;
  overflow: hidden;
}

.noise_noise__N0mbn:after {
  position: absolute;
  top: -10rem;
  left: -10rem;
  width: calc(100% + 20rem);
  height: calc(100% + 20rem);
  animation: noise_noise__N0mbn 1s steps(2) infinite;
  background-image: url("../Assets/Images/noise.png");
  background-size: 10%;
  background-position: 50%;
  content: "";
  will-change: transform;
  opacity: 0.3;
  mix-blend-mode: multiply;
}

@keyframes noise_noise__N0mbn {
  0% {
    transform: translate3d(0, 9rem, 0);
  }

  10% {
    transform: translate3d(-1rem, -4rem, 0);
  }

  20% {
    transform: translate3d(-8rem, 2rem, 0);
  }

  30% {
    transform: translate3d(9rem, -9rem, 0);
  }

  40% {
    transform: translate3d(-2rem, 7rem, 0);
  }

  50% {
    transform: translate3d(-9rem, -4rem, 0);
  }

  60% {
    transform: translate3d(2rem, 6rem, 0);
  }

  70% {
    transform: translate3d(7rem, -8rem, 0);
  }

  80% {
    transform: translate3d(-9rem, 1rem, 0);
  }

  90% {
    transform: translate3d(6rem, -5rem, 0);
  }

  to {
    transform: translate3d(-7rem, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .noise_noise__N0mbn:after {
    animation: none;
  }
}
