.query--loading {
    display: flex;
    justify-content: center;
    height: 100%;

    div {
        position: absolute;
        width: 3rem;
        height: 3rem;
        border: .1rem solid #595959;
        border-radius: 50%;
        opacity: 0;
        animation: pulsate 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

        &:nth-child(1) {
            animation-delay: 0s;
        }
        &:nth-child(2) {
            animation-delay: 0.5s;
        }
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0.5);
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0.1;
    }
}
