.graph.svelte-5tin1o{isolation:isolate;cursor:grab;width:100%;height:100%;min-height:260px;position:relative;overflow:hidden}canvas.svelte-5tin1o{width:100%;height:100%;-webkit-mask-image:linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent), linear-gradient(to bottom, transparent, #000 var(--feather-top,28px), #000 calc(100% - 28px), transparent);mask-image:linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent), linear-gradient(to bottom, transparent, #000 var(--feather-top,28px), #000 calc(100% - 28px), transparent);display:block;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.node.svelte-5tin1o{width:40px;height:40px;transform:translate(-50%, -50%) scale(var(--s,1));cursor:pointer;background:#0e0e0e;border:1px solid #2e2e2e;border-radius:50%;place-items:center;padding:0;transition:border-color .16s,box-shadow .16s;display:grid;position:absolute}.node.svelte-5tin1o:hover{border-color:#5a5a5a}.node.svelte-5tin1o:focus{outline:none}.node.svelte-5tin1o:focus-visible{border-color:var(--color-ink)}.node.query.svelte-5tin1o{border:1.5px solid var(--color-ink);width:48px;height:48px;box-shadow:0 0 18px #ffffff2e}.node.role1.svelte-5tin1o,.node.role2.svelte-5tin1o{border:1.25px solid var(--color-ink-2)}.role.svelte-5tin1o{white-space:nowrap;pointer-events:none;text-shadow:0 0 6px var(--color-void), 0 0 2px var(--color-void);align-items:baseline;gap:4px;line-height:1;animation:1.1s cubic-bezier(.37,0,.63,1) both svelte-5tin1o-role-in;display:flex;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}@keyframes svelte-5tin1o-role-in{0%{opacity:0}}.flip.svelte-5tin1o .role:where(.svelte-5tin1o){left:auto;right:calc(100% + 6px)}.role.svelte-5tin1o i:where(.svelte-5tin1o){font-family:var(--font-math);color:var(--color-ink);font-size:17px}.role.svelte-5tin1o small:where(.svelte-5tin1o){font-size:var(--text-2xs);color:var(--color-ink-3)}.cube.svelte-fzewpp{cursor:grab;width:100%;height:100%;min-height:260px;position:relative}.cube.svelte-fzewpp:active{cursor:grabbing}canvas.svelte-fzewpp{width:100%;height:100%;-webkit-mask-image:linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent), linear-gradient(to bottom, transparent, #000 var(--feather-top,28px), #000 calc(100% - 28px), transparent);mask-image:linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent), linear-gradient(to bottom, transparent, #000 var(--feather-top,28px), #000 calc(100% - 28px), transparent);display:block;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.axis.svelte-fzewpp{pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;transform:translate(-50%,-50%)}.axis.svelte-fzewpp i:where(.svelte-fzewpp){font-family:var(--font-math);color:var(--color-ink);font-size:20px;line-height:1}.axis.svelte-fzewpp small:where(.svelte-fzewpp){font-size:var(--text-2xs);color:var(--color-ink-3)}