.site-navigation-status {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

html[data-site-navigation="swup"].is-changing::before {
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    width: 70%;
    height: 2px;
    background: var(--smpls-color-theme, #075108);
    content: '';
    pointer-events: none;
    transform-origin: left;
    animation: site-navigation-progress 1.2s ease-out both;
}

@keyframes site-navigation-progress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
    html[data-site-navigation="swup"].is-changing::before {
        animation: none;
    }
}