/* Shared, matte navigation indicator for every HTML page. */
html::after {
    content:"";
    position:fixed;
    z-index:2147483647;
    inset:0 0 auto;
    height:3px;
    background:#168394;
    pointer-events:none;
    opacity:0;
    transform:scaleX(var(--cm-page-progress, 0));
    transform-origin:left center;
    transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .18s ease;
}

html.cm-page-progress-active::after { opacity:1; }
html.cm-page-progress-complete::after {
    transform:scaleX(1);
    transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s ease .22s;
    opacity:0;
}

@media (prefers-reduced-motion:reduce) {
    html::after,html.cm-page-progress-complete::after {
        transition:transform .08s linear,opacity .12s ease;
    }
}