/* Vibrating / Buzzing Animation for Social Chat Notification Queue */
@keyframes conversation-queue-buzz {
    0%, 100% {
        transform: rotate(0deg);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: rotate(-14deg);
    }
    20%, 40%, 60%, 80% {
        transform: rotate(14deg);
    }
}

.conversation-queue-buzz svg,
.fi-topbar-conversation-queue-btn.conversation-queue-buzz svg {
    animation: conversation-queue-buzz 1.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
    transform-origin: top center;
    color: #008EA9 !important;
}

.conversation-queue-buzz .fi-badge,
.conversation-queue-buzz-badge {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    animation: conversation-pulse-ring 1.8s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes conversation-pulse-ring {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 6px rgba(239, 68, 68, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}
