#infinite-scroll-loader {
    text-align: center;
    margin-bottom: 50px; /* FIXME */
}

.small-spinner {
    font-size: 1rem;
}

.medium-spinner {
    font-size: 1.5rem;
}

.large-spinner {
    font-size: 2rem;
}

.spinner {
    display: none;
    /* width: clamp(0.75rem, 2vw, 1.25rem);
            height: clamp(0.75rem, 2vw, 1.25rem);
            border: clamp(0.1rem, 0.2vw, 0.2rem) solid rgba(217, 217, 217, 0.6);
            border-top: clamp(0.1rem, 0.2vw, 0.2rem) solid #55627a; */
    width: 1em;
    height: 1em;
    border: 0.2em solid rgba(217, 217, 217, 1);
    border-top: 0.2em solid #55627a;
    border-radius: 50%;
    vertical-align: middle;
}

.spinner.is-active {
    display: inline-block;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}