@keyframes animPath{
    from{
        stroke-dashoffset: 0;
    }
    to{
        stroke-dashoffset: -500;
    }
}

@keyframes pulse {
    0%{
        scale: 1;
    }
    10%{
        scale: 1.25
    }
    100%{
        scale: 1;
    }
}

@keyframes animPathDying {
    0%{
        stroke-dasharray: 50;
        stroke-dashoffset: 0;
    }
    100%{
        stroke-dasharray: 0;
        stroke-dashoffset: -500;
    }
}

.main-path.selectedPath, .main-path.pathAnimated {

	/* filter: brightness(0.8);

    stroke-width: 15px; */

    stroke-dasharray: 50;

    animation: animPath 3s infinite linear;
}

.main-path.pathAnimated{
    animation: animPath 10s;
    animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
}

.selectedSocket{

    animation: pulse 1s infinite;
    /* filter: brightness(0.8);

    scale: 1.2; */
}