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