body{background-color:#afc2d0}.header-row{padding:0 480px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:baseline;margin-bottom:.5em}.top-button{display:inline-block;min-width:80px;height:30px;padding:.3em 1.2em;margin:0 .1em .4em 0;outline:none;border:.16em solid rgba(0,0,0,.1);border-radius:.8em;box-sizing:border-box;text-decoration:none;font-family:Roboto,sans-serif;font-weight:400;color:#fffef6;text-align:center;cursor:pointer;transition:all .2s}.top-button:hover{border-color:#fffef6}.top-button[disabled]{opacity:.3;cursor:default;pointer-events:none}.start-button{background-color:#81da6b}.pause-button{background-color:#ef4161}#resetButton{background-color:#ff9c47}#randomButton{min-width:100px;background-color:#d555ff}.canvas-row,.pattern-row{display:flex;flex-direction:row;justify-content:center}.pattern-row div h4{margin:0;font-family:Roboto,sans-serif;font-weight:600;color:#555;text-align:center}.custom-pattern,.mainCanvas{border:3px solid #555;background-color:#fffef6;cursor:pointer;transition:border .2s}.custom-pattern{margin:0 5px 0 10px}.pencilMode{cursor:url(pencil.0a369fdf.cur),pointer}.eraseMode{cursor:url(eraser.91898ca5.cur),pointer}.crosshairMode{cursor:crosshair}.originPattern{margin:10px 5px 0;border:3px solid #555;background-color:#fffef6;cursor:grab}#dragPattern{border:1px solid #555;opacity:.7;cursor:grabbing}.custom-area{padding:5px 0;flex-direction:row;justify-content:space-evenly;margin:5px 0 1em 6px;border-left:2px solid rgba(0,0,0,.3)}.custom-area,.custom-area div{display:flex;align-items:flex-start}.custom-area div{flex-direction:column}.custom-area div h4{margin:0 0 6px;font-family:Roboto,sans-serif;font-weight:600;color:#555;text-align:center}.locked-pattern{cursor:grab}.editing-pattern{border-color:#81da6b}.cloning-pattern{border-color:#59cbda}.edit-button{background-color:#81da6b}.clone-button{background-color:#59cbda}.lock-button{background-color:#606060}
/*# sourceMappingURL=main.2aa20e2b.css.map */