docs(PREP): Updated com image

Worked on a new feature that make the strips hidden while idle. They fade in and move during loading, then fade out.

I don't know the performance toll on usage.

PPR banner.css

@@ -5,26 +5,26 @@ domain("ppr-admin.alkemics.com") {
         --color1: hsla(194, 71%, 30%, 1);
         --color2: hsla(194, 77%, 35%, 1);
         --duration: 1s;
-        --state: paused;
+        --state: running;
     }
     .AuthLayoutFooter,
     .Navbar.navbar.Navbar--PPR.bg-inverse {
-        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
-        background-color: var(--color1);
+        background: repeating-linear-gradient(-45deg, hsla(194, 77%, 35%, 0) 25%, var(--color1) 50%, var(--color1) 75%);
+        background-color: var(--color2);
         background-size: var(--stripe-size) var(--stripe-size);
         animation: alkegrad var(--duration) linear 0s infinite normal var(--state);
+        transition: background 200ms linear;
     }
     .AuthLayoutFooter {
         --stripe-size: 200px;
         --duration: 40s;
     }
-    .PageTop>.navbar:not(:only-child) {
-        --state: running;
+    .navbar:only-child {
+        --state: paused;
+        --color2: hsla(194, 71%, 30%, 1);
     }
     .PageTop>.Loader {
         visibility: hidden;
-        animation: none;
-        --state: paused;
     }
     @keyframes alkegrad {
         from {