.page-loading-indicator {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
    --gradient-1: #34cdfe;
    --gradient-2: #0047e1;
    --gradient-3: #00dc82
}

.page-loading-indicator.is-loading {
    animation: RefreshedLoadingBarProgress 2s linear infinite, LoadingBarEnter .6s ease-out;
    background: linear-gradient(to right, var(--gradient-3), var(--gradient-1), var(--gradient-2), var(--gradient-3));
    background-size: 500%;
    height: 3px;
    transform-origin: left;
    width: 100%
}

@keyframes RefreshedLoadingBarProgress {
    0% {
        background-position: 125% 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes LoadingBarEnter {
    0% {
        transform: scaleX(0)
    }

    to {
        transform: scaleX(1)
    }
}

.error-page {
    min-height: calc(100vh - 5.625rem);
    padding: 10% 0;
    position: relative
}

.error-page__content {
    padding-bottom: 3.125rem;
    padding-top: 3.125rem
}

.error-page__content-text {
    font-size: 5rem;
    line-height: 1
}