.loader-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  z-index: 999;
}

.loader {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999;
}

.gear {
  width: 100%;
  height: 100%;
  scale: 1.2;
  position: absolute;
  animation-name: rotate;
  animation-duration: 0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.loader-logo {
  width: 100%;
  height: 100%;
  scale: 0.7;
  position: absolute;
  animation-name: glow;
  animation-duration: 0s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes glow {
  0% {
    filter: drop-shadow(0 0 10px transparent);
  }
  /* accent color shades */
  50% {
    filter: drop-shadow(0 0 10px #3e8e41);
    moz-filter: drop-shadow(0 0 10px #3e8e41);
    webkit-filter: drop-shadow(0 0 10px #3e8e41);
    filter: drop-shadow(0 0 20px #0b5e8f);
    moz-filter: drop-shadow(0 0 20px #0b5e8f);
    webkit-filter: drop-shadow(0 0 20px #0b5e8f);
  }
  100% {
    filter: drop-shadow(0 0 10px transparent);
  }
}

/*# sourceMappingURL=loader.css.map */