/*
 * ============================================================
 * ILSV_GLOBAL_LOADER_V1
 *
 * ONE visual source for every ILSV loading indicator.
 *
 * Change values here and all connected loaders update together.
 * ============================================================
 */

:root{
    --ilsv-loader-size:30px;
    --ilsv-loader-half:15px;

    --ilsv-loader-border:3px;

    --ilsv-loader-track:rgba(17,17,17,.18);
    --ilsv-loader-color:#e0b900;

    --ilsv-loader-speed:.55s;

    --ilsv-loader-overlay:rgba(255,255,255,.72);
}

/*
 * Reusable real loader element.
 *
 * Future modules should use:
 * <span class="ilsv-global-loader-spinner" aria-hidden="true"></span>
 */
.ilsv-global-loader-spinner{
    display:block;
    width:var(--ilsv-loader-size);
    height:var(--ilsv-loader-size);

    box-sizing:border-box;

    border:var(--ilsv-loader-border) solid var(--ilsv-loader-track);
    border-top-color:var(--ilsv-loader-color);
    border-radius:50%;

    background:transparent;
    box-shadow:none;

    animation:
        ilsv-global-loader-spin
        var(--ilsv-loader-speed)
        linear
        infinite;
}

@keyframes ilsv-global-loader-spin{
    to{
        transform:rotate(360deg);
    }
}

@media (prefers-reduced-motion:reduce){
    :root{
        --ilsv-loader-speed:1.1s;
    }
}