.ik-loader-dots {
    position: relative;
    padding-block: 7px;
}

.ik-loader-dots circle {
    fill: var(--on-surface-darken-color-3);
    animation: 1s ik-loader-dots-blink infinite;
}

.ik-loader-dots circle:nth-child(2) {
    animation-delay: 250ms
}

.ik-loader-dots circle:nth-child(3) {
    animation-delay: 500ms
}

.ik-loader-dots--primary circle {
    fill: var(--primary-color);
}

.ik-loader-dots--secondary circle {
    fill: var(--secondary-color);
}

.ik-loader-dots--success circle {
    fill: var(--success-color);
}

.ik-loader-dots--accent circle {
    fill: var(--accent-color);
}

.ik-loader-dots--error circle {
    fill: var(--error-color);
}

@keyframes ik-loader-dots-blink {
    50% {
        fill: transparent;
    }
}