.top-loading-bar{z-index:2000;pointer-events:none;opacity:0;width:100%;height:3px;transition:opacity .3s;position:fixed;top:0;left:0}.top-loading-bar--active,.top-loading-bar--complete{opacity:1}.top-loading-bar__fill{transform-origin:0;background:linear-gradient(90deg, var(--accent-dark), var(--accent), var(--accent-light));width:100%;height:100%;box-shadow:0 0 6px var(--accent);position:relative;overflow:hidden;transform:scaleX(0)}.top-loading-bar__fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:40%;animation:1.6s ease-in-out infinite top-loading-bar-shimmer;position:absolute;inset:0;transform:translate(-120%)}.top-loading-bar__fill:before{content:"";background:radial-gradient(circle, var(--accent-light) 0%, transparent 70%);opacity:0;width:18px;position:absolute;top:0;bottom:0;right:0;transform:translate(0)}.top-loading-bar--active .top-loading-bar__fill{transition:transform 2.2s cubic-bezier(.11,.79,.29,1);transform:scaleX(.82)}.top-loading-bar--active .top-loading-bar__fill:before{opacity:1;animation:1.6s cubic-bezier(.45,0,.55,1) 2.2s infinite top-loading-bar-push}.top-loading-bar--complete .top-loading-bar__fill{transition:transform .2s ease-out;transform:scaleX(1)}.top-loading-bar--complete .top-loading-bar__fill:before,.top-loading-bar--complete .top-loading-bar__fill:after{opacity:0;animation:none}@keyframes top-loading-bar-shimmer{0%{transform:translate(-120%)}to{transform:translate(280%)}}@keyframes top-loading-bar-push{0%,18%{opacity:.55;transform:translate(0)}40%{opacity:1;transform:translate(5px)}60%{opacity:.85;transform:translate(-1px)}to{opacity:.55;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.top-loading-bar__fill,.top-loading-bar__fill:after,.top-loading-bar__fill:before{transition:none;animation:none}.top-loading-bar--active .top-loading-bar__fill,.top-loading-bar--complete .top-loading-bar__fill{transform:scaleX(1)}}