.klyp-NodeHandle{width:var(--space-48);height:var(--space-48);cursor:crosshair;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.klyp-NodeHandle__dot{width:var(--space-8);height:var(--space-8);background:var(--color-canvas-handle-text);opacity:.25;transition:opacity var(--duration-fast,.14s) var(--easing-standard,ease), transform var(--duration-fast,.15s) var(--easing-standard,ease), box-shadow var(--duration-normal,.2s) var(--easing-standard,ease), background-color var(--duration-normal,.2s) var(--easing-standard,ease);border-radius:50%}.klyp-NodeHandle:hover .klyp-NodeHandle__dot,.klyp-NodeHandle:focus-visible .klyp-NodeHandle__dot{opacity:1;transform:scale(1.4)}.klyp-NodeHandle[data-kind=text] .klyp-NodeHandle__dot{background:var(--color-canvas-handle-text)}.klyp-NodeHandle[data-kind=image] .klyp-NodeHandle__dot{background:var(--color-canvas-handle-image)}.klyp-NodeHandle[data-kind=video] .klyp-NodeHandle__dot{background:var(--color-canvas-handle-video)}.klyp-NodeHandle[data-kind=audio] .klyp-NodeHandle__dot{background:var(--color-canvas-handle-audio)}.klyp-NodeHandle[data-kind=media] .klyp-NodeHandle__dot{background:var(--color-canvas-handle-media)}.klyp-NodeHandle[data-state=hovered] .klyp-NodeHandle__dot{opacity:1;transform:scale(1.4)}.klyp-NodeHandle[data-state=connecting] .klyp-NodeHandle__dot{opacity:1;animation:1.5s ease-in-out infinite klyp-NodeHandle-pulse}.klyp-NodeHandle[data-state=connected] .klyp-NodeHandle__dot{opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-bg-root) 50%, transparent)}.klyp-NodeHandle[data-state=invalid] .klyp-NodeHandle__dot{opacity:1;background:var(--color-status-danger);animation:1s ease-in-out infinite klyp-NodeHandle-pulse-invalid}.klyp-NodeFrame:hover .klyp-NodeHandle__dot,.klyp-NodeFrame:focus-within .klyp-NodeHandle__dot,.klyp-NodeFrame[data-state=selected] .klyp-NodeHandle__dot,.react-flow__node:hover .klyp-NodeHandle__dot,.react-flow__node.selected .klyp-NodeHandle__dot{opacity:1}@media (prefers-reduced-motion:reduce){.klyp-NodeHandle__dot{transition:opacity var(--duration-fast,.14s) linear;animation:none!important}.klyp-NodeHandle:hover .klyp-NodeHandle__dot,.klyp-NodeHandle[data-state=hovered] .klyp-NodeHandle__dot{transform:none}}@keyframes klyp-NodeHandle-pulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 var(--space-6,6px) color-mix(in srgb, var(--color-status-info) 35%, transparent)}}@keyframes klyp-NodeHandle-pulse-invalid{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 var(--space-6,6px) color-mix(in srgb, var(--color-status-danger) 35%, transparent)}}