[data-ajax-results] {
    position: relative;
}

[data-ajax-results].ajax-loading {
    pointer-events: none;
}

[data-ajax-results].ajax-loading > * {
    opacity: .6;
    transition: opacity .2s ease;
}

[data-ajax-results].ajax-loading::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, .55);
    border-radius: 10px;
    z-index: 50;
}

[data-ajax-results].ajax-loading::after {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
    border: 3px solid var(--cts-alt-light);
    border-top-color: var(--cts-main);
    border-radius: 50%;
    animation: ajax-spin .9s linear infinite;
    z-index: 51;
}

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