body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background-color:#000}button{margin-left:5px}canvas{border:1px solid #fff;border-radius:5px}.menuContainer{display:flex;flex-direction:row;flex:1 1;position:fixed;top:0;right:-500px;height:100vh;transition:.5s linear}.menuContainer.open{right:0}.button{display:flex;flex-direction:column;margin-top:15px}.button>button{border:none;background:none;background-color:#282828;border-top-left-radius:15px;border-bottom-left-radius:15px;color:#fff;font-size:xx-large;cursor:pointer}.button.open>button>.arrow{transform:rotate(-.5turn);color:#fff;font-size:xx-large;transform:rotate(.5turn);transition:.5s}.menu{margin-top:0;height:100%;width:500px;background-color:#282828}.gen,.menu{display:flex;flex:1 1;flex-direction:column}.gen{margin:2em 5px 5px;border:3px solid #8b0000;border-radius:5px;padding:5px}.reGen{display:flex;flex:1 1;align-items:center;margin-top:-2em}.reGen>button{flex:1 1;background:none;border:none;color:#fff;cursor:pointer;border-radius:100px;font-size:xx-large;background-color:#8b0000;background-image:linear-gradient(90deg,#8b0000,hsla(0,0%,100%,0),#8b0000);transition:1s ease-in}.reGen>button:hover{background-color:#00f}.details{display:flex;flex:4 1;align-items:center}.details>label{font-size:larger;color:#fff}.details>div,.details>label{display:flex;flex:1 1;justify-content:center}.details>div{background-color:rgba(0,0,0,.26666666666666666);border-radius:100px}.details>div div{background:none;border:none;background-color:rgba(0,0,0,.26666666666666666);color:#fff;font-size:large;vertical-align:middle;text-align:center;padding:5px;cursor:pointer}.details>div div:first-child{border-radius:100px 0 0 100px}.details>div div:last-child{border-radius:0 100px 100px 0}.details>div>input[type=number]{width:100%;background:none;border:none;text-align:center;font-size:larger;color:#fff;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.details>input[type=range]{display:flex;flex:2 1;margin:10px}.area{flex:4 1;flex-direction:column}.area,div[class^=area-]{display:flex;align-items:center}div[class^=area-]{flex:1 1}div[class^=area-]>label{display:flex;flex:1 1;font-size:larger;color:#fff;width:25%;justify-content:center}div[class^=area-]>div{display:flex;flex:1 1;background-color:rgba(0,0,0,.26666666666666666);border-radius:100px;justify-content:center}div[class^=area-]>div div{background:none;border:none;background-color:rgba(0,0,0,.26666666666666666);color:#fff;font-size:large;vertical-align:middle;text-align:center;padding:5px;cursor:pointer}div[class^=area-]>div div:first-child{border-radius:100px 0 0 100px}div[class^=area-]>div div:last-child{border-radius:0 100px 100px 0}div[class^=area-]>div>input[type=number]{width:100%;background:none;border:none;text-align:center;font-size:larger;color:#fff;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}div[class^=area-]>input[type=range]{display:flex;flex:2 1;margin:10px}.display{display:flex;flex:3 1;margin:5px;padding:5px;border-radius:0;flex-direction:column}.up{margin:15px 5px 20px}.options,.up{display:flex;flex:1 1}.options{flex-direction:column;justify-content:space-around;align-content:space-around;border:2px solid rgba(0,0,0,.26666666666666666);border-radius:5px;color:#fff;margin-left:5px}.options>span{position:relative;margin-left:10px;top:-.6em;font-size:x-large;background-color:#282828;text-align:center;padding-left:10px;padding-right:10px;width:3.5em}.edge{align-items:center;justify-content:space-around;background-color:rgba(0,0,0,.26666666666666666);border-radius:100px;padding:5px;margin:5px}.colorGroup,.edge{display:flex;color:#fff;flex:1 1}.colorGroup{border:2px solid rgba(0,0,0,.26666666666666666);border-radius:5px;padding:10px;flex-direction:column;margin-right:5px}.colorGroup>span{position:relative;top:-1em;font-size:x-large;background-color:#282828;text-align:center;padding-left:10px;padding-right:10px;max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content}.color{display:flex;flex:1 1;color:#fff}.color>label{flex:10 1}.color>span{flex:1 1;border:none;background:none;height:30px;width:30px;border-radius:100px;margin-left:50px}.color>span>input[type=color]{opacity:0;cursor:pointer}.h,.v{display:flex;flex:1 1;align-items:center}.h>span,.v>span{display:inline-block;border:none;background:none;height:30px;width:30px;border-radius:100px;flex:1 1}.h>span>input[type=color],.v>span>input[type=color]{opacity:0;cursor:pointer}.h>label,.v>label{flex:10 1}select{border:none;background:none;color:#fff}.intensity{color:#fff;border:2px solid rgba(0,0,0,.26666666666666666);border-radius:5px;padding:5px;display:flex;flex:1 1;flex-direction:column;align-items:flex-start}.intensity>span{position:relative;margin-left:10px;top:-.9em;font-size:x-large;background-color:#282828;text-align:center;padding-left:10px;padding-right:10px}.intensity>div>label{font-size:large}
/*# sourceMappingURL=main.ff3c08b1.chunk.css.map */