.ping-dot {
    display: inline-block;
    min-width: .65em;
    height: .65em;
    border-radius: 50%;
    background: #6c757d;
    vertical-align: middle;
    box-shadow: 0 0 0 .15em rgba(108,117,125,.2)
}

    .ping-dot.ping-ok {
        background: #198754;
        box-shadow: 0 0 0 .15em rgba(25,135,84,.25)
    }

    .ping-dot.ping-dead {
        background: #dc3545;
        box-shadow: 0 0 0 .15em rgba(220,53,69,.25)
    }

    .ping-dot.ping-stale {
        background-color: #f0ad4e;
        box-shadow: 0 0 0 .15em rgb(175 177 31 / 25%);
        opacity: 1;
    }

    .ping-dot.pulse {
        animation: pingPulse 1.2s ease-in-out infinite
    }

@keyframes pingPulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.25)
    }

    100% {
        transform: scale(1)
    }
}