*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2e2e2e;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#000;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0 auto;padding:2rem;text-align:center}.Game{display:flex;flex-direction:row;width:100%;height:auto}.GameStatistics{display:flex;flex-direction:column;width:50%;max-width:720px}.NavBar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;position:absolute;top:0;left:0;right:0;padding-top:1rem;padding-bottom:1rem;background-color:#0000001a;z-index:10}.NavBar .separator{font-size:1.5em;color:#ccc;align-self:center}.NavBar button.Selected{background-color:#646cff;color:#fff}.flux-board{display:flex;flex-direction:row;margin-top:2rem}.flux-board .game-board{display:grid;padding:.5rem;margin-right:1rem;margin-top:1rem;position:relative;background:url(/ludoqueue/assets/grass-DCanwMHa.png) repeat;border-radius:1rem}.flux-board .game-board .tile-wrapper{border-radius:1rem;background-color:#00000026;aspect-ratio:1 / 1;padding:.5rem}.tile{display:grid;place-content:stretch;color:#000}.Toolset{background-color:#dbcfdb;padding:1rem;border-radius:20px;width:200px;height:fit-content;min-width:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99}.ToolsetTitle{margin-bottom:20px}.ToolsetSubtitle{margin-top:5px;text-align:center}.ToolsetWarning{margin-top:20px;font-weight:700}.good{display:inline-block;width:8px;height:8px;border-radius:50%;margin:2px}.red{background:#f61919}.blue{background:#1919f6}.green{background:#19f619}.source-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:visible}.source-tile progress{width:100%}.source-tile .movingDirection-down{position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.source-tile .movingDirection-right{position:absolute;right:-2px;top:40%;transform:translateY(-50%)}.source-tile .movingDirection-up{position:absolute;top:-4px;left:50%;transform:translate(-50%)}.source-tile .movingDirection-left{position:absolute;left:-2px;top:40%;transform:translateY(-50%)}.sourcesprite{width:330px;height:500px;background:url(/ludoqueue/assets/source-LQ6-B8-n.png) no-repeat;position:absolute;left:50%;top:50%;translate:-50% -55%;scale:.22727;transform-origin:center}.stop-animation{animation:none;background-position:0px 0px}.animate-source{animation:source-animation 1s steps(1)}@keyframes source-animation{0%{background-position:0px 0px}3.33%{background-position:-330px 0px}6.66%{background-position:-660px 0px}9.99%{background-position:-990px 0px}13.32%{background-position:-1320px 0px}16.65%{background-position:-1650px 0px}19.98%{background-position:-1980px 0px}23.31%{background-position:-2310px 0px}26.64%{background-position:-2640px 0px}29.97%{background-position:0px -500px}33.30%{background-position:-330px -500px}36.63%{background-position:-660px -500px}39.96%{background-position:-990px -500px}43.29%{background-position:-1320px -500px}46.62%{background-position:-1650px -500px}49.95%{background-position:-1980px -500px}53.28%{background-position:-2310px -500px}56.61%{background-position:-2640px -500px}59.94%{background-position:0px -1000px}63.27%{background-position:-330px -1000px}66.60%{background-position:-660px -1000px}69.93%{background-position:-990px -1000px}73.26%{background-position:-1320px -1000px}76.59%{background-position:-1650px -1000px}79.92%{background-position:-1980px -1000px}83.25%{background-position:-2310px -1000px}86.58%{background-position:-2640px -1000px}89.91%{background-position:0px -1500px}93.24%{background-position:-330px -1500px}96.57%{background-position:-660px -1500px}to{background-position:-990px -1500px}}.transporter-tile{display:grid;place-content:center;position:relative;overflow:visible}.transporter-tile progress{width:100%}.transport-sprite{width:500px;height:500px;position:absolute;left:50%;top:50%;translate:-50% -50%;scale:.16;transform-origin:center;animation:1s steps(1) infinite}.transport-direction-down-right-animate{background:url(/ludoqueue/assets/spritesheet-DQBVDhRk.png) no-repeat;animation-name:animation}.transport-direction-down-left-animate{background:url(/ludoqueue/assets/spritesheet-T9OyvX7j.png) no-repeat;animation-name:animation}.transport-direction-down-up-animate{background:url(/ludoqueue/assets/spritesheet-DR-KC6hB.png) no-repeat;animation-name:animation}.transport-direction-left-down-animate{background:url(/ludoqueue/assets/spritesheet-DsS2qf-J.png) no-repeat;animation-name:animation}.transport-direction-left-up-animate{background:url(/ludoqueue/assets/spritesheet-CmWMaGTQ.png) no-repeat;animation-name:animation}.transport-direction-left-right-animate{background:url(/ludoqueue/assets/spritesheet-Qo6xP7-d.png) no-repeat;animation-name:oldAnimation}.transport-direction-right-left-animate{background:url(/ludoqueue/assets/spritesheet-BkSOO3sn.png) no-repeat;animation-name:oldAnimation}.transport-direction-right-down-animate{background:url(/ludoqueue/assets/spritesheet-z9l8iHCc.png) no-repeat;animation-name:animation}.transport-direction-right-up-animate{background:url(/ludoqueue/assets/spritesheet-BGuf1WLd.png) no-repeat;animation-name:animation}.transport-direction-up-down-animate{background:url(/ludoqueue/assets/spritesheet-D1JiB9Fg.png) no-repeat;animation-name:animation}.transport-direction-up-left-animate{background:url(/ludoqueue/assets/spritesheet-DBWKMMz2.png) no-repeat;animation-name:animation}.transport-direction-up-right-animate{background:url(/ludoqueue/assets/spritesheet-p3hDvH66.png) no-repeat;animation-name:animation}@keyframes animation{0%{background-position:0px 0px}10%{background-position:-500px 0px}20%{background-position:-1000px 0px}30%{background-position:-1500px 0px}40%{background-position:-2000px 0px}50%{background-position:-2500px 0px}60%{background-position:-3000px 0px}70%{background-position:-3500px 0px}80%{background-position:-4000px 0px}90%{background-position:0px -550px}to{background-position:-500px -550px}}@keyframes oldAnimation{0%{background-position:0px 0px}10%{background-position:-500px 0px}20%{background-position:-1000px 0px}30%{background-position:-1500px 0px}40%{background-position:-2000px 0px}50%{background-position:-2500px 0px}60%{background-position:-3000px 0px}70%{background-position:-3500px 0px}80%{background-position:-4000px 0px}90%{background-position:0px -500px}to{background-position:-500px -500px}}.stock-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.stock-tile progress{width:100%}.stock-tile .leavingMovingDirection-vertical{position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.stock-tile .entryMovingDirection-vertical{position:absolute;top:-4px;left:50%;transform:translate(-50%)}.stock-tile .leavingMovingDirection-horizontal{position:absolute;right:-2px;top:40%;transform:translateY(-50%)}.stock-tile .entryMovingDirection-horizontal{position:absolute;left:-2px;top:40%;transform:translateY(-50%)}.stock-sprite{width:330px;height:500px;position:absolute;left:50%;top:50%;translate:-50% -55%;scale:.22727;transform-origin:center;background:url(/ludoqueue/assets/spritesheet-CqewnSy4.png) no-repeat}.quantity-empty{background-position:-1320px -1500px}.quantity-one{background-position:-1650px -1500px}.quantity-two{background-position:-1980px -1500px}.quantity-full{background-position:-2310px -1500px}.animate-stock{animation:stock-animation 1s steps(1)}@keyframes stock-animation{0.00%{background-position:-0px -0px}3.33%{background-position:-330px -0px}6.67%{background-position:-660px -0px}10.00%{background-position:-990px -0px}13.33%{background-position:-1320px -0px}16.67%{background-position:-1650px -0px}20.00%{background-position:-1980px -0px}23.33%{background-position:-2310px -0px}26.67%{background-position:-2640px -0px}30.00%{background-position:-0px -500px}33.33%{background-position:-330px -500px}36.67%{background-position:-660px -500px}40.00%{background-position:-990px -500px}43.33%{background-position:-1320px -500px}46.67%{background-position:-1650px -500px}50.00%{background-position:-1980px -500px}53.33%{background-position:-2310px -500px}56.67%{background-position:-2640px -500px}60.00%{background-position:-0px -1000px}63.33%{background-position:-330px -1000px}66.67%{background-position:-660px -1000px}70.00%{background-position:-990px -1000px}73.33%{background-position:-1320px -1000px}76.67%{background-position:-1650px -1000px}80.00%{background-position:-1980px -1000px}83.33%{background-position:-2310px -1000px}86.67%{background-position:-2640px -1000px}90.00%{background-position:-0px -1500px}93.33%{background-position:-330px -1500px}96.67%{background-position:-660px -1500px}100.00%{background-position:-990px -1500px}}.consumer-sprite{width:500px;height:500px;background:url(consumer.png) no-repeat;position:absolute;left:50%;top:50%;translate:-50% -55%;scale:.16;transform-origin:center}.consumer-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.consumer-tile progress{width:100%}.consumer-tile .movingDirection-down{position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.consumer-tile .movingDirection-right{position:absolute;right:-2px;top:40%;transform:translateY(-50%)}.consumer-tile .movingDirection-up{position:absolute;top:-4px;left:50%;transform:translate(-50%)}.consumer-tile .movingDirection-left{position:absolute;left:-2px;top:40%;transform:translateY(-50%)}.splitter-tile{display:grid;place-content:center;position:relative;overflow:visible}.splitter-sprite{width:500px;height:500px;position:absolute;left:50%;top:50%;translate:-50% -50%;scale:.16;transform-origin:center}.splitter-direction-left{background:url(/ludoqueue/assets/splitter_left-CqzuZF-K.png) no-repeat}.splitter-direction-up{background:url(/ludoqueue/assets/splitter_top-BlA0Jq_a.png) no-repeat}.splitter-direction-right{background:url(/ludoqueue/assets/splitter_right-D03u-zCc.png) no-repeat}.splitter-direction-down{background:url(/ludoqueue/assets/splitter_bottom-czyTY6o6.png) no-repeat}.merger-tile{display:grid;place-content:center;position:relative;overflow:visible}.merger-sprite{width:500px;height:500px;position:absolute;left:50%;top:50%;translate:-50% -50%;scale:.16;transform-origin:center}.merger-direction-left{background:url(/ludoqueue/assets/merger_left-CbsrP3h7.png) no-repeat}.merger-direction-up{background:url(/ludoqueue/assets/merger_top-BKFBeTpR.png) no-repeat}.merger-direction-right{background:url(/ludoqueue/assets/merger_right-rTmf7oKn.png) no-repeat}.merger-direction-down{background:url(/ludoqueue/assets/merger_bottom-_Uqr72e7.png) no-repeat}.exchanger-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.exchanger-tile progress{width:100%}.exchanger-tile .leavingMovingDirection-vertical{position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.exchanger-tile .entryMovingDirection-vertical{position:absolute;top:-4px;left:50%;transform:translate(-50%)}.exchanger-tile .leavingMovingDirection-horizontal{position:absolute;right:-2px;top:50%;transform:translateY(-50%)}.exchanger-tile .entryMovingDirection-horizontal{position:absolute;left:-2px;top:50%;transform:translateY(-50%)}.exchanger-tile .stored-input-goods{position:absolute;bottom:5%;top:auto;left:0;max-width:100%;max-height:100%;background:transparent;display:flex;justify-content:flex-start;align-items:flex-end;gap:2px;overflow:hidden}.exchanger-tile .stored-output-goods{position:absolute;top:5%;bottom:auto;left:0;max-width:100%;max-height:100%;background:transparent;display:flex;justify-content:flex-start;align-items:flex-start;gap:2px;overflow:hidden}.exchanger-tile .stored-input-goods.horizontal{bottom:0;top:auto;left:5%;right:5%;flex-direction:row;justify-content:flex-start;align-items:flex-end}.exchanger-tile .stored-output-goods.horizontal{bottom:auto;top:0;left:5%;right:5%;flex-direction:row;justify-content:flex-start;align-items:flex-start}.exchanger-tile .stored-input-goods.vertical{bottom:auto;top:auto;left:0!important;right:auto;flex-direction:column;justify-content:center;align-items:flex-end}.exchanger-tile .stored-output-goods.vertical{bottom:auto;top:auto;right:0!important;left:auto;flex-direction:column;justify-content:center;align-items:flex-start}.exchanger-tile .new-good{animation:fade-in 1.5s ease-out forwards}.exchanger-tile .box-of-goods{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px}.exchanger-tile .box-of-goods.horizontal{animation:box-move-bottom-top 1s linear forwards}.exchanger-tile .box-of-goods.vertical{animation:box-move-left-right 1s linear forwards}.exchanger-tile .transported-good,.exchanger-tile .stored-good{width:5px;height:5px;background:#fff;border-radius:50%;transform-origin:50% 50%;pointer-events:none;box-shadow:0 0 6px #ffffffe6;opacity:.8}.exchanger-tile .stored-good{flex:1 1 auto;aspect-ratio:1 / 1;min-width:2px;min-height:1px;max-height:5px;max-width:5px;width:5px;height:5px}.exchanger-tile .stored-good.red{background:#f61919;box-shadow:0 0 6px #f61919e6}.exchanger-tile .stored-good.blue{background:#1919f6;box-shadow:0 0 6px #1919f6e6}.exchanger-tile .stored-good.green{background:#19f619;box-shadow:0 0 6px #19f619e6}.exchanger-tile .transported-good.red{background:#f61919;box-shadow:0 0 6px #f61919e6}.exchanger-tile .transported-good.blue{background:#1919f6;box-shadow:0 0 6px #1919f6e6}.exchanger-tile .transported-good.green{background:#19f619;box-shadow:0 0 6px #19f619e6}.exchanger-tile .transported-good.starting{animation-name:fade-out}@keyframes fade-out{0%{opacity:1}70%{opacity:0}}@keyframes fade-in{0%{opacity:0}20%{opacity:0}to{opacity:1}}@keyframes box-move-bottom-top{0%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes box-move-left-right{0%{transform:translate(-100%)}to{transform:translate(0)}}.exchanger-sprite{width:330px;height:500px;background:url(/ludoqueue/assets/exchanger-BlQVY3_n.png) no-repeat;position:absolute;left:50%;top:50%;translate:-50% -55%;scale:.22727;transform-origin:center}.animate-exchanger{animation:exchanger-animation 1s steps(1)}@keyframes exchanger-animation{0%{background-position:0px 0px}7.14%{background-position:-330px 0px}14.28%{background-position:-660px 0px}21.42%{background-position:-990px 0px}28.56%{background-position:-1320px 0px}35.70%{background-position:-1650px 0px}42.84%{background-position:0px -500px}49.98%{background-position:-330px -500px}57.12%{background-position:-660px -500px}64.26%{background-position:-990px -500px}71.40%{background-position:-1320px -500px}78.54%{background-position:-1650px -500px}85.68%{background-position:0px -1000px}to{background-position:-330px -1000px}}.tool-selector{display:flex;gap:1rem;flex-direction:column;justify-content:flex-start;align-items:start;margin-top:1rem}.tool-selector .tile-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.1rem}.tool-selector button{border-radius:.5rem;background-color:#dbcfdb;color:#000;padding:15px 30px}.tool-selector button.selected{background-color:#6464ff;color:#fff;border-style:inset}.EditorMenu{background-color:#f0f0f00e;padding:10px;border-radius:20px;margin-top:10px}.EditorProp{align-items:center;gap:8px;margin-bottom:10px;background-color:#f0f0f00e;border-radius:10px;padding:5px;font-size:14px}.EditorProp>div>button{margin-right:5px;margin-left:5px}button{padding:8px 6px;font-size:12px}.recipe-changer-container{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center}.recipe-label{display:flex;align-items:center;gap:8px}.file-button{padding:6px 10px;background:#222;color:#fff;border-radius:6px;cursor:pointer;text-align:center;font-size:12px}.transported-goods-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.transported-good{grid-column:2;grid-row:2;justify-self:center;align-self:center;width:50%;height:50%;background:#fff;border-radius:50%;transform-origin:50% 50%;pointer-events:none;box-shadow:0 0 6px #ffffffe6;opacity:.8;--prevpercent: -580%;--nextpercent: 580%;animation:1s linear forwards}.red{background:#f61919;box-shadow:0 0 6px #f61919e6}.blue{background:#1919f6;box-shadow:0 0 6px #1919f6e6}.green{background:#19f619;box-shadow:0 0 6px #19f619e6}.transported-good.starting.up{animation-name:transport-move-bottom-center}.transported-good.ending.up{animation-name:transport-move-top-center}.transported-good.starting.down{animation-name:transport-move-top-center;animation-direction:reverse}.transported-good.ending.down{animation-name:transport-move-bottom-center;animation-direction:reverse}.transported-good.right.starting{animation-name:transport-move-left-center}.transported-good.right.ending{animation-name:transport-move-right-center}.transported-good.left.starting{animation-name:transport-move-right-center;animation-direction:reverse}.transported-good.left.ending{animation-name:transport-move-left-center;animation-direction:reverse}@keyframes transport-move-top-bottom{0%{transform:translate(-0%,var(--prevpercent))}to{transform:translate(-0%,var(--nextpercent))}}@keyframes transport-move-bottom-top{0%{transform:translate(-0%,var(--nextpercent));opacity:.5}to{transform:translate(-0%,var(--prevpercent))}}@keyframes transport-move-left-right{0%{transform:translate(var(--prevpercent),-0%)}to{transform:translate(var(--nextpercent),-0%)}}@keyframes transport-move-right-left{0%{transform:translate(500%,-0%)}to{transform:translate(-500%,-0%)}}@keyframes transport-move-top-center{0%{transform:translate(-0%)}to{transform:translate(-0%,var(--prevpercent))}}@keyframes transport-move-bottom-center{0%{transform:translate(-0%,var(--nextpercent))}to{transform:translate(-0%)}}@keyframes transport-move-left-center{0%{transform:translate(var(--prevpercent),-0%)}to{transform:translateY(-0%)}}@keyframes transport-move-right-center{0%{transform:translateY(-0%)}to{transform:translate(var(--nextpercent),-0%)}}.goods-layer{display:grid;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99;margin-top:6px;margin-left:6px}.GraphElements{display:flex;flex-direction:row;gap:2rem;justify-content:center}.GraphElements>*{max-width:350px;background:#0000001a;border-radius:20px}.GraphElements>div{padding:1rem}.ElementsUI>button{margin:0 0 20px}ul{max-width:300px;height:auto;text-align:left;list-style-position:outside;padding-left:20px;display:flex;flex-direction:column}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.react-flow__node-default{color:#000}.react-flow-wrapper{width:800px;height:500px;border:1px solid black;align-self:center;justify-self:center}.stock-box{width:60px;height:60px;background-color:#fff;border:2px solid black;border-radius:6px;color:#000;font-size:8px;overflow-y:scroll}.node{display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid black}.content{display:flex;flex-direction:row;align-items:center;gap:0}.box{width:60px;height:60px;background-color:#fff;border:2px solid black;border-radius:6px;color:#000;font-size:8px}.circle{width:60px;height:60px;background-color:#fff;border:2px solid black;border-radius:50%;color:#000;justify-content:center;align-items:center}.box p{margin:0;padding:2px 4px;border-bottom:1px solid black}