.cyrex-instant-loader-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 3px;
    pointer-events: none;
    opacity: 0;
    overflow: hidden;
    background: rgba(255, 199, 64, .12);
    transition: opacity 140ms ease;
}

.cyrex-instant-loader-bar::before {
    content: "";
    display: block;
    width: 42%;
    height: 100%;
    transform: translateX(-120%);
    background: linear-gradient(90deg, rgba(255, 199, 64, 0), #ffc740, rgba(255, 199, 64, .35));
    box-shadow: 0 0 14px rgba(255, 199, 64, .5);
}

.cyrex-instant-loader-bar.is-active {
    opacity: 1;
}

.cyrex-instant-loader-bar.is-active::before {
    animation: cyrex-instant-loader-slide 900ms cubic-bezier(.2, .8, .2, 1) infinite;
}

@keyframes cyrex-instant-loader-slide {
    from {
        transform: translateX(-120%);
    }

    to {
        transform: translateX(260%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cyrex-instant-loader-bar::before {
        animation: none !important;
        transform: none;
        width: 100%;
    }
}