.ia-filter-loader {
    position: relative;
    width: 100%;
    height: 40px;
    border-radius: var(--border-radius-btn);
}

.ia-filter-loader::before {
    content: '';
    opacity: 1;
    position: absolute;
    width: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 4;
    --_g: no-repeat radial-gradient(circle closest-side, var(--color-primary) 90%, #0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100% / 3) 100%;
    animation: l7 1s infinite linear;
}

@media screen and (max-width: 1024px) {
    .ia-filter-loader {
        background: var(--color-surface-grey);
        max-width: 200px;
    }
}

@media screen and (max-width: 1024px) {
    .ia-filter-loader {
        width: calc(50% - 10px);
    }
}