/* UI Ball LDRS Ring 2, adapted locally under MIT. */
#loading .epoll-loader-art { display: inline-block; width: 144px; height: 112px; object-fit: contain; animation: none; transform: none; }
#loading .pg-loading-logo-header { margin: 0; animation: none; opacity: 1; }
#loading .pg-loading-html { margin-top: 16px !important; }
/* Hold the first painted second without changing later loading operations. */
#loading.epoll-loader-minimum { display: block !important; opacity: 1 !important; }
/* Indeterminate page activity, using the loader wordmark's teal. */
.epoll-top-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 100010; overflow: hidden; background: rgba(56, 178, 172, 0.12); pointer-events: none; }
.epoll-top-progress[hidden] { display: none !important; }
/* Anchor the moving segment physically left, independent of the page's RTL flow. */
.epoll-top-progress::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 28%; height: 100%; border-radius: 2px; background: #38b2ac; animation: epoll-top-progress-travel 1.2s linear infinite; }
@keyframes epoll-top-progress-travel { from { transform: translateX(-100%); } to { transform: translateX(360%); } }
@media (prefers-reduced-motion: reduce) { .epoll-top-progress::after { width: 100%; animation: none; } }
/* Keep the existing loading lifecycle and assets, showing only the top progress bar. */
#loading.pg-loading-screen {
    background: transparent !important;
    pointer-events: none !important;
}
#loading .pg-loading-inner {
    visibility: hidden;
}