@-moz-document domain("ltg-app.supplierxm.salsify.com"),
domain("ltg-admin.supplierxm.salsify.com") {
    :root {
        --stripe-size: 100px;
        --color1: hsl(180, 63%, 30%);
        --color2: hsl(180, 63%, 36%);
        --duration: 1s;
        --state: running;
    }

    .AuthLayoutFooter,
    .Navbar.navbar.Navbar--PPR.bg-inverse {
        background: repeating-linear-gradient(-45deg, hsla(261, 80%, 59%, 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: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;
        }
    }
}