@charset "UTF-8";

.loader{width: 100%;height: 100%;display: flex;align-items:center ;justify-content: center;position: fixed;z-index: 1000001;}
.loader::before{position: absolute;content: "";width: 100%;height: 100%;background-color: #fff;opacity: 88%;}
.load-spinner{position: absolute;width: 49px;height: 49px;border-radius: 50%;}
.load-spinner img:first-child{position: absolute;animation: load1 0.6s linear infinite;}
.load-spinner img:nth-child(2){position: absolute;animation: load1 0.8s linear infinite;z-index: 100;}
.load-spinner img:last-child{position: absolute;bottom: 0;animation: load1 1s linear infinite;z-index: 99;bottom: 0;}

@keyframes load1 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}