:root { --loader-color: #C9B037; } #no-js-loader { position: fixed; top: 0; left: 0; right: 0; height: 3px; background: var(--loader-color); background: linear-gradient( 90deg, var(--loader-color), #e6d085, var(--loader-color) ); background-size: 200% 100%; animation: loading-fallback 3s linear infinite; z-index: 9999; opacity: 0; pointer-events: none; } /* Show loader on any click */ body:has(a:active) #no-js-loader, body:has(button:active) #no-js-loader, body:has(input[type="submit"]:active) #no-js-loader { opacity: 1; } @keyframes loading-fallback { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }