/* Visuals reused from src/ui/components/loader/loading.tsx and Mantine Loader.css.
 * Same 36px bars, timing, stagger and light/dark transparent overlay. */
#vp-navigation-loader{position:fixed;inset:0;z-index:90000000;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;background:rgba(0,0,0,.1);--vp-loader-color:#000}
#vp-navigation-loader[hidden]{display:none!important}
#vp-navigation-loader::before{content:"";position:absolute;inset:0;background:#000;opacity:.1}
html.dark-theme #vp-navigation-loader{background:rgba(0,0,0,.5);--vp-loader-color:#fff}
#vp-navigation-loader .vp-navigation-track,#vp-navigation-loader .vp-navigation-badge>img{display:none}
#vp-navigation-loader .vp-navigation-badge{position:relative;z-index:1;width:36px;height:36px;display:flex;gap:7.2px}
#vp-navigation-loader .vp-navigation-badge::before,#vp-navigation-loader .vp-navigation-badge::after,#vp-navigation-loader [data-vp-navigation-label]{content:"";display:block;flex:1;min-width:0;background:var(--vp-loader-color);border-radius:2px;animation:vp-standard-bars 1.2s cubic-bezier(0,.5,.5,1) infinite}
#vp-navigation-loader .vp-navigation-badge::before{animation-delay:-240ms}
#vp-navigation-loader [data-vp-navigation-label]{animation-delay:-120ms;font-size:0;line-height:0;overflow:hidden;color:transparent}
#vp-navigation-loader .vp-navigation-badge::after{animation-delay:0s}
@keyframes vp-standard-bars{0%{transform:scale(.6);opacity:0}50%,100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#vp-navigation-loader .vp-navigation-badge::before,#vp-navigation-loader .vp-navigation-badge::after,#vp-navigation-loader [data-vp-navigation-label]{animation:none;transform:none;opacity:.65}}