.canvas-minimap{position:absolute!important;bottom:80px!important;left:50%!important;transform:translateX(-50%)!important;width:200px!important;height:120px!important;border:1px solid hsl(var(--border-search-canvas-files-default))!important;border-radius:12px!important;box-shadow:0 10px 25px -5px hsl(var(--foreground)/.1),0 10px 10px -5px hsl(var(--foreground)/.04)!important;background:hsl(var(--bg-left-side-menu)/.95)!important;backdrop-filter:blur(8px)!important;z-index:40!important;overflow:hidden!important}.canvas-minimap .react-flow__minimap-mask{fill:hsl(var(--foreground)/.1)!important}.canvas-minimap-public{bottom:24px!important;right:80px!important}.canvas-navigation-toolbar{position:absolute;bottom:24px;right:24px;z-index:50}.canvas-navigation-toolbar button{transition:all .2s cubic-bezier(.4,0,.2,1)}.canvas-navigation-toolbar button:hover{transform:translateY(-1px);box-shadow:0 4px 12px -2px hsl(var(--foreground)/.1)}.canvas-navigation-toolbar button:active{transform:translateY(0)}.canvas-navigation-toolbar .zoom-display{font-variant-numeric:tabular-nums;letter-spacing:-.025em}.canvas-main-toolbar{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:50}@media (max-width:768px){.canvas-minimap{width:150px!important;height:90px!important;bottom:16px!important;right:70px!important}.canvas-navigation-toolbar{bottom:16px;right:16px}.canvas-main-toolbar{bottom:16px;left:50%;transform:translateX(-50%)}}.react-flow__renderer{isolation:isolate}.react-flow__edges{z-index:0!important;position:relative}.react-flow__connection-line,.react-flow__edge-labels{z-index:1!important}.react-flow__nodes{z-index:2!important;position:relative}.custom-edge{transition:all .2s ease-in-out}.custom-edge:hover{filter:drop-shadow(0 0 6px hsl(var(--primary)/.3))}.custom-edge.selected{filter:drop-shadow(0 0 8px hsl(var(--primary)/.5))}.react-flow__edge path{stroke-width:2.5!important;stroke:hsl(var(--primary))!important;cursor:pointer!important;transition:all .2s ease-in-out!important}.react-flow__edge marker{overflow:visible!important}.react-flow__edge marker path{fill:hsl(var(--primary))!important;stroke:hsl(var(--primary))!important}.react-flow__edge:hover path{stroke:hsl(var(--primary))!important;stroke-width:3px!important;filter:drop-shadow(0 0 4px hsl(var(--primary)/.4))!important}.react-flow__edge:hover marker path{fill:hsl(var(--primary))!important;stroke:hsl(var(--primary))!important}.react-flow__edge.react-flow__edge-selected path{stroke:hsl(var(--primary))!important;stroke-width:3px!important;filter:drop-shadow(0 0 8px hsl(var(--primary)/.6))!important}.react-flow__edge.react-flow__edge-selected marker path{fill:hsl(var(--primary))!important;stroke:hsl(var(--primary))!important}.react-flow__edge,.react-flow__edge:hover{cursor:pointer!important}.react-flow__edge-interaction,.react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round;cursor:pointer;pointer-events:all}.react-flow__edge-label{color:hsl(var(--text-default))!important;font-size:12px!important;font-weight:500!important}.react-flow__edge-label *{color:inherit!important}.react-flow__edge-label-wrapper{color:hsl(var(--text-default))!important}.react-flow__edge-label-wrapper *{color:inherit!important}.react-flow__edge text{fill:hsl(var(--text-default))!important;font-size:12px!important;font-weight:500!important}.react-flow__edge-label-renderer{color:hsl(var(--text-default))!important}.react-flow__edge-label-renderer *{color:inherit!important}[class*=react-flow__edge] .react-flow__edge-label,[class*=react-flow__edge] .react-flow__edge-label-wrapper,[class*=react-flow__edge] text{color:hsl(var(--text-default))!important;fill:hsl(var(--text-default))!important}.dark .react-flow__edge text,.dark .react-flow__edge-label,.dark .react-flow__edge-label-wrapper,.dark [class*=react-flow__edge] .react-flow__edge-label,.dark [class*=react-flow__edge] .react-flow__edge-label-wrapper,.dark [class*=react-flow__edge] text{color:#fff!important;fill:#fff!important}.dark .react-flow__edge-label,.dark .react-flow__edge-label-wrapper,.dark [class*=react-flow__edge] .react-flow__edge-label,.dark [class*=react-flow__edge] .react-flow__edge-label-wrapper{background-color:#24252d!important}.dark .react-flow__edge-label-renderer div,.dark .react-flow__edge-label-renderer>div{background-color:#24252d!important;color:#fff!important}.dark .react-flow__edge-label-renderer *{color:#fff!important}.dark .react-flow__edge text{fill:#fff!important;color:#fff!important}.dark .react-flow__edge-label-renderer{--edge-label-text-color:#fff;--edge-label-bg-color:#24252d}.dark .react-flow__edge-label-renderer *,.dark .react-flow__edge-label-renderer>div{color:var(--edge-label-text-color)!important}.dark .react-flow__edge-label-renderer>div{background-color:var(--edge-label-bg-color)!important}.dark .react-flow__edge-label-renderer,.dark .react-flow__edge-label-renderer div,.dark .react-flow__edge-label-renderer p,.dark .react-flow__edge-label-renderer span,.dark [data-theme=light]{color:#fff!important;background-color:#24252d!important}.dark [data-theme=light] *{color:#fff!important}:root [class*=react-flow__edge] .react-flow__edge-label,:root [class*=react-flow__edge] .react-flow__edge-label-wrapper,:root [class*=react-flow__edge] text{color:#101827!important;fill:#101827!important}