body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{padding:20px;text-align:center}canvas{border:1px solid #000;box-sizing:"border-box";cursor:crosshair;max-width:99%;touch-action:none}body{background-color:#fff1cc;background-image:linear-gradient(#dadada 2.4000000000000004px,transparent 0),linear-gradient(90deg,#dadada 2.4000000000000004px,transparent 0),linear-gradient(#dadada 1.2000000000000002px,transparent 0),linear-gradient(90deg,#dadada 1.2000000000000002px,#fff1cc 0);background-position:-2.4000000000000004px -2.4000000000000004px,-2.4000000000000004px -2.4000000000000004px,-1.2000000000000002px -1.2000000000000002px,-1.2000000000000002px -1.2000000000000002px;background-size:60px 60px,60px 60px,12px 12px,12px 12px;margin:0;opacity:1;padding:0}.container{align-items:top;display:flex;justify-content:center}@-webkit-keyframes scrollUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes scrollUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.scroll-up-animation{-webkit-animation:scrollUp .5s ease-out forwards;animation:scrollUp .5s ease-out forwards}a{color:#000;text-decoration:underline}.icon-container{align-items:center;display:flex;margin-bottom:20px}.icon-container img{height:30px;margin-right:10px;width:30px}.icon-description{max-width:600px}.palette-z-index{position:relative;z-index:2}.noselect{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;height:28px;margin-top:-4px;width:28px}input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;height:28px;width:28px}input[type=range]{height:28px}.confirm-dialog{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirm-dialog-content{background-color:#fff;border-radius:5px;padding:20px;text-align:center}.confirm-dialog-content button{margin:5px}
/*# sourceMappingURL=main.7c3ac1d1.css.map*/