lv-dots are animated with color; they newly start by appearing

Author: JakubRada

dist/main.css

@@ -1,6 +1,6 @@
 {
     "name": "loading-visualization",
-    "version": "1.2.10",
+    "version": "1.2.11",
     "description": "CSS and JavaScript library for determinate and indeterminate loading bars and spinners",
     "license": "BSD-3-Clause",
     "author": "Jakub Rada",

dist/main.css.map

@@ -384,6 +384,7 @@
     height: 19%;
     top: 43.75%;
     border-radius: 50%;
+    transform: scale(0.01);
     animation: lv-dots_pulsate_animation 1s ease-in-out infinite;
     &:nth-child(1) {
       left: 10%;
@@ -609,13 +610,16 @@
 }
 @keyframes lv-dots_pulsate_animation {
   0% {
-    transform: scale(1);
+    transform: scale(0.01);
+    background-color: lighten($dots_color, $dots_scale * 3);
   }
   50% {
-    transform: scale(0.01);
+    transform: scale(1);
+    background-color: $dots_color;
   }
   100% {
-    transform: scale(1);
+    transform: scale(0.01);
+    background-color: lighten($dots_color, $dots_scale * 3);
   }
 }
 @keyframes lv-line_animation {