.qa-nav-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: var(--z-tooltip);
    pointer-events: none;
    opacity: 0;
    transition: opacity 200ms ease;
}

.qa-nav-progress.qa-nav-progress-active {
    opacity: 1;
}

.qa-nav-progress-fill {
    height: 100%;
    width: 0;
    background: var(--color-accent-default);
    box-shadow: 0 0 10px var(--color-accent-default), 0 0 4px var(--color-accent-default);
    border-radius: 0 var(--radius-full) var(--radius-full) 0;
    transition: width 200ms ease;
}

html.qa-nav-busy {
    cursor: progress;
}

html.qa-nav-busy .app-shell-main {
    opacity: 0.5;
    pointer-events: none;
    transition: opacity 150ms ease;
}

.app-shell-main {
    transition: opacity 150ms ease;
}