//
// Node animation
// --------------------------------------------------


#node-canvas{
    position: absolute;
    top: 0;
    width: 1400px;
    background-color: transparent;

    rect {
        fill: none;
        pointer-events: all;
    }

    .node {
        /*fill: #a7a7a7;*/
        fill: #939393;
        stroke: #bbb;
        z-index: 100;
        transition-property: stroke fill;
        transition-duration: 1s;
    }

    .node.active {
        /*fill: #bbb;  */
        stroke: #dd4e58;
        transition-property: stroke fill;
        transition-duration: 1s;
    }

    .cursor {
        fill: none;
        stroke: brown;
        pointer-events: none;
    }

    .link {
        stroke: #bbb;
        stroke-width: 1.5;
        z-index: 0;
        transition-property: stroke fill;
        transition-duration: 1s;
    }

    .link.active{
        stroke: #dd4e58;
        transition-property: stroke;
        transition-duration: 1s;
    }
}