.web-radio-handle.is-playing {
  animation: web-radio-live-breathe 1.55s ease-in-out infinite;
  transform-origin: 50% 60%;
}

.web-radio-handle.is-playing .web-radio-handle-icon {
  animation: web-radio-note-sway .78s ease-in-out infinite alternate;
  transform-origin: 50% 70%;
}

.web-radio-handle.is-playing .web-radio-live-dot {
  animation: web-radio-dot-live 1.1s ease-in-out infinite;
}

@keyframes web-radio-live-breathe {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 10px 24px rgba(240, 126, 14, .22);
  }
  48% {
    transform: translateY(-2px) scale(1.025);
    box-shadow: 0 13px 29px rgba(240, 126, 14, .38);
  }
}

@keyframes web-radio-note-sway {
  from { transform: rotate(-3deg) translateY(0); }
  to { transform: rotate(4deg) translateY(-1px); }
}

@keyframes web-radio-dot-live {
  0%, 100% { opacity: .62; transform: scale(.82); }
  50% { opacity: 1; transform: scale(1.22); box-shadow: 0 0 0 4px rgba(255, 255, 255, .18); }
}

@media (prefers-reduced-motion: reduce) {
  .web-radio-handle.is-playing,
  .web-radio-handle.is-playing .web-radio-handle-icon,
  .web-radio-handle.is-playing .web-radio-live-dot {
    animation: none;
  }

  .web-radio-handle.is-playing {
    box-shadow: 0 0 0 4px rgba(240, 126, 14, .14), 0 10px 24px rgba(240, 126, 14, .3);
  }
}