body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{scrollbar-color:#9b9b9b80 #0000;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#1f1f1f;color:#ddd;display:flex;flex-direction:column;justify-content:center;min-height:100vh}button,input,select{background-color:#2a2a2a;border:1px solid #555;border-radius:4px;color:#ddd;margin:2px;padding:4px 8px;transition:background-color .2s,border-color .2s}button:hover,select:hover{background-color:#3a3a3a}input[type=checkbox]{accent-color:#0af}.toggle-button{background-color:#2a2a2a;border:1px solid #555;border-radius:4px;color:#ddd;margin:2px;padding:4px 8px;transition:background-color .2s,border-color .2s}.toggle-button:hover{background-color:#3a3a3a}.toggle-button.active{background-color:#4caf50;border-color:#4caf50;color:#fff}.toggle-buutton.active:hover{background-color:#45a049}.items-view{align-items:start;display:flex;flex-direction:column;justify-content:start;max-height:100%;width:99%}.items-view,.items-view-container{gap:5px;height:-webkit-fit-content;height:fit-content}.items-view-container{grid-gap:5px;display:grid;flex:2 1;grid-template-columns:repeat(auto-fill,minmax(35%,1fr));overflow-y:auto;padding:5px;scrollbar-color:#9b9b9b80 #0000;width:100%}.icon{height:auto;max-height:32px;max-width:32px;width:auto}.items-view-item{border:2px solid grey;border-radius:10px;height:-webkit-fit-content;height:fit-content;padding:5px 5px 5px 10px;text-align:start}.items-view-icon{height:auto;max-height:48px;max-width:48px;width:auto}.items-view-item-header{align-items:center;font-size:1.5em;justify-content:center}.items-view-item-container{align-items:left;display:flex;flex-direction:column;gap:5px;padding:5px;text-align:left;width:100%}.items-view-item-value-input{text-align:start;width:5em}.items-view-item-value-input::-webkit-inner-spin-button,.items-view-item-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.items-view-item-value-input[type=number]{-moz-appearance:textfield}.items-view-item-io-container{gap:2px;padding:2px}.items-view-recipes-container{display:flex;flex-direction:column;gap:3px}.cost-item,.dsp-components{align-items:center;display:flex;flex-direction:row;justify-content:center}.dsp-components{gap:5px}.dsp-select-trigger{background:#1f1f1f;border:1px solid #ccc;border-radius:5px;cursor:pointer;height:48px;justify-content:space-between;width:48px}.dsp-select-trigger,.dsp-select-value{align-items:center;display:flex}.dsp-select-icon{height:20px;width:20px}.dsp-select-content{background:#1f1f1f;border:1px solid #ccc;border-radius:4px;margin-top:4px;width:200px;z-index:100}.dsp-select-viewport{padding:8px}.dsp-select-grid{display:grid;grid-template-columns:repeat(4,1fr)}.dsp-select-item{border-radius:4px;cursor:pointer;padding:6px;position:relative;text-align:center}.dsp-select-item:focus,.dsp-select-item:hover{background:#eee}.dsp-item-inner{align-items:center;display:flex;flex-direction:column}.factorio-select-trigger{background:#1f1f1f;border:1px solid #ccc;border-radius:5px;cursor:pointer;height:48px;justify-content:space-between;width:48px}.factorio-select-trigger,.factorio-select-value{align-items:center;display:flex}.factorio-select-icon{height:20px;width:20px}.factorio-select-content{background:#1f1f1f;border:1px solid #ccc;border-radius:4px;margin-top:4px;width:240px;z-index:100}.factorio-select-viewport{padding:8px}.factorio-select-grid{display:grid;grid-template-columns:repeat(5,1fr)}.factorio-select-item{border-radius:4px;cursor:pointer;padding:6px;position:relative;text-align:center}.factorio-select-item:focus,.factorio-select-item:hover{background:#eee}.factorio-item-inner{align-items:center;display:flex;flex-direction:column}.factorio-quality-icon-container{height:32px;position:relative;width:32px}.factorio-quality-icon-base{height:100%;width:100%}.factorio-quality-icon-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.factorio-modules-container{display:flex;flex-direction:row}.factorio-additional-components{display:flex;flex-direction:column}.factorio-building-options{gap:20px}.factorio-beacon-options,.factorio-building-options{display:flex;flex-direction:row;justify-content:center}.factorio-beacon-options{align-items:center;gap:10px}.factorio-beacon-components{align-items:center;display:flex;flex-direction:column}.factorio-beacon-component{align-items:center;display:flex;flex-direction:row}.factorio-beacon-number-input,.satisfactory-overclock-input{text-align:center;width:2em}.satisfactory-overclock-input::-webkit-inner-spin-button,.satisfactory-overclock-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.satisfactory-overclock-input[type=number]{-moz-appearance:textfield}.satisfactory-additonal-components{display:flex;flex-direction:row;gap:20px;justify-content:center}.satisfactory-overclock{display:flex;flex-direction:column}.satisfactory-overclock-lower{justify-content:center}.satisfactory-overclock-lower,.satisfactory-somersloop{align-items:center;display:flex;flex-direction:row}.items-view-recipe-line{border:1px dotted grey;display:flex;flex-direction:column;gap:1px;padding:3px}.items-view-recipe-line-header{display:flex;flex-direction:row;justify-content:space-between}.items-view-recipe-line-components{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.items-view-recipe-component{align-items:center;display:flex;flex-direction:row;gap:2px}.items-view-default-recipe-tag{color:#888;font-style:italic}.list-view{height:100%;width:100%}.panel-container{height:95%}.panel,.panel-group{height:100%}.panel-resize-handle{align-items:center;background:grey;display:flex;justify-content:center;width:2px}.control-panel{flex-wrap:wrap;gap:15px}.compute-option,.control-panel{align-items:center;display:flex;flex-direction:row}.compute-option{gap:5px}.compute-success{background-color:#204d20;color:#b6fcb6}.compute-failed,.compute-success{border-radius:8px;font-size:.95rem;font-weight:600;padding:2px 6px}.compute-failed{background-color:#4d2020;color:#fcb6b6}.materials-panel{display:flex;flex-direction:column;height:100%}.input-output-container{display:flex;flex-direction:row;height:35%;width:100%}.inputs-panel,.outputs-panel{height:100%;width:50%}.inputs-panel{border-right:1px dashed grey}.item-list{height:95%;overflow-y:auto;width:98%}.intermediates-panel{height:35%;width:100%}.intermediates-list-container{height:95%;width:100%}.intermediates-item-list{align-items:start;display:grid;grid-template-columns:repeat(2,1fr);max-height:100%;overflow-y:auto;width:100%}.item-entry{align-items:center;display:flex;flex-direction:row;gap:3px;justify-content:start;width:100%}.item-entry-input{text-align:center;width:3em}.item-entry-input::-webkit-inner-spin-button,.item-entry-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.item-entry-input[type=number]{-moz-appearance:textfield}.buildings-panel{height:15%;width:99%}.buildings-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;height:80%;overflow-y:auto;padding:5px;width:100%}.costs-panel{height:15%;width:99%}.costs-container{flex-wrap:wrap;gap:5px;height:80%;overflow-y:auto;width:100%}.card-container,.costs-container{display:flex;flex-direction:row;padding:5px}.card-container{align-items:center;border:2px solid grey;height:-webkit-fit-content;height:fit-content;justify-content:center;width:-webkit-fit-content;width:fit-content}.header{border-bottom:1px dashed grey;text-align:center}.item-list{align-items:start;display:flex;flex-direction:column;padding-left:5px}.item-entry{text-align:start}.recipes-list-container{height:100%;overflow-y:auto}.recipes-table{width:100%}.column-header{width:32%}.num-column-header,.x-column-header{width:2%}.recipes-list-table-cell{border-top:1px dashed grey;padding-bottom:5px;padding-top:5px;width:32%}.recipes-list-table-num-cell,.recipes-list-table-x-cell{border-top:1px dashed grey;padding-bottom:5px;padding-top:5px;width:2%}.recipes-list-table-x-cell:hover{cursor:pointer}.recipes-list-material-line{align-items:center;display:flex;gap:5px;justify-content:center}.process-selection-container{gap:3px}.process-costs-container,.process-selection-container{align-items:center;display:flex;justify-content:center}.process-costs-container{flex-direction:row;gap:5px}.recipes-list-process-icon{height:auto;max-height:32px;max-width:32px;padding:2px;width:auto}.recipes-list-process-icon:hover{cursor:pointer}.recipes-list-process-icon-selected{border:2px solid #fff;height:auto;max-height:32px;max-width:32px;padding:2px;width:auto}.recipes-list-process-icon-selected:hover{cursor:pointer}.recipes-list-multiplier-input{text-align:center;width:2em}.recipes-list-multiplier-input::-webkit-inner-spin-button,.recipes-list-multiplier-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.recipes-list-multiplier-input[type=number]{-moz-appearance:textfield}.modal-contents{display:flex;flex-direction:column;height:100%;width:100%}.main-search{display:flex;flex-direction:row}.general-search{width:90%}.search-button{width:10%}.advanced-search-container{display:flex;flex-direction:column}.search-bars{min-height:-webkit-fit-content;min-height:fit-content}.search-bar,.search-bars{display:flex;flex-direction:row;width:100%}.search-bar{gap:5px}.game-specific-search{display:flex;flex-direction:row;gap:5px}.recipe-cards-container{grid-gap:5px;display:grid;flex:2 1;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-y:auto;padding-right:5px;padding-top:10px}.modal-buttons{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:center;min-height:-webkit-fit-content;min-height:fit-content;width:100%}.recipe-card{background:"#0f0f0f";border:1px solid #fff;border-radius:5px;height:-webkit-fit-content;height:fit-content;width:100%}.recipe-card:hover{cursor:var(--hover-cursor)}.recipe-card-selected{background:#006400;border:1px solid green;border-radius:5px;height:-webkit-fit-content;height:fit-content;width:100%}.recipe-card-selected:hover{cursor:var(--hover-cursor)}.recipe-card-contents{display:flex;flex-direction:column;padding:5px}.recipe-card-name{display:flex;justify-content:center;width:100%}.recipe-card-process{border-bottom:1px dashed grey;padding:2px}.recipe-card-inout,.recipe-card-process{align-items:center;display:flex;flex-direction:row;justify-content:center}.recipe-card-inputs{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.recipe-card-arrow{padding:5px}.recipe-card-outputs{flex-direction:column;width:100%}.recipe-card-material-line,.recipe-card-outputs{align-items:center;display:flex;justify-content:center}.recipe-card-material-line{gap:5px}.recipe-node-contents{background:"#0f0f0f";border:5px solid blue;border-radius:5px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:5px;width:-webkit-fit-content;width:fit-content}.recipe-node-name{display:flex;justify-content:center;width:100%}.recipe-node-process{gap:5px}.recipe-node-process,.recipe-node-process-costs{align-items:center;border-bottom:1px dashed grey;display:flex;flex-direction:row;justify-content:center;padding:2px}.recipe-node-process-costs{gap:2px}.recipe-node-inout{flex-direction:row}.recipe-node-inout,.recipe-node-inputs{align-items:center;display:flex;justify-content:center}.recipe-node-inputs{flex-direction:column;width:100%}.recipe-node-arrow{padding:5px}.recipe-node-outputs{flex-direction:column;width:100%}.recipe-node-material-line,.recipe-node-outputs{align-items:center;display:flex;justify-content:center}.recipe-node-material-line{gap:5px;white-space:nowrap}.item-node-contents{background:"#0f0f0f";border:5px solid #fff;border-radius:5px;display:flex;flex-direction:column;padding:5px}.item-node-name{width:100%}.item-node-name,.item-node-numbers{display:flex;justify-content:center}.item-node-numbers{align-items:center;flex-direction:row;padding:2px}.item-node-inout{align-items:start;display:flex;flex-direction:column}.item-node-number{white-space:nowrap}.react-flow{--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:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#0000;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 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:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--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 #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;background-color:var(--xy-background-color-default);background-color:var(--xy-background-color,var(--xy-background-color-default));direction:ltr}.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:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:#0000;--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:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--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 #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-default);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{height:100%;left:0;position:absolute;top:0;width:100%}.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{pointer-events:none;transform-origin:0 0;z-index:2}.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-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width-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-default);stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width-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;pointer-events:none;position:absolute}.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.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected-default);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;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{overflow:visible;position:absolute;z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.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{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background-color:var(--xy-handle-background-color-default);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%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:0;left:50%;top:auto;transform:translate(-50%,50%)}.react-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.react-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.react-flow__handle-right{right:0;top:50%;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{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-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{background:var(--xy-attribution-background-color-default);background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.react-flow__minimap{background:var(--xy-minimap-background-color-default);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-default);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-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-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-default);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-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-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-dots-color-default);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-lines-color-default);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-cross-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow-default);box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{align-items:center;background:var(--xy-controls-button-background-color-default);background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;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-default);color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;display:flex;height:26px;justify-content:center;padding:4px;-webkit-user-select:none;user-select:none;width:26px}.react-flow__controls-button svg{fill:currentColor;max-height:12px;max-width:12px;width:100%}.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-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:var(--xy-node-background-color-default);background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));border:var(--xy-node-border,var(--xy-node-border-default));border-radius:var(--xy-node-border-radius-default);border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));color:var(--xy-node-color-default);color:var(--xy-node-color,var(--xy-node-color-default));font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover-default);box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected-default);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-default);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-default);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-default);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-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.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color-default);background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;height:5px;translate:-50% -50%;width:5px}.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.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color-default);fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color-default);fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.flowchart-actions{align-items:center;display:flex;flex-direction:column;gap:5px}.side-panel{border-right:1px solid #444;box-shadow:2px 0 6px #0000001a;flex-direction:column;height:100%;left:0;padding:5px;position:fixed;top:0;transition:transform .3s ease-in-out;z-index:1000}.side-panel,.side-panel-button{background-color:#2a2a2a;color:#f0f0f0;display:flex}.side-panel-button{align-items:center;border-radius:4px 0 0 4px;cursor:pointer;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;position:absolute;right:-40px;top:.75rem;width:40px}.side-panel-top{max-height:50%;min-height:-webkit-fit-content;min-height:fit-content;padding:.5rem}.games-list-container{height:100%;width:100%}.games-list{display:flex;flex-direction:column;height:100%;justify-content:start;overflow-y:auto;scrollbar-color:#9b9b9b80 #0000}.games-list-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:5px;width:1fr}.games-list-item:hover{background:#ffffff1a;cursor:pointer}.side-panel-bottom{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;overflow-y:auto;padding:.5rem;scrollbar-color:#9b9b9b80 #0000}.side-panel-details{padding-bottom:10px;text-align:start}.details-header{font-size:1.3em}.side-panel-icons{display:flex;gap:8px;justify-content:center;padding:10px;text-align:center}.kofi-container{padding:10px}.tabs{height:95%;padding-bottom:4.5em;width:98%}.tab-list{align-items:center;display:flex;flex-direction:row;gap:5px;margin:0 0 10px;padding:0 0 0 20px}.tab{border:1px solid #0000;border-bottom:none;color:gray;cursor:pointer;display:inline-block;font-size:1em;font-weight:700;list-style:none;padding:6px 12px;position:relative}.tab:hover{color:#eee}.selected-tab{border:#0000;border-radius:5px;color:#eee;font-size:1em;font-weight:700}.tab-panel{display:none;height:90vh}.selected-tab-panel{display:flex;height:90vh}
/*# sourceMappingURL=main.d5ca3480.css.map*/