:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-size:16px;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:2rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input[type=text]{border-radius:8px;border:1px solid transparent;padding:.2rem .5rem;background-color:#1a1a1a;cursor:pointer}input[type=text]:focus,input[type=text]:focus-visible{border:1px solid white;outline:none}select{border-radius:8px;border:1px solid transparent;padding:.2rem .5rem;background-color:#1a1a1a;cursor:pointer;font-size:1em}i{width:1.2em;height:1.2em;display:inline-block}.info-popover{position:relative;display:flex;align-items:center;margin:.2em}.info-popover-text{width:20em;top:1em;left:0;position:absolute;background-color:#000;padding:.5em;display:none}.info-popover-text:before{content:"";display:block;position:absolute;width:2em;height:2em;top:0;left:0;transform:translateY(-2em)}.info-popover:hover .info-popover-text{display:block}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button,input[type=text]{background-color:#f9f9f9;border-color:#1a1a1a}input[type=text]:focus,input[type=text]:focus-visible{border:1px solid #646cff;outline:none}select{background-color:#f9f9f9;border-color:#1a1a1a}.info-popover-text{background-color:#fff}}.root[data-v-c82e5fb0]{margin:1em 0}.slider[data-v-c82e5fb0]{margin:.4em 0;width:100%}.flex[data-v-c82e5fb0]{display:flex;justify-content:space-between;gap:.5em}.center[data-v-c82e5fb0]{text-align:center}.gray[data-v-c82e5fb0]{color:#b3b3b3;font-size:1.25em;line-height:1em}.small[data-v-c82e5fb0]{font-size:.8em}.width-4ch[data-v-c82e5fb0]{width:4ch}.width-6ch[data-v-c82e5fb0]{width:6ch}.row[data-v-476faaaf]{align-items:center;display:flex;flex-wrap:wrap}.nowrap[data-v-476faaaf]{flex-wrap:nowrap;text-wrap:nowrap}.col-gap-1[data-v-476faaaf]{gap:.25em}.col-gap-4[data-v-476faaaf]{gap:1em}.m-b[data-v-476faaaf]{margin-bottom:2em}.grid[data-v-476faaaf]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5em 1.5em}.green-accent[data-v-476faaaf]{accent-color:hsl(100,40%,50%)}.red-accent[data-v-476faaaf]{accent-color:hsl(10,40%,50%)}.control-label[data-v-476faaaf]{margin:0;margin-bottom:-1rem}#glcanvas[data-v-187df75a]{border-radius:.5rem;border:1.5px solid black;display:block;width:100%}.canvas-container[data-v-187df75a]{box-sizing:border-box;position:relative}.canvas-ui-row[data-v-187df75a]{position:absolute;top:0;left:0;width:calc(100% - 1.5rem);display:flex;padding:.75rem;flex-wrap:wrap;align-items:center}.canvas-ui-row button[data-v-187df75a]{background-color:#242424}.canvas-ui-row.bottom[data-v-187df75a]{position:absolute;top:auto;bottom:0;font-family:mono;justify-content:space-between}#loading-indicator[data-v-187df75a]{gap:.75em;display:flex;align-items:baseline}#loading-indicator.green[data-v-187df75a]:before{background-color:green}#loading-indicator[data-v-187df75a]:before{content:"";width:.75em;height:.75em;background-color:red}.canvas-ui-row[data-v-187df75a]{color-scheme:dark;color:#fff}.small[data-v-187df75a]{font-size:.75rem}.col-gap-1[data-v-187df75a]{gap:.25em}.col-gap-4[data-v-187df75a]{gap:1em}.controls-tab[data-v-187df75a]{padding:1rem .5rem;margin:0 auto;width:800px;max-width:calc(100vw - 4rem);box-sizing:border-box}