.g-flat-list-loader {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;

    .dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #c2c2c2;
        animation-name: jumping;
        animation-duration: 600ms;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;

        .delay(@count) when (@count > 0) {
            &:nth-of-type(@{count}) {
                animation-delay: @count * 200ms;
            }
            .delay(@count - 1);
        }

        .delay(4);
    }

    @keyframes jumping {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
}