.edge{
    path {fill: none;}
    .edge-handler {
        stroke: transparent;
        fill: none;
    }
    text {
        display: none;
        fill: white;
        font-weight: 200;
        text-anchor: middle;
        z-index: 1000;
        //simulate text outline
        text-shadow: 1px 1px #333, -1px 1px #333, 1px -1px #333, -1px -1px #333;
    }
    &.active{
        text {
            display: none;
            fill: white;
            font-weight: 200;
            text-anchor: middle;
            z-index: 1000;
            //simulate text outline
            text-shadow: 1px 1px #333, -1px 1px #333, 1px -1px #333, -1px -1px #333;
        }
        &:hover, &.selected {
            cursor: pointer;
            text { display: block;}
        }
    }
}