:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}html,body,#root{height:100%;margin:0}.react-flow__node-example .handles{justify-content:space-around;display:flex;position:absolute}.react-flow__node-example .handles[data-side=top],.react-flow__node-example .handles[data-side=bottom]{left:0;right:0}.react-flow__node-example .handles[data-side=left],.react-flow__node-example .handles[data-side=right]{flex-direction:column;top:0;bottom:0}.react-flow__node-example .handles[data-side=top]{top:0;transform:translateY(-50%)}.react-flow__node-example .handles[data-side=bottom]{bottom:0;transform:translateY(50%)}.react-flow__node-example .handles[data-side=right]{right:0;transform:translate(50%)}.react-flow__node-example .handles[data-side=left]{left:0;transform:translate(-50%)}.react-flow__node-example .react-flow__handle{position:relative;top:auto;bottom:auto;left:auto;transform:none}.react-flow__node-example .react-flow__handle.source{border-color:var(--color-primary)}