#scws_webshop .dots {
   width: 56px;
   height: 26.9px;
   background: radial-gradient(circle closest-side, var(--main-color) 90%, #0000) 0% 50%,
      radial-gradient(circle closest-side, var(--main-color) 90%, #0000) 50% 50%,
      radial-gradient(circle closest-side, var(--main-color) 90%, #0000) 100% 50%;
   background-size: calc(100%/3) 13.4px;
   background-repeat: no-repeat;
   animation: dots-1 1s infinite linear;
}

#scws_webshop div.field:has(input[type=text].input_loading):after {
   position: absolute;
   right: 0;
   top: 10px;
   content: ' ';
   width: 65px;
   height: 50%;
   background: radial-gradient(circle closest-side, var(--main-color) 90%, #0000) 0% 50%,
      radial-gradient(circle closest-side, var(--main-color) 90%, #0000) 50% 50%,
      radial-gradient(circle closest-side, var(--main-color) 90%, #0000) 100% 50%;
   background-size: calc(100%/3) 13.4px;
   background-repeat: no-repeat;
   animation: dots-1 1s infinite linear;
}

@keyframes dots-1 {
   20% {
      background-position: 0% 0%, 50% 50%, 100% 50%;
   }

   40% {
      background-position: 0% 100%, 50% 0%, 100% 50%;
   }

   60% {
      background-position: 0% 50%, 50% 100%, 100% 0%;
   }

   80% {
      background-position: 0% 50%, 50% 50%, 100% 100%;
   }
}