*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1c1e;color:#aaa;font-family:Helvetica,Arial,sans-serif}.App{width:100%;margin:0 auto;padding:20px}@media(min-width:800px){.App{display:flex;padding:30px}}@media(min-width:1200px){.App{padding:40px}}@media(min-width:1500px){.App{padding:50px}}.Image{max-width:1600px;width:100%;margin-top:60px}@media(min-width:800px){.Image{margin-top:0}}.Controls{flex-basis:270px;flex-shrink:0;z-index:10;position:relative}@media(min-width:800px){.Controls{margin-right:30px}}@media(min-width:1200px){.Controls{margin-right:40px}}@media(min-width:1500px){.Controls{margin-right:50px}}.MuiSlider-root{color:#eee!important}.MuiSlider-valueLabel{color:#000}.Button,button{background:#1a1c1e;border-radius:50px;border:1px solid #444;color:#999;display:inline-block;font-size:14px;line-height:1;margin-bottom:10px;margin-right:10px;outline:none;padding:8px 18px;position:relative;text-decoration:none;transition:all .3s;z-index:10}.Button:hover,button:hover{color:#bbb;border-color:#555;cursor:pointer}.Button:active,button:active{transform:translateY(1px)}.Button:focus,button:focus{box-shadow:0 0 0 2px #1a1c1e,0 0 0 3px #666}button::-moz-focus-inner{border:0}input[type=text]{background:#1a1c1e;border-radius:2px;border:1px solid #444;color:#999;display:inline-block;font-size:14px;outline:none;padding:6px;transition:all .3s}input[type=text]:hover{color:#bbb;border-color:#555;cursor:pointer}input[type=text]:active{transform:translateY(1px)}input[type=text]:focus{box-shadow:0 0 0 2px #1a1c1e,0 0 0 3px #666}.Control{display:flex;flex-wrap:wrap;margin-bottom:15px;align-items:center}.Control-label{flex-basis:100%;margin-bottom:6px}.Control-inputWrapper{flex-grow:1;flex-shrink:0;flex-basis:calc(100% - 140px);margin-right:auto}.Control-inputWrapper input:not([type=checkbox]){width:100%}.Control-value{flex-basis:50px;text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.Controls-buttons{margin-top:50px}.Controls-reset{display:block}.Controls-title{font-size:26px;margin-bottom:10px;display:inline-block}.Controls-title span{transition:all .25s}.Controls-titleLink{text-decoration:none}.Controls-description{margin-bottom:20px}.Controls-description p{margin-bottom:10px}.Controls-description a{margin-right:10px;transition:all .25s}.Controls-description a:hover{color:#fff!important}svg{overflow:visible;display:block;border:1px solid #444}@media(min-width:1200px){svg{margin:6%}}@media(min-width:1500px){svg{margin:8%}}marker{overflow:visible}path{stroke-linecap:round;fill:none}.GridLine{stroke:#333}.Vector{stroke:#bbb;stroke-width:2;filter:drop-shadow(1px 1px 0px black)}#marker-arrow path{fill:#bbb}.Image-downloadSection{margin-top:20px}.Image-generateDownload{display:block}.Image-downloadNote{font-size:14px;color:#777;line-height:18px;max-width:600px;margin-top:40px}