.hero-live-card-header span.is-autodj {
    color: #d8e9ff;
    background: #17466f;
}

.stream-is-live .live-dot {
    animation: livePulse 1.4s ease-in-out infinite;
}

.stream-is-live .hero-live-avatar {
    box-shadow:
        0 0 0 5px rgba(12, 124, 255, .12),
        0 0 30px rgba(12, 124, 255, .32);
}

.stream-is-autodj .hero-equalizer i {
    opacity: .72;
    animation-duration: 1.8s;
}

@keyframes livePulse {
    0%,
    100% {
        box-shadow: 0 0 0 4px rgba(12, 124, 255, .14);
    }

    50% {
        box-shadow: 0 0 0 8px rgba(12, 124, 255, .04);
    }
}

.live-api-debug {
    display: none;
}