/* R15.7 — Ads Catalogs page specific UI bits.
   Spinner inside a syncing badge + the syncing badge animation hint. */

.mc-spinner-inline {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    vertical-align: -2px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: mc-catalog-spinner-rotate 0.8s linear infinite;
    opacity: 0.7;
}

@keyframes mc-catalog-spinner-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Subtle pulse to reinforce that the row's sync_status is mid-flight; the
   badge color comes from `mc-badge-blue` (sync_in_progress maps to blue
   via AdProductCatalog::getSyncBadgeAttribute). */
.mc-catalog-syncing {
    animation: mc-catalog-syncing-pulse 1.6s ease-in-out infinite;
}

@keyframes mc-catalog-syncing-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.65; }
}