/* True same-document navigation. Idle pages retain the existing KHOJ layout and styling. */
html.khoj-navigation-pending #content {
    opacity: 0;
    pointer-events: none;
}

html.khoj-navigation-pending body {
    cursor: progress;
}

html.khoj-navigation-entering #content {
    animation: khoj-fade-in-up 800ms ease both;
    will-change: opacity, transform;
}

#khoj-page-bodyend {
    display: contents;
}

@keyframes khoj-fade-in-up {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.khoj-navigation-entering #content {
        animation: none;
    }
}