.navbar{z-index:2000;pointer-events:none;opacity:0;transform-origin:0;background:linear-gradient(90deg,var(--blue,#0b6e99),var(--y,#ffd21f));will-change:transform,opacity;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 8px #ffd21f8c}html.is-nav .navbar{opacity:1;animation:9s cubic-bezier(.08,.6,.2,1) forwards navbar-run;transform:scaleX(.1)}html.is-nav-done .navbar{opacity:0;transition:transform .18s ease-out,opacity .28s .16s;transform:scaleX(1)}a.is-nav-pending{opacity:.62;transition:opacity 80ms}a.is-nav-pending *{cursor:progress}@keyframes navbar-run{0%{transform:scaleX(.1)}to{transform:scaleX(.9)}}@media (prefers-reduced-motion:reduce){html.is-nav .navbar{animation:none;transform:scaleX(.6)}html.is-nav-done .navbar{transition:opacity .2s}}