<!DOCTYPE html>
<html class="reftest-wait">
<style>
    :root {
        color: blue;
    }
    @media (overflow-block: paged) {
        :root {
            color: red;
        }
    }
    @media (overflow-block: scroll) {
        :root {
            color: green;
        }
    }
    @media (overflow-block: none) {
        :root {
            color: red;
        }
    }
</style>
<p>This text should be green.</p>
<script>
addEventListener("load", () => {
    if (!window.internals)
        return;

    internals.setPagination("LeftToRightPaginated", 0);

    // Give it a chance to actually render as overflow-block: paged before switching back.
    requestAnimationFrame(() => {
        setTimeout(() => {
            internals.setPagination("Unpaginated", 0);
            document.documentElement.classList.remove("reftest-wait");
        }, 0);
    });
});
</script>
</html>
