body:has(.flows-canvas),html:has(.flows-canvas){overscroll-behavior-x:none}.flows-canvas{.react-flow__viewport-portal{z-index:10000;pointer-events:none}&.flows-read-only{.react-flow__node.selectable{cursor:default}.node-content-media img,.node-content-media video{pointer-events:none}}&.flows-comment-mode{.react-flow__node,.react-flow__pane{cursor:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_420_4)'%3E%3Cg filter='url(%23filter0_d_420_4)'%3E%3Cpath d='M8.19566 19.5719C8.32378 19.5285 8.46374 19.5394 8.58553 19.5983C10.4491 20.4996 12.5689 20.7319 14.587 20.2517C16.6738 19.7553 18.5146 18.5298 19.7778 16.7961C21.041 15.0625 21.6435 12.9347 21.4767 10.7961C21.3098 8.65757 20.3847 6.64892 18.8679 5.13215C17.3511 3.61537 15.3425 2.6902 13.2039 2.52337C11.0654 2.35653 8.93757 2.959 7.20391 4.2222C5.47026 5.4854 4.24479 7.32626 3.74832 9.41307C3.26819 11.4312 3.5004 13.5509 4.40171 15.4145C4.46061 15.5363 4.47158 15.6763 4.42815 15.8044L2.82125 20.5447C2.68822 20.9372 3.06287 21.3118 3.4553 21.1788L8.19566 19.5719Z' fill='white'/%3E%3Cpath d='M8.19566 19.5719C8.32378 19.5285 8.46374 19.5394 8.58553 19.5983C10.4491 20.4996 12.5689 20.7319 14.587 20.2517C16.6738 19.7553 18.5146 18.5298 19.7778 16.7961C21.041 15.0625 21.6435 12.9347 21.4767 10.7961C21.3098 8.65757 20.3847 6.64892 18.8679 5.13215C17.3511 3.61537 15.3425 2.6902 13.2039 2.52337C11.0654 2.35653 8.93757 2.959 7.20391 4.2222C5.47026 5.4854 4.24479 7.32626 3.74832 9.41307C3.26819 11.4312 3.5004 13.5509 4.40171 15.4145C4.46061 15.5363 4.47158 15.6763 4.42815 15.8044L2.82125 20.5447C2.68822 20.9372 3.06287 21.3118 3.4553 21.1788L8.19566 19.5719Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_420_4' x='0.0424805' y='0.246094' width='24.2114' height='24.2109' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='0.5'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_420_4'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_420_4' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_420_4'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 11 11,crosshair}}.react-flow__nodesselection-rect,.react-flow__selection{overflow:visible;border-style:none;background-color:transparent}.react-flow__nodesselection-rect:before,.react-flow__selection:before{pointer-events:none;position:absolute;inset:0;border-radius:.125rem;border-width:1px;border-style:dashed;border-color:hsl(var(--blue-500)/.8);content:var(--tw-content);background-color:hsl(var(--blue-500)/.1)}.react-flow__nodesselection-rect:before{inset:-3rem;bottom:-5rem}.react-flow__renderer{.react-flow__pane.selection{cursor:default}[data-type=text]{--port-oklch:0.7 0 0;--port-highlight:oklch(0.5 0 0);--port-highlight-dark:#a1a1a1}[data-type=image]{--port-oklch:0.63 0.21 249.86;--port-highlight:oklch(0.44 0.14 248.74);--port-highlight-dark:#5ebfff}[data-type=video]{--port-oklch:0.58 0.27 289.97;--port-highlight:rgb(99 45 216);--port-highlight-dark:oklch(0.73 0.17 296.72)}[data-type=audio]{--port-oklch:0.63 0.21 323.07;--port-highlight:rgb(114 2 129);--port-highlight-dark:oklch(0.8 0.2 323.14)}.react-flow__handle{cursor:pointer!important}.node-handle{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center}.node-handle{background-color:color-mix(in oklch,oklch(var(--port-oklch)),rgba(255,255,255,.7) 65%);color:var(--port-highlight);.dark &{background-color:color-mix(in oklch,oklch(var(--port-oklch)),hsl(var(--gray-50)/.6) 65%);color:var(--port-highlight-dark)}}.react-flow__edge-path{stroke-width:2;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;animation-duration:.1s}.react-flow__edge-path{stroke:oklch(var(--port-oklch)/.35);--xy-edge-stroke-selected:oklch(var(--port-oklch));.dark &{stroke:oklch(var(--port-oklch)/.3);--xy-edge-stroke-selected:var(--port-highlight-dark)}&[data-selected=true]{stroke:oklch(var(--port-oklch))!important;.dark &{stroke:var(--port-highlight-dark)!important}}&[data-highlighted=true]{stroke:oklch(var(--port-oklch))!important;stroke-width:2.5px;.dark &{stroke:var(--port-highlight-dark)!important}}}.generating-edge-gradient{color:oklch(var(--port-oklch));.dark &{color:var(--port-highlight-dark)}}.react-flow__connection-path{stroke:oklch(var(--port-oklch));.dark &{stroke:var(--port-highlight-dark)}}.remove-edge{background-color:oklch(var(--port-oklch))}.react-flow__node{[contenteditable=true],textarea{cursor:text}body[data-scroll-locked] &{pointer-events:none!important}}.composition-track-clip{background-color:color-mix(in oklch,oklch(var(--port-oklch)),rgba(255,255,255,.7) 65%);color:var(--port-highlight);.dark &{background-color:oklch(var(--port-oklch)/.4);color:var(--port-highlight-dark)}.selection-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-color:color-mix(in oklch,var(--port-highlight),transparent 80%)}.selection-ring{&[data-selected=true]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:color-mix(in oklch,var(--port-highlight),transparent 60%)}.dark &{--tw-ring-color:color-mix(in oklch,var(--port-highlight-dark),transparent 60%)}.dark &{&[data-selected=true]{--tw-ring-color:color-mix(in oklch,var(--port-highlight-dark),transparent 30%)}}}}}}