/* Make clicks pass-through */
:root {
    --nuxtprogress-bar-color: repeating-linear-gradient(to right, #0047e1 0%, #34cdfe 50%, #0047e1 100%);
    --nuxtprogress-color: #00dc82;
    --nuxtprogress-bar-height: 3px;
}

/* Fancy blur effect */
#nuxtprogress {
    box-shadow:
        0 0 10px var(--nuxtprogress-color),
        0 0 5px var(--nuxtprogress-color);
}

/* Remove these to get rid of the spinner */

.nuxt-loading-indicator {
    .spinner {
        position: fixed;
        inset-block-start: 15px;
        inset-inline-end: 15px;
        z-index: 1031;
        display: block;
    }

    .spinner-icon {
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        border: solid 2px transparent;
        border-block-start-color: var(--nuxtprogress-color);
        border-inline-start-color: var(--nuxtprogress-color);
        border-radius: 50%;
        animation: nuxtprogress-spinner 400ms linear infinite;
    }
}

@keyframes nuxtprogress-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}