.animated-dot-1 {
    animation: pulseDot 1.4s infinite ease-in-out;
}
.animated-dot-2 {
    animation: pulseDot 1.4s infinite ease-in-out;
    animation-delay: 0.2s;
}
.animated-dot-3 {
    animation: pulseDot 1.4s infinite ease-in-out;
    animation-delay: 0.4s;
}
@keyframes pulseDot {
    0%, 100% {
        transform: scale(1);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.5);
        opacity: 1;
    }
}
.processing-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.processing-message {
    min-height: 1.5rem;
    display: block;
}
.processing-circle-progress {
    transition: stroke-dashoffset 0.5s ease;
} 