html.instant-navigation-loading {
    cursor: progress;
}

html.instant-navigation-loading::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483647;
    width: 42%;
    height: 3px;
    background: linear-gradient(90deg, #0d6efd, #20c997);
    box-shadow: 0 0 12px rgba(13, 110, 253, 0.35);
    animation: instant-navigation-progress 0.9s ease-in-out infinite;
}

html.instant-navigation-loading #kt_app_content_container {
    opacity: 0.72;
    pointer-events: none;
    transition: opacity 0.12s ease;
}

@keyframes instant-navigation-progress {
    0% {
        transform: translateX(-55vw);
    }

    100% {
        transform: translateX(125vw);
    }
}