main.svelte-715kse{height:100%;width:100%;display:flex;flex-direction:row;overflow:hidden;position:relative}#sidebar-div.svelte-715kse{height:100%;background-color:var(--c-dark)}#canvas-div.svelte-715kse{flex-grow:1;height:100%;position:relative;overflow:hidden}canvas.svelte-715kse{box-sizing:border-box;height:100%;width:100%;display:block}button{border:none;background-color:transparent;transition:background-color 0.3s, color 0.3s;border-radius:5px}button:hover{color:var(--c-white);cursor:pointer;background-color:var(--c-dark-grey)}button{display:flex;justify-content:center;align-items:center;padding:8px;color:inherit}#expand-btn.svelte-715kse{color:var(--c-light-grey);position:absolute;top:5px;left:5px}i.svelte-715kse{font-size:1.5em;color:inherit}.gutter{background-color:var(--c-dark-grey);box-shadow:3px 0 10px rgba(0, 0, 0, 0.2)}.gutter:hover{cursor:col-resize}#container.svelte-1cg09kd{position:absolute;top:0;left:0;display:flex;align-items:center;gap:5px;user-select:none}#point.svelte-1cg09kd{border:2px solid var(--c-white);border-radius:50%;cursor:pointer;transition:transform 0.1s}#point.svelte-1cg09kd:hover,#point.dragging.svelte-1cg09kd{transform:scale(1.2)}#coordinate-box.svelte-c2s8qs.svelte-c2s8qs{border:1px solid var(--c-light-grey);border-left:none;border-bottom:none;position:absolute;bottom:0;left:0;padding:10px;background-color:var(--c-dark-grey);color:var(--c-light-grey);box-shadow:0 10px 10px var(--c-dark-grey);font-size:14px}#coordinate-box.svelte-c2s8qs p.svelte-c2s8qs{margin:0}#sidebar.svelte-p0drjy.svelte-p0drjy{position:relative;display:flex;flex-direction:column;gap:10px;height:100%;background-color:var(--c-dark);color:var(--c-light-grey)}#below-tab-area.svelte-p0drjy.svelte-p0drjy{height:100%;padding:0}#main-tab.svelte-p0drjy.svelte-p0drjy,#settings-tab.svelte-p0drjy.svelte-p0drjy,#colors-tab.svelte-p0drjy.svelte-p0drjy{height:100%;padding-bottom:100px;overflow:scroll}#main-tab.svelte-p0drjy.svelte-p0drjy::-webkit-scrollbar,#settings-tab.svelte-p0drjy.svelte-p0drjy::-webkit-scrollbar,#colors-tab.svelte-p0drjy.svelte-p0drjy::-webkit-scrollbar{display:none}#bottom-area.svelte-p0drjy.svelte-p0drjy{height:80px;flex:none}#buttons.svelte-p0drjy.svelte-p0drjy{display:flex;gap:10px;padding:0 0 10px 0;position:sticky;top:0;background-color:var(--c-dark);z-index:5}.shapes-header-row.svelte-p0drjy.svelte-p0drjy{margin-top:12px;color:var(--c-white);display:flex;align-items:baseline;gap:50px;padding:5px}.shapes-header-row.svelte-p0drjy .slider-container.svelte-p0drjy{color:var(--c-light-grey);flex:1;font-size:0.8em;display:flex;gap:5px;max-width:200px}.shapes-header-row.svelte-p0drjy .slider-container input.svelte-p0drjy{translate:0 -1px}.add-object-btn.svelte-p0drjy.svelte-p0drjy{border:1px solid var(--c-light-grey);padding:5px;color:var(--c-white)}i.svelte-p0drjy.svelte-p0drjy{font-size:1.5em;color:inherit}#btn-collapse.svelte-p0drjy.svelte-p0drjy{position:absolute;top:0;right:0;margin:3px}#container.svelte-stagb.svelte-stagb{font-size:0.9em;display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid var(--c-light-grey);border-inline:none;background-color:var(--c-dark-grey)}#container.svelte-stagb.svelte-stagb:focus-within{border:1px solid var(--c-primary);border-inline:none}#container.svelte-stagb.svelte-stagb{margin:0}#row1.svelte-stagb.svelte-stagb{display:flex;gap:7px;align-items:center}.edit-ui-container.svelte-stagb.svelte-stagb{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:0.9em}.edit-ui-container.svelte-stagb select.svelte-stagb{margin-inline:5px;background-color:var(--c-dark);color:var(--c-white)}.param.svelte-stagb p.svelte-stagb{font-size:1em;margin:0}.param.svelte-stagb.svelte-stagb{display:flex;gap:1px;align-items:center}#settings-btn.svelte-stagb.svelte-stagb{margin-left:auto}.color-picker.svelte-stagb.svelte-stagb{margin-right:10px;cursor:pointer;flex:0 0 20px;height:20px;border-radius:50%;border:2px solid var(--c-white)}.color-picker.svelte-stagb.svelte-stagb:hover{scale:1.2}.color-picker.svelte-stagb.svelte-stagb{transition:scale 0.2s}input[type=color].svelte-stagb.svelte-stagb::-webkit-color-swatch-wrapper{border-radius:50%;padding:0}input[type=color].svelte-stagb.svelte-stagb::-webkit-color-swatch{border-radius:50%;border:none}button.svelte-stagb.svelte-stagb{margin-left:5px;padding:5px 0 5px 5px;translate:0px -5px}i.svelte-stagb.svelte-stagb{font-size:1.4em}i.active.svelte-stagb.svelte-stagb{color:var(--c-primary)}:root{--c-red:rgb(121, 53, 53)}#editor.svelte-ez7eyn.svelte-ez7eyn,#glsl-output.svelte-ez7eyn.svelte-ez7eyn{font-size:1em;width:100%;color:var(--c-white);background-color:var(--c-dark-grey);margin:0 0 10px 0;border:1px solid var(--c-light-grey);border-inline:none;padding:10px;outline:none;white-space:pre;display:inline-block}#editor.svelte-ez7eyn.svelte-ez7eyn::-webkit-scrollbar,#glsl-output.svelte-ez7eyn.svelte-ez7eyn::-webkit-scrollbar{display:none}#editor.svelte-ez7eyn.svelte-ez7eyn{max-height:200px;overflow-y:scroll}#editor.svelte-ez7eyn.svelte-ez7eyn:focus{border:1px solid var(--c-primary);border-inline:0}#editor.error.svelte-ez7eyn.svelte-ez7eyn{border:1px solid var(--c-red);border-inline:0}#glsl-output.svelte-ez7eyn.svelte-ez7eyn{margin-bottom:10px;overflow-x:scroll}#error-div.svelte-ez7eyn.svelte-ez7eyn{width:100%;background-color:var(--c-red);color:var(--c-white);padding:5px;display:inline-block;margin-bottom:5px;translate:0 -15px;border:1px solid var(--c-red)}#error-div.svelte-ez7eyn p.svelte-ez7eyn{margin:0}#buttons-div.svelte-ez7eyn.svelte-ez7eyn{display:flex;gap:20px}#buttons-div.svelte-ez7eyn button.svelte-ez7eyn{padding:3px}#buttons-div.svelte-ez7eyn button.selected.svelte-ez7eyn{color:var(--c-white)}#tooltip-container.svelte-ez7eyn.svelte-ez7eyn{position:relative;display:inline-block}#examples-container.svelte-ez7eyn.svelte-ez7eyn{display:flex;position:absolute;color:var(--c-white);background-color:var(--c-dark);z-index:10;box-shadow:0 0 5px var(--c-dark-grey);flex-flow:column nowrap;gap:1px;align-items:flex-start;padding:0 0 10px 0}#examples-container.svelte-ez7eyn button.svelte-ez7eyn{width:100%;padding:7px 10px;display:inline;text-align:left}#examples-container.svelte-ez7eyn button.selected.svelte-ez7eyn{color:var(--c-primary)}#examples-container.svelte-ez7eyn button.svelte-ez7eyn{transition:none}input[type="number"]::-webkit-outer-spin-button,
      input[type="number"]::-webkit-inner-spin-button,
      input[type="number"]{-webkit-appearance:none;-moz-appearance:textfield;margin:0}#container.svelte-svuugi.svelte-svuugi{font-size:0.9em;display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid var(--c-light-grey);border-inline:none;background-color:var(--c-dark-grey)}#container.svelte-svuugi.svelte-svuugi:focus-within{border:1px solid var(--c-primary);border-inline:none}#container.svelte-svuugi.svelte-svuugi{margin:0}#row1.svelte-svuugi.svelte-svuugi,#row2.svelte-svuugi.svelte-svuugi{display:flex;gap:10px;align-items:center}input[type=range].svelte-svuugi.svelte-svuugi{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;flex-grow:1}input[type=range].svelte-svuugi.svelte-svuugi::-webkit-slider-runnable-track{background:var(--c-light-grey);height:5px;border-radius:3px}input[type=range].svelte-svuugi.svelte-svuugi::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:var(--c-primary);border-radius:50%;margin-top:-5px}input[type=range].svelte-svuugi.svelte-svuugi::-webkit-slider-thumb:hover{transform:scale(1.3)}input[type=range].svelte-svuugi.svelte-svuugi::-webkit-slider-thumb{transition:background-color 0.2s, transform 0.2s}.non-clickable.svelte-svuugi.svelte-svuugi{display:inline-block;font-size:1.5em;color:rgba(238, 238, 238, 0.7843137255);translate:-5px 1px}.non-clickable.letter-i.svelte-svuugi.svelte-svuugi{font-size:1.4em;font-family:"TeX Gyre Pagella";translate:-10px 1px}input.svelte-svuugi.svelte-svuugi{outline:none}#value-input.svelte-svuugi.svelte-svuugi{font-size:1.2em;color:rgba(238, 238, 238, 0.8588235294);border:none;background-color:transparent}#edit-ui.svelte-svuugi.svelte-svuugi{display:flex;align-items:center}#edit-ui.svelte-svuugi input.svelte-svuugi{font-size:1em;background-color:transparent;color:rgba(238, 238, 238, 0.8588235294);border:none;border-bottom:1px solid var(--c-light-grey);width:50px;margin:0 5px}#edit-ui.svelte-svuugi input.svelte-svuugi:focus{border-bottom:1px solid var(--c-primary)}#edit-ui.svelte-svuugi #reset-point-btn.svelte-svuugi{translate:0}#value-input.svelte-svuugi.svelte-svuugi{width:100%}#settings-btn.svelte-svuugi.svelte-svuugi{margin-left:auto}#color-picker.svelte-svuugi.svelte-svuugi{cursor:pointer;flex:0 0 20px;height:20px;border-radius:50%;border:2px solid var(--c-white)}#color-picker.svelte-svuugi.svelte-svuugi:hover{scale:1.2}#color-picker.svelte-svuugi.svelte-svuugi{transition:scale 0.2s}input[type=color].svelte-svuugi.svelte-svuugi::-webkit-color-swatch-wrapper{border-radius:50%;padding:0}input[type=color].svelte-svuugi.svelte-svuugi::-webkit-color-swatch{border-radius:50%;border:none}button.svelte-svuugi.svelte-svuugi{margin-left:5px;padding:5px 0 5px 5px;translate:0px -5px}i.svelte-svuugi.svelte-svuugi{font-size:1.4em}i.active.svelte-svuugi.svelte-svuugi{color:var(--c-primary)}#navbar.svelte-o94sru{overflow:hidden;height:45px;display:flex;justify-content:space-around;margin-right:45px}.tab.svelte-o94sru{flex-basis:100%;border-radius:1px;border-bottom:3px solid var(--c-dark-grey);transition:border-bottom 0.3s;transition:background-color 0.3s}.active.svelte-o94sru{background-color:var(--c-dark-grey);border-bottom:3px solid var(--c-primary)}#container.svelte-19d6ihw.svelte-19d6ihw{height:100%;display:flex;flex-direction:column}.setting.svelte-19d6ihw.svelte-19d6ihw{display:flex;gap:10px;padding:10px;align-items:center;border:1px solid rgba(255, 255, 255, 0.1607843137);border-inline:none;color:var(--c-white)}.color-section.svelte-19d6ihw.svelte-19d6ihw{display:block;padding-inline:0}.color-section.svelte-19d6ihw .color-label.svelte-19d6ihw{padding-left:10px;padding-bottom:10px}.dropdown-container.svelte-34mq6v{position:relative}.dropdown-inner.svelte-34mq6v{min-width:100px;position:absolute;top:100%;left:0;background-color:var(--c-dark);border:1px solid black;border-radius:5px;padding:5px;z-index:100;display:flex;flex-direction:column;gap:5px}.dropdown-item.svelte-34mq6v{padding:5px;color:white;border:none;cursor:pointer}.dropdown-item.svelte-34mq6v:hover{background-color:var(--c-dark-grey)}.dropdown-item.svelte-34mq6v{font-size:14px}button.svelte-34mq6v{all:unset;cursor:pointer}@charset "UTF-8";#container.svelte-vnll0.svelte-vnll0{height:100%;display:flex;flex-direction:column}.label.svelte-vnll0.svelte-vnll0{flex-basis:150px}.setting.svelte-vnll0.svelte-vnll0{display:flex;gap:10px;padding:10px;align-items:center;border:1px solid rgba(255, 255, 255, 0.1607843137);border-inline:none;color:var(--c-white)}input[type=checkbox].svelte-vnll0.svelte-vnll0{width:18px;height:18px;cursor:pointer;background:var(--c-light-grey);appearance:none;border-radius:3px;position:relative}input[type=checkbox].svelte-vnll0.svelte-vnll0:checked{background:var(--c-primary)}input[type=checkbox].svelte-vnll0.svelte-vnll0:checked::after{content:"✔";position:absolute;top:50%;left:50%;transform:translate(-50%, -55%);color:var(--c-dark-grey)}input[type=range].svelte-vnll0.svelte-vnll0{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;flex-grow:1}input[type=range].svelte-vnll0.svelte-vnll0::-webkit-slider-runnable-track{background:var(--c-light-grey);height:5px;border-radius:3px}input[type=range].svelte-vnll0.svelte-vnll0::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:var(--c-primary);border-radius:50%;margin-top:-5px}input[type=range].svelte-vnll0.svelte-vnll0::-webkit-slider-thumb:hover{transform:scale(1.3)}input[type=range].svelte-vnll0.svelte-vnll0::-webkit-slider-thumb{transition:background-color 0.2s, transform 0.2s}#buttons.svelte-vnll0.svelte-vnll0{margin-top:20px;display:flex;gap:20px}#buttons.svelte-vnll0 button.svelte-vnll0{padding:3px}input.svelte-vnll0.svelte-vnll0{outline:none}#container.svelte-xc2m0r{display:inline-block;position:relative}span.svelte-xc2m0r,input.svelte-xc2m0r{margin:0;padding:2px 10px 2px 5px;font-size:1.2em;min-width:20px;max-width:var(--maxWidth, 100px)}span.svelte-xc2m0r{display:inline-block;visibility:hidden;white-space:pre}input.svelte-xc2m0r{position:absolute;top:0;left:0;right:0;bottom:0;outline:none;border:none;color:rgba(238, 238, 238, 0.8588235294);background-color:transparent}input[type=text].svelte-xc2m0r:focus{border-bottom:1px solid var(--c-light-grey)}