/* Real DOM connectors replace all generated pseudo-element arrows. */
.flow-connector{display:none!important}
html body #app .flowboard>.flownode>.flow-connector{position:absolute;width:22px!important;height:22px!important;min-width:0!important;min-height:0!important;max-width:22px!important;max-height:22px!important;inset:auto;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#7992bf;font-size:20px!important;line-height:22px!important;text-align:center;overflow:hidden!important;pointer-events:none;z-index:1}
@media(min-width:1101px){html body #app .flowboard>.flownode:not(:nth-child(4n)):not(:last-child)>.flow-connector{display:block!important;top:52px;right:-20px;bottom:auto;left:auto;transform:none}}
@media(min-width:721px) and (max-width:1100px){html body #app .flowboard>.flownode:nth-child(odd):not(:last-child)>.flow-connector{display:block!important;top:52px;right:-20px;bottom:auto;left:auto;transform:none}}
@media(max-width:720px){html body #app .flowboard{row-gap:26px}html body #app .flowboard>.flownode:not(:last-child)>.flow-connector{display:block!important;top:auto;right:auto;bottom:-25px;left:calc(50% - 11px);transform:rotate(90deg)}}