/** * Standalone page loader styles — link this in before PaCav JS. * Uses hardcoded fallbacks so the loader renders without global.css. */ :root { --pacav-page-loader-bg: #e8edfa; --pacav-page-loader-fg: #4861a1; --pacav-page-loader-muted: #495057; } :root[data-theme="dark"] { --pacav-page-loader-bg: #1a1d21; --pacav-page-loader-fg: #9eb4e8; --pacav-page-loader-muted: #adb5bd; } .pacav-page-loader { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; background: var(--pacav-page-loader-bg); color: var(--pacav-page-loader-fg); transition: opacity 240ms ease, visibility 240ms ease; } .pacav-page-loader__content { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 24px; text-align: center; } .pacav-page-loader__spinner { width: 40px; height: 40px; border: 3px solid color-mix(in srgb, var(--pacav-page-loader-fg) 18%, transparent); border-top-color: var(--pacav-page-loader-fg); border-radius: 50%; animation: pacav-page-loader-spin 0.8s linear infinite; } .pacav-page-loader__label { margin: 0; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px; line-height: 1.4; color: var(--pacav-page-loader-muted); } .pacav-page-loader--hidden { opacity: 0; visibility: hidden; pointer-events: none; } body.pacav-page-loading [data-pacav-app], html.pacav-page-loading body > *:not(#pacav-page-loader) { visibility: hidden; } body.pacav-page-ready [data-pacav-app], html.pacav-page-ready body > *:not(#pacav-page-loader) { visibility: visible; } @keyframes pacav-page-loader-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .pacav-page-loader__spinner { animation: none; border-top-color: color-mix(in srgb, var(--pacav-page-loader-fg) 55%, transparent); } .pacav-page-loader { transition: none; } }