#navigation-progress{position:fixed;inset:0 0 auto;z-index:99999;height:3px;pointer-events:none;opacity:0;transition:opacity .16s ease;background:transparent}
#navigation-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ef704b,#f0a15c);box-shadow:0 0 10px rgba(239,112,75,.38);transition:width .25s ease}
#navigation-progress.active{opacity:1}
#navigation-progress.active i{width:78%;transition:width 8s cubic-bezier(.1,.7,.2,1)}
#navigation-progress.done i{width:100%;transition:width .14s ease}
body.page-leaving main{opacity:.93;transition:opacity .12s ease}
@media (prefers-reduced-motion:reduce){#navigation-progress,#navigation-progress i,body.page-leaving main{transition:none}}