*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;color:inherit;font-size:100%;font-weight:inherit;margin:0;padding:0}:root{--accent:#e41b00;--background:#f8f8f8}body{font-family:sans-serif;height:100vh;overflow:hidden}button,input{color:inherit;font-family:inherit}table{border-collapse:collapse;border-spacing:0}.section{border-bottom:1px solid var(--accent);color:var(--accent);padding:.5rem;z-index:1000}.section:last-of-type{border-bottom:0}.section-header{color:var(--accent);padding-bottom:.5rem}.number{display:flex;margin-bottom:.25rem}.number span{display:block;flex-basis:3rem;flex-grow:1;margin-right:.5rem;opacity:.5}.number input{-webkit-appearance:textfield;appearance:textfield;background:#0000;border:none;display:block;padding:0 .2rem;text-decoration:underline;width:5rem}.point-delete{-webkit-appearance:none;appearance:none;background:none;border:0;cursor:pointer;justify-self:flex-end;margin-left:1em}.point{display:flex;justify-content:space-between;width:100%}.graph svg{border:1px solid var(--accent);cursor:crosshair;margin-bottom:.5rem;width:100%}.graph circle{fill:#fff;cursor:grab}.graph circle,.graph polyline{stroke-width:.5px;stroke:var(--accent)}.graph polyline{fill:none}.graph .graph-x{stroke-width:.5px;stroke:var(--accent);opacity:.5}.graph .graph-value{fill:var(--accent)}.graph .graph-background{fill:#fff}.graph .graph-output{background:var(--accent);border-radius:3px;color:#fff;display:inline-block;font-size:.9em;margin-bottom:.5rem;padding:0 .3em .1em}.graph[data-dragging=true] circle{cursor:grabbing}.viewport-container{align-items:space-around;display:flex;height:100%;width:100%}.viewport{height:80vh;margin:0 auto;position:relative;top:50%;transform:translateY(-50%)}.viewport .number{font-family:monospace}.viewport .number input{background:#0000}.viewport-copy{background:#fff;border:1px solid var(--accent);border-radius:5px;height:80vh;overflow-y:scroll;padding:2em 1.5em}.viewport-copy p{font-family:"Source Serif",sans-serif;-webkit-hyphens:auto;hyphens:auto;margin:0 auto;max-width:32em}.viewport-copy p:last-of-type{padding-bottom:3em}.viewport-copy p+p{text-indent:3em}.viewport-copy strong{display:inline-block}.viewport-width{left:50%;position:absolute;top:-1.8em;transform:translateX(-50%)}.viewport-width input{text-align:center}.resize-handle{background:#fff;border:1px solid var(--accent);border-radius:2px;cursor:ew-resize;height:100%;position:absolute;top:0;transition:.1s;width:15px}.resize-handle.left{left:-25px}.resize-handle.right{right:-25px}.demo{background:var(--background);display:grid;grid-template-columns:1fr 20rem;width:100%}.demo-header{background:var(--accent);border-radius:2px;color:#fff;font-family:monospace;font-size:16px;left:1rem;padding:.5rem;position:absolute;top:1rem}.result{height:100vh}.settings{background:#fff;border:1px solid var(--accent);border-radius:2px;font-family:monospace;font-size:16px;overflow:hidden;position:absolute;right:1rem;top:1rem;width:20rem}.settings main{height:90vh;overflow-y:scroll}.panel-header{background:var(--accent);border-bottom:1px solid var(--accent);color:#fff;padding:.5rem;position:-webkit-sticky;position:sticky;top:0}
/*# sourceMappingURL=main.1d0171b7.css.map*/