.dots-loader {
    width: 12px;
    height: 12px;
    position: relative;
    margin-left: 30px;;
    margin-right: 30px;;
    z-index: 1200;
}

.dots-loader::before,
.dots-loader::after {
   content: "";
   position: absolute;
   inset: 0;
   border-radius: 50%;
   background: rgba(57, 120, 25, 0.66);
}

.dots-loader::before {
   box-shadow: -26.9px 0 rgba(57, 120, 25, 0.66);
   animation: dots-dm1l1cmd 0.6s infinite linear;
}

.dots-loader::after {
   transform: rotate(0deg) translateX(26.9px);
   animation: dots-dh1qq5md 0.6s infinite linear;
}

@keyframes dots-dm1l1cmd {
   100% {
      transform: translateX(26.9px);
   }
}

@keyframes dots-dh1qq5md {
   100% {
      transform: rotate(-180deg) translateX(26.9px);
   }
}