@-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: 30s; } .Navbar::before { z-index: -10; content: ""; position: absolute; top: 0; left: 0; width: calc(100% + var(--stripe-size)); height: 100%; background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%); background-size: var(--stripe-size) var(--stripe-size); animation: stripeTransform var(--duration) linear infinite; } @keyframes stripeTransform { 0% { transform: translateX(0); } 100% { transform: translateX(calc(var(--stripe-size) * -1)); } } }