#gameoflife-controller{position:absolute;top:0;bottom:0;left:0;width:50px;background-color:#5f5f5f;z-index:1}#gameoflife-controller *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#gameoflife-controller .menu{display:inline-block;position:absolute;margin:50px 10px 10px -200%;width:50px;border-radius:50px;background-color:grey;opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:.3s;transition:.3s;z-index:-1}#gameoflife-controller .menu.show{margin-left:10px;opacity:1}#gameoflife-controller .menu>*{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#gameoflife-controller .button{margin:10px;border:0;background-color:initial;background-repeat:no-repeat;background-position:50%;background-size:contain;color:#fff;width:30px;height:30px;font-size:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:top .3s;transition:top .3s;cursor:pointer}#gameoflife-controller .input{position:relative;width:40px;height:40px;margin:5px;text-align:center}#gameoflife-controller .input.hide{display:none}#gameoflife-controller .input img{position:absolute;left:0;width:40px;height:40px;background-size:cover;opacity:.3}#gameoflife-controller .input input{position:absolute;left:0;width:40px;height:40px;border:none;padding:0;background:none;color:#fff;text-align:center;font-size:16px;line-height:20px}#gameoflife-controller .colorpicker{margin:10px 15px}#gameoflife-controller .colorpicker.hide{display:none}#gameoflife-controller .toggle-button{opacity:.5}#gameoflife-controller .toggle-button.active{opacity:1}#gameoflife-grid{position:absolute;top:0;bottom:0;left:50px;right:0}#gameoflife-grid canvas,#gameoflife-scene{width:100%;height:100%}#gameoflife-scene{position:absolute;top:0;left:0;background-color:#000;overflow:hidden}
/*# sourceMappingURL=main.e2934770.chunk.css.map */