:global(.react-flow__handle.source){
    border-radius: 100%;
}
:global(.react-flow__handle.target){
    border-radius: 15%;
}



:global(.react-flow__handle.connected) {
    background: lightgray;
    border-color: green;
    filter: drop-shadow(0 0 0.15rem green);
}

:global(.singleConnectionHandle.connected) {
    background: #55dd99;
}

:global(.react-flow__handle.unconnected){
    background: lightgray;
    border-color: gray;
}

:global(.singleConnectionHandle.unconnected){
    background: lightsalmon;
    border-color: #ff6060;
    filter: drop-shadow(0 0 0.15rem #ff6060);
}

:global(.react-flow__handle.connectingto) {
    background: #ff6060;
    border-color: coral;
    filter: drop-shadow(0 0 0.15rem coral);
}

:global(.react-flow__handle.valid) {
    background: #55dd99;
    border-color: green;
    filter: drop-shadow(0 0 0.15rem green);
}

:global(.react-flow__handle) {
    width: calc(8px / var(--flow-zoom, 1));
    height: calc(8px / var(--flow-zoom, 1));
    transition: width 0.1s ease, height 0.1s ease;
    min-width: 8px;
    min-height: 8px;
}