@media (pointer: coarse) {
    a,
    button,
    summary {
        touch-action: manipulation;
    }
}

html.page-is-navigating,
html.page-is-navigating body {
    cursor: progress;
}

html.page-is-navigating::before {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 42%;
    height: 3px;
    border-radius: 0 999px 999px 0;
    background: #ef476f;
    box-shadow: 0 1px 8px rgba(239, 71, 111, .35);
    content: '';
    pointer-events: none;
    animation: hjerterum-page-navigation 1.15s ease-in-out infinite;
}

a.is-page-navigating {
    opacity: .72;
    pointer-events: none;
}

@keyframes hjerterum-page-navigation {
    from { transform: translateX(-105%); }
    to { transform: translateX(345%); }
}

@media (prefers-reduced-motion: reduce) {
    html.page-is-navigating::before {
        width: 100%;
        animation: none;
    }
}