:is(html:has(.flows-canvas),body:has(.flows-canvas)){overscroll-behavior-x:none}.flows-canvas .react-flow__viewport-portal{z-index:10000;pointer-events:none}.flows-canvas.flows-read-only .react-flow__node.selectable{cursor:default}.flows-canvas.flows-read-only .node-content-media img,.flows-canvas.flows-read-only .node-content-media video{pointer-events:none}.flows-canvas.flows-comment-mode .react-flow__pane,.flows-canvas.flows-comment-mode .react-flow__node{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}.flows-canvas .react-flow__nodesselection-rect,.flows-canvas .react-flow__selection{background-color:#0000;border-style:none;overflow:visible}.flows-canvas .react-flow__nodesselection-rect:before,.flows-canvas .react-flow__selection:before{content:var(--tw-content);pointer-events:none;content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);border-style:dashed;border-width:1px;border-color:hsl(var(--blue-500) / .8);content:var(--tw-content);background-color:hsl(var(--blue-500) / .1);border-radius:.125rem;position:absolute;inset:0}.flows-canvas .react-flow__nodesselection-rect:before{inset:-3rem -3rem -5rem}.flows-canvas .react-flow__renderer .react-flow__pane.selection{cursor:default}.flows-canvas .react-flow__renderer [data-type=text]{--port-oklch:.7 0 0;--port-highlight:#636363;--port-highlight-dark:#a1a1a1}@supports (color:lab(0% 0 0)){.flows-canvas .react-flow__renderer [data-type=text]{--port-highlight:lab(42% 0 0)}}.flows-canvas .react-flow__renderer [data-type=image]{--port-oklch:.63 .21 249.86;--port-highlight:#005592;--port-highlight-dark:#5ebfff}@supports (color:lab(0% 0 0)){.flows-canvas .react-flow__renderer [data-type=image]{--port-highlight:lab(34.225% -1.70492 -46.3485)}}.flows-canvas .react-flow__renderer [data-type=video]{--port-oklch:.58 .27 289.97;--port-highlight:#632dd8;--port-highlight-dark:#b38fff}@supports (color:lab(0% 0 0)){.flows-canvas .react-flow__renderer [data-type=video]{--port-highlight-dark:lab(66.2944% 33.5327 -54.5497)}}.flows-canvas .react-flow__renderer [data-type=audio]{--port-oklch:.63 .21 323.07;--port-highlight:#720281;--port-highlight-dark:#f690ff}@supports (color:lab(0% 0 0)){.flows-canvas .react-flow__renderer [data-type=audio]{--port-highlight-dark:lab(73.7991% 55.5265 -43.3966)}}.flows-canvas .react-flow__renderer [data-type=voice]{--port-oklch:.65 .2 150;--port-highlight:#007f35;--port-highlight-dark:#4cd676}@supports (color:lab(0% 0 0)){.flows-canvas .react-flow__renderer [data-type=voice]{--port-highlight:lab(46.2849% -48.9361 33.0427);--port-highlight-dark:lab(76.742% -54.3943 35.916)}}.flows-canvas .react-flow__renderer [data-type=avatar]{--port-oklch:.605 .24 270;--port-highlight:#3d54d6;--port-highlight-dark:#88a5ff;--avatar-image-stop:#008cf2;--avatar-mid-stop:#5270ff;--avatar-video-stop:#8149ff}@supports (color:lab(0% 0 0)){.flows-canvas .react-flow__renderer [data-type=avatar]{--port-highlight:lab(40.4235% 26.3674 -70.8551);--port-highlight-dark:lab(67.8725% 16.1566 -67.8339);--avatar-image-stop:lab(55.7169% .10094 -69.9549);--avatar-mid-stop:lab(51.4679% 31.7493 -85.0244);--avatar-video-stop:lab(46.2509% 60.9496 -90.1117)}}.flows-canvas .react-flow__renderer .node-handle[data-type=avatar]{background:linear-gradient(to bottom right, color-mix(in oklch, var(--avatar-image-stop), white 72%), color-mix(in oklch, var(--avatar-video-stop), white 72%))}.dark :is(.flows-canvas .react-flow__renderer .node-handle[data-type=avatar]){background:linear-gradient(to bottom right, color-mix(in oklch, var(--avatar-image-stop), hsl(var(--gray-50) / .6) 65%), color-mix(in oklch, var(--avatar-video-stop), hsl(var(--gray-50) / .6) 65%))}.flows-canvas .react-flow__renderer .react-flow__handle{cursor:pointer!important}.flows-canvas .react-flow__renderer .node-handle{justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.flows-canvas .react-flow__renderer .node-handle{background-color:color-mix(in oklch, oklch(var(--port-oklch)), #ffffffb3 65%);color:var(--port-highlight)}.dark :is(.flows-canvas .react-flow__renderer .node-handle){background-color:color-mix(in oklch, oklch(var(--port-oklch)), hsl(var(--gray-50) / .6) 65%);color:var(--port-highlight-dark)}.flows-canvas .react-flow__renderer .node-handle[data-template=true]{background-color:rgb(var(--flow-marker-input) / .3);--tw-text-opacity:1;color:rgb(var(--flow-marker-input) / var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.1s}.flows-canvas .react-flow__renderer .node-handle[data-template=true]:hover{background-color:rgb(var(--flow-marker-input) / .4)}.flows-canvas .react-flow__renderer .react-flow__edge-path{stroke-width:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.1s}.flows-canvas .react-flow__renderer .react-flow__edge-path{stroke:oklch(var(--port-oklch) / .35);--xy-edge-stroke-selected:oklch(var(--port-oklch))}.dark :is(.flows-canvas .react-flow__renderer .react-flow__edge-path){stroke:oklch(var(--port-oklch) / .3);--xy-edge-stroke-selected:var(--port-highlight-dark)}.flows-canvas .react-flow__renderer .react-flow__edge-path[data-selected=true]{stroke:oklch(var(--port-oklch))!important}.dark .flows-canvas .react-flow__renderer .react-flow__edge-path[data-selected=true]{stroke:var(--port-highlight-dark)!important}.flows-canvas .react-flow__renderer .react-flow__edge-path[data-highlighted=true]{stroke-width:2.5px;stroke:oklch(var(--port-oklch))!important}.dark .flows-canvas .react-flow__renderer .react-flow__edge-path[data-highlighted=true]{stroke:var(--port-highlight-dark)!important}.flows-canvas .react-flow__renderer .generating-edge-gradient{color:oklch(var(--port-oklch))}.dark :is(.flows-canvas .react-flow__renderer .generating-edge-gradient){color:var(--port-highlight-dark)}.flows-canvas .react-flow__renderer .react-flow__connection-path{stroke:oklch(var(--port-oklch))}.dark :is(.flows-canvas .react-flow__renderer .react-flow__connection-path){stroke:var(--port-highlight-dark)}.flows-canvas .react-flow__renderer .remove-edge{background-color:oklch(var(--port-oklch))}.flows-canvas .react-flow__renderer .react-flow__node textarea,.flows-canvas .react-flow__renderer .react-flow__node [contenteditable=true]{cursor:text}body[data-scroll-locked] :is(.flows-canvas .react-flow__renderer .react-flow__node){pointer-events:none!important}.flows-canvas .react-flow__renderer .composition-track-clip{background-color:color-mix(in oklch, oklch(var(--port-oklch)), #ffffffb3 65%);color:var(--port-highlight)}.dark :is(.flows-canvas .react-flow__renderer .composition-track-clip){background-color:oklch(var(--port-oklch) / .4);color:var(--port-highlight-dark)}.flows-canvas .react-flow__renderer .composition-track-clip .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%)}.flows-canvas .react-flow__renderer .composition-track-clip .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 :is(.flows-canvas .react-flow__renderer .composition-track-clip .selection-ring){--tw-ring-color:color-mix(in oklch, var(--port-highlight-dark), transparent 60%)}.dark :is(.flows-canvas .react-flow__renderer .composition-track-clip .selection-ring)[data-selected=true]{--tw-ring-color:color-mix(in oklch, var(--port-highlight-dark), transparent 30%)}