@-moz-document domain("pillar.alkemics.com"),
domain("localstream.alkemics.com") {
    :root {
        --stripe-size: 100px;
        --color1: hsl(220, 100%, 63%);
        --color2: rgba(0, 0, 0, 0.15);
        --duration: 1s;
        --state: paused;
    }

    .AuthLayoutFooter,
    .Navbar.navbar.Navbar--PPR.bg-inverse {
        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, transparent 50%, transparent 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;
    }

    .PageTop>.navbar:where( :has(+ .Loader),
        :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;
        }
    }
}