.macs-navigation-loader[hidden] { display: none !important; }
.macs-navigation-loader { position: fixed; z-index: 9990; inset: 50% auto auto 50%; transform: translate(-50%, -50%); box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 12px; width: max-content; max-width: calc(100% - 32px); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: hidden; padding: 20px 24px; border: 1px solid var(--macs-primary, #d1ddeb); border-radius: 8px; background: var(--macs-surface, #fff); color: var(--macs-ink, #544860); box-shadow: 0 4px 24px rgb(32 28 38 / 16%); pointer-events: none; font: 700 16px/1.5 var(--macs-font-body, system-ui,sans-serif); text-align: center; overflow-wrap: anywhere; }
.macs-navigation-loader__circle { box-sizing: border-box; flex: 0 0 44px; width: 44px; height: 44px; border: 4px solid var(--macs-primary, #d1ddeb); border-top-color: var(--macs-ink, #544860); border-radius: 50%; animation: macs-loading-turn .8s linear infinite; }
.macs-navigation-loader__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@keyframes macs-loading-turn { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .macs-navigation-loader__circle { animation: none; } }
@media (forced-colors: active) { .macs-navigation-loader { border-color: CanvasText; background: Canvas; color: CanvasText; } .macs-navigation-loader__circle { border-color: GrayText; border-top-color: CanvasText; } }