/*
    FLOWMAP
*/

.flowmap-scene {
    fill: var(--main-blue);
    stroke: var(--main-beige);
    stroke-width: 2px;
    cursor: pointer;
}

.flowmap-scene:hover {
    stroke: var(--main-red);
}

.flowmap-scene.placeholder {
    fill: var(--main-black);
    stroke-dasharray: 5, 5;
}

.flowmap_line {
    stroke: var(--main-beige);
    stroke-width: 2px;
}

.flowmap_line.selected {
    stroke: var(--main-red);
}

#arrow_head {
    fill: var(--main-beige);
}

#arrow_head.selected {
    fill: var(--main-red);
    stroke: var(--main-red);
}