/*
|--------------------------------------------------------------------------
| Worker Animations
|--------------------------------------------------------------------------
*/

.worker-card{

    transition:

        transform .25s ease,

        box-shadow .25s ease,

        border-color .25s ease;

}

.worker-status-dot{

    animation:

        workerPulse 2s infinite;

}

@keyframes workerPulse{

    0%{

        transform:scale(1);

        opacity:1;

    }

    50%{

        transform:scale(1.35);

        opacity:.65;

    }

    100%{

        transform:scale(1);

        opacity:1;

    }

}

.worker-live{

    animation:

        workerLive 2.5s infinite;

}

@keyframes workerLive{

    0%{

        box-shadow:

            0 0 0 rgba(0,212,255,0);

    }

    50%{

        box-shadow:

            0 0 18px rgba(0,212,255,.35);

    }

    100%{

        box-shadow:

            0 0 0 rgba(0,212,255,0);

    }

}