.pixelated,canvas,#examples img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}#examples img{width:128px;height:128px;margin-right:1em;border-radius:.5em;cursor:pointer;padding:.5em}#examples img:hover{background:#4c4550}#pixel-demo{display:flex;margin:2em 0 0 0;user-select:none;align-items:flex-start}#pixel-demo>div:not(:first-child){margin-left:2em}#pixel-demo>div:not(:first-child) h3:first-child{margin-top:0}#pixel-demo .eraser{border:none;background:#4c4550;padding:.5rem .75rem;cursor:pointer}#pixel-demo .eraser svg{width:1.5rem;height:1.5rem}#pixel-demo.eraser .canvas-holder{cursor:url(/procedural-pixel-art-generator/eraser.png),auto !important}#pixel-demo.eraser .color-selection .selection{opacity:0;border-color:#332f35;pointer-events:none}#pixel-demo.eraser button.eraser{outline:solid .5em #27232a}#main-canvas{padding:1em 1em 0 1em;position:relative;background:#27232a}#main-canvas #layer-selected{display:flex;justify-content:space-between}#main-canvas #layer-selected label{padding:.5em 1em;cursor:pointer;display:inline-block}#main-canvas #layer-selected label:hover{background:#332f35}#main-canvas #layer-selected input{display:none}#main-canvas #layer-selected input:checked+label{color:#e5e3e6;background:#665f6c}#main-canvas #layer-selected strong{align-self:center;margin-right:.5em}#main-canvas #layer-selected>div{flex-grow:1}#main-canvas #layer-selected button#clear-canvas{background:none;border:none;cursor:pointer;padding:.5em .75em}#main-canvas #layer-selected button#clear-canvas svg{width:1.75em;height:1.75em}#main-canvas #layer-selected button#clear-canvas svg path{fill:#928a99}#main-canvas #layer-selected button#clear-canvas:hover{background:#4c4550}#main-canvas #layer-selected button#clear-canvas:hover svg path{fill:#b4abbd}#main-canvas .canvas-holder{cursor:url(/pixel-art-where-to-start/pencil-tool-cursor.png),auto;background:#fff}#main-canvas .canvas-holder canvas{margin:0 auto;display:block;transition:width 100ms,height 100ms;position:absolute;top:1em;left:1em;pointer-events:none;background-color:#fff}#main-canvas .canvas-holder.onion canvas{background-color:rgba(0,0,0,0)}#main-canvas .canvas-holder:not(.onion) canvas.selected{z-index:200 !important}#main-canvas .canvas-holder .gridline{background:#000;position:absolute}#main-canvas .canvas-holder .gridline.horizontal{width:1px;height:calc(100% - 2em);top:1em;left:50%;border-left:solid 1px #fff}#main-canvas .canvas-holder .gridline.vertical{width:calc(100% - 2em);height:1px;top:50%;left:1em;border-top:solid 1px #fff}.textbox-holder input{width:2em;text-align:center}.chance-selection{display:flex}.chance-selection button{height:3em;border:none;border-bottom:solid .5em rgba(0,0,0,.4);cursor:pointer;margin-bottom:1em;transition:margin-top 200ms,height 200ms,border-bottom-width 150ms;-webkit-tap-highlight-color:rgba(255,255,255,0);flex:0 0 25%}.chance-selection button:nth-child(1){color:#fff}.chance-selection button:nth-child(2){color:#fff}.chance-selection button:nth-child(1){background-color:#4c4550}.chance-selection button:nth-child(2){background-color:#8d8293}.chance-selection button:nth-child(3){background-color:#cbc6ce}.chance-selection button:nth-child(4){background-color:#fff}.chance-selection button:first-child{border-radius:2px 0 0 2px}.chance-selection button:last-child{border-radius:0 2px 2px 0}.chance-selection button:active,.chance-selection button.current-selection{margin-top:.5em;height:2.5em;border-bottom-width:0px}.color-selection{position:relative}.color-selection .selection{width:3em;height:3em;position:absolute;top:0;left:0;outline:solid .5em #5a535e;z-index:10;transition:all 200ms}.color-selection .color{display:flex;align-items:center}.color-selection .color:nth-child(1) .palette-color{background-color:red}.color-selection .color:nth-child(2) .palette-color{background-color:lime}.color-selection .color:nth-child(3) .palette-color{background-color:blue}.color-selection .color:nth-child(4) .palette-color{background-color:aqua}.color-selection .color:nth-child(5) .palette-color{background-color:#f0f}.color-selection .color:nth-child(6) .palette-color{background-color:#ff0}.color-selection .color:nth-child(7) .palette-color{background-color:#000}.color-selection .color .palette-color{width:3rem;height:3rem;border:none;cursor:url(/procedural-pixel-art-generator/eyedropper.png),auto}.color-selection .color .jscolor{width:2.5rem;height:2.5rem;border-radius:50%;border:solid .25em #27232a}.color-selection .color>strong{padding:0 .5em 0 1em}#output{margin:1em 0}#output canvas{border:solid 1px #3d3940;border-radius:.5em;padding:.5em;margin-right:.5em;cursor:pointer}#output canvas:hover{background:#3d3940}.settings-container{display:flex;flex-wrap:wrap;align-items:center}.settings-container>*{margin-right:2em}.export-holder,.import-holder{display:none}@media(max-width: 830px){#pixel-demo{flex-direction:column}#canvas-sidebar{flex-direction:row;margin-left:0;margin-top:2em}#color-palette{margin-bottom:0}#color-palette button{flex:1 1 calc(25% - 1em)}}
/*# sourceMappingURL=../../maps/procedural-pixel-art-generator/css/procedural-pixel-art-generator.css.map */