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

/*# sourceMappingURL=top-loading-bar.css.map*/