button.svelte-1ypqg0h{width:9rem;background-color:var(--background-color);color:var(--primary-color);display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:var(--border-width) solid transparent;gap:var(--small-gap)}h2.svelte-1ypqg0h{text-align:center}.selected.svelte-1ypqg0h,button.svelte-1ypqg0h:hover{border:var(--border-width) solid var(--accent-color)}button.svelte-1ypqg0h:hover p:where(.svelte-1ypqg0h){display:block;line-height:1;-webkit-hyphens:auto;hyphens:auto}div.svelte-1ypqg0h{width:100%;height:6.25rem;position:relative;display:flex;justify-content:center}canvas.svelte-1ypqg0h{width:6.25rem;height:100%}p.svelte-1ypqg0h{display:none;position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--small-gap);font-size:var(--small-text);background-color:var(--background-color)}.node.svelte-14ldse1{display:flex;position:relative;flex-direction:column;justify-content:space-between;align-items:center;border:var(--border-width) solid var(--accent-color);border-radius:var(--large-radius);width:10rem;height:10rem;cursor:pointer}h2.svelte-14ldse1{margin-top:var(--medium-gap)}canvas.svelte-14ldse1{width:100px;height:100px}.node-connectors.svelte-14ldse1{margin-bottom:calc(-.5em - var(--border-width));display:flex;justify-content:space-around;width:100%}button.svelte-1tx0n9f{width:calc(1em + 2 * var(--border-width));height:calc(1em + 2 * var(--border-width));border-radius:50%;border:var(--border-width) solid var(--background-color)}.selected.svelte-1tx0n9f,.compatible.svelte-1tx0n9f,button.svelte-1tx0n9f:hover{outline:var(--border-width) solid var(--accent-color)}div.svelte-fv5b1w{display:flex;gap:.5rem}input.svelte-fv5b1w{width:3rem;border-radius:var(--small-radius);border:var(--border-width) solid var(--accent-color);background-color:var(--darker-accent-color);color:var(--background-color);padding:.1rem .2rem;font-size:var(--small-text)}.svelte-fv5b1w::placeholder{opacity:.5}input.svelte-fv5b1w::-webkit-outer-spin-button,input.svelte-fv5b1w::-webkit-inner-spin-button{display:none;-webkit-appearance:none;margin:0}div.svelte-8apo56{display:flex;align-items:center;gap:var(--small-gap)}input[type=color].svelte-8apo56{width:2em;height:1.8em}input[type=number].svelte-8apo56{width:4em;border-radius:var(--small-radius);border:var(--border-width) solid var(--accent-color);background-color:var(--darker-accent-color);color:var(--background-color);padding:.1rem .2rem;font-size:var(--small-text)}.svelte-8apo56::placeholder{opacity:.5}input.svelte-8apo56::-webkit-outer-spin-button,input.svelte-8apo56::-webkit-inner-spin-button{display:none;-webkit-appearance:none;margin:0}.node.svelte-1s7988x{display:flex;position:relative;flex-direction:column;justify-content:space-between;border:var(--border-width) solid var(--accent-color);border-radius:var(--large-radius);width:20rem;height:20rem}.node-connectors.svelte-1s7988x{position:absolute;top:calc(-.5em - var(--border-width));display:flex;justify-content:space-around;width:100%}.node.svelte-1s7988x>canvas:where(.svelte-1s7988x){width:175px;height:175px;margin:0 auto}.node-header.svelte-1s7988x{display:flex;justify-content:center;align-items:center;gap:var(--medium-gap);padding:var(--medium-gap)}.node-header.svelte-1s7988x button:where(.svelte-1s7988x){position:absolute;left:var(--medium-gap);top:var(--medium-gap)}.node-parameters.svelte-1s7988x{display:flex;gap:var(--medium-gap);justify-content:space-evenly}.input.svelte-1s7988x{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--small-gap)}.input-connector.svelte-1s7988x{margin-bottom:calc(-.5em - var(--border-width))}.node.svelte-1baya7e{display:flex;position:relative;flex-direction:column;justify-content:space-between;align-items:center;border:var(--border-width) solid var(--accent-color);border-radius:var(--large-radius);min-width:10rem;height:10rem;padding:var(--medium-gap);cursor:pointer}canvas.svelte-1baya7e{width:100px;height:100px}.node-connectors.svelte-1baya7e{position:absolute;top:0;margin-top:calc(-.5em - var(--border-width));display:flex;justify-content:space-around;width:100%}svg.svelte-1v8mibb{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}line.svelte-1v8mibb{pointer-events:all;cursor:pointer}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}@font-face{font-family:Necto Mono;src:url(/cocktail-composite/assets/NectoMono-Regular-DqWwzdfY.woff2)}:root{--large-text: 1.25rem;--medium-text: 1rem;--small-text: .75rem;--large-gap: 1rem;--medium-gap: .5rem;--small-gap: .25rem;--large-radius: .5rem;--small-radius: .25rem;--border-width: .125rem;--primary-color: #070707;--background-color: #f6f4f2;--accent-color: #e0772d;--darker-accent-color: #ae5a1e;--placeholder-color: #b1b2b5}:root{font-family:Necto Mono,monospace;font-size:var(--medium-text);color:var(--primary-color)}html{background-color:var(--background-color)}html,body,#app{height:100%}h1{font-size:var(--large-text)}button{border-radius:var(--small-radius);background-color:var(--accent-color);color:var(--background-color);font-family:Necto Mono;cursor:pointer;padding:var(--small-gap) var(--medium-gap)}canvas{background-color:var(--placeholder-color)}main.svelte-zi7em1{padding:var(--medium-gap);display:flex;height:100%}#editor.svelte-zi7em1{display:flex;flex-direction:row;width:100%;height:100%;gap:var(--large-gap);align-items:stretch}#node-view.svelte-zi7em1{flex-grow:1;display:flex;flex-direction:column}#effect-view.svelte-zi7em1{width:20rem;padding:var(--medium-gap);border:var(--border-width) solid var(--primary-color);border-radius:var(--large-radius);display:flex;flex-direction:column;align-items:center;gap:var(--medium-gap)}#effects.svelte-zi7em1{overflow:scroll;display:flex;flex-wrap:wrap;gap:var(--medium-gap)}nav.svelte-zi7em1{display:flex;gap:var(--medium-gap)}#nodes.svelte-zi7em1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em;height:100%}#title.svelte-zi7em1{margin:auto}#visualizer.svelte-zi7em1{position:absolute;top:0;right:0;bottom:0;left:0}#visualizer.svelte-zi7em1 canvas:where(.svelte-zi7em1){width:100%;height:100%}#visualizer.svelte-zi7em1 button:where(.svelte-zi7em1){position:absolute;top:var(--medium-gap);left:var(--medium-gap)}.placeholder-node.svelte-zi7em1{width:8rem;height:8rem;background-color:var(--background-color);border:var(--border-width) dashed var(--accent-color);border-radius:var(--large-radius);display:flex;justify-content:center;align-items:center;font-size:3em;color:var(--accent-color)}#focus-node.svelte-zi7em1 .placeholder-node:where(.svelte-zi7em1){width:12rem;height:12rem}#child-nodes.svelte-zi7em1{display:flex;gap:var(--large-gap);align-items:center}