@-moz-document domain("ppr-stream.alkemics.com"), domain("ppr-admin.alkemics.com") { :root { --stripe-size: 100px; --color1: hsl(194, 71%, 30%); --color2: hsl(194, 77%, 35%); --duration: 20s; } .AuthLayoutFooter, .Navbar.navbar.Navbar--PPR.bg-inverse { background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 50%, var(--color1) 75%); background-size: var(--stripe-size) var(--stripe-size); animation: alkegrad var(--duration) linear infinite; } .AuthLayoutFooter { --stripe-size: 200px; --duration: 40s; } @keyframes alkegrad { from { background-position: 0 0; } to { background-position: var(--stripe-size) 0; } } }