#output-container .right .scale-slider input[type=range]{-webkit-appearance:none;width:100%;margin:7px 0;background:rgba(0,0,0,0)}#output-container .right .scale-slider input[type=range]:disabled{opacity:.25;cursor:not-allowed !important}#output-container .right .scale-slider input[type=range]:disabled::-webkit-slider-runnable-track,#output-container .right .scale-slider input[type=range]:disabled::-webkit-slider-thumb,#output-container .right .scale-slider input[type=range]:disabled::-webkit-slider-runnable-track{background:#5a535e;cursor:not-allowed}#output-container .right .scale-slider input[type=range]:disabled::-moz-range-thumb,#output-container .right .scale-slider input[type=range]:disabled::-moz-range-track{background:#5a535e;cursor:not-allowed}#output-container .right .scale-slider input[type=range]:disabled::-ms-fill-lower,#output-container .right .scale-slider input[type=range]:disabled::-ms-fill-upper,#output-container .right .scale-slider input[type=range]:disabled::-ms-thumb{background:#5a535e;cursor:not-allowed}#output-container .right .scale-slider input[type=range]:focus{outline:none}#output-container .right .scale-slider input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:#5a535e;border-radius:14.1px;border:0px solid #5a535e}#output-container .right .scale-slider input[type=range]::-webkit-slider-thumb{border:0px solid #a198a9;height:22px;width:44px;border-radius:11px;background:#a198a9;cursor:pointer;-webkit-appearance:none;margin-top:-7px}#output-container .right .scale-slider input[type=range]:focus::-webkit-slider-runnable-track{background:#5a535e}#output-container .right .scale-slider input[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;background:#5a535e;border-radius:14.1px;border:0px solid #5a535e}#output-container .right .scale-slider input[type=range]::-moz-range-thumb{border:0px solid #a198a9;height:22px;width:44px;border-radius:11px;background:#a198a9;cursor:pointer}#output-container .right .scale-slider input[type=range]::-ms-track{width:100%;height:8px;cursor:pointer;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0)}#output-container .right .scale-slider input[type=range]::-ms-fill-lower,#output-container .right .scale-slider input[type=range]::-ms-fill-upper{background:#5a535e;border:0px solid #5a535e;border-radius:28.2px}#output-container .right .scale-slider input[type=range]::-ms-thumb{border:0px solid #a198a9;height:22px;width:44px;border-radius:11px;background:#a198a9;cursor:pointer;height:8px}#output-container .right .scale-slider input[type=range]:focus::-ms-fill-lower,#output-container .right .scale-slider input[type=range]:focus::-ms-fill-upper{background:#5a535e}.pixelated,#output-container .left #output-image 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}#output-container .right .scale-slider input[type=range]{-webkit-appearance:none;width:100%;margin:7px 0;background:rgba(0,0,0,0)}#output-container .right .scale-slider input[type=range]:disabled{opacity:.25;cursor:not-allowed !important}#output-container .right .scale-slider input[type=range]:disabled::-webkit-slider-runnable-track,#output-container .right .scale-slider input[type=range]:disabled::-webkit-slider-thumb,#output-container .right .scale-slider input[type=range]:disabled::-webkit-slider-runnable-track{background:#5a535e;cursor:not-allowed}#output-container .right .scale-slider input[type=range]:disabled::-moz-range-thumb,#output-container .right .scale-slider input[type=range]:disabled::-moz-range-track{background:#5a535e;cursor:not-allowed}#output-container .right .scale-slider input[type=range]:disabled::-ms-fill-lower,#output-container .right .scale-slider input[type=range]:disabled::-ms-fill-upper,#output-container .right .scale-slider input[type=range]:disabled::-ms-thumb{background:#5a535e;cursor:not-allowed}#output-container .right .scale-slider input[type=range]:focus{outline:none}#output-container .right .scale-slider input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:#5a535e;border-radius:14.1px;border:0px solid #5a535e}#output-container .right .scale-slider input[type=range]::-webkit-slider-thumb{border:0px solid #a198a9;height:22px;width:44px;border-radius:11px;background:#a198a9;cursor:pointer;-webkit-appearance:none;margin-top:-7px}#output-container .right .scale-slider input[type=range]:focus::-webkit-slider-runnable-track{background:#5a535e}#output-container .right .scale-slider input[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;background:#5a535e;border-radius:14.1px;border:0px solid #5a535e}#output-container .right .scale-slider input[type=range]::-moz-range-thumb{border:0px solid #a198a9;height:22px;width:44px;border-radius:11px;background:#a198a9;cursor:pointer}#output-container .right .scale-slider input[type=range]::-ms-track{width:100%;height:8px;cursor:pointer;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0)}#output-container .right .scale-slider input[type=range]::-ms-fill-lower,#output-container .right .scale-slider input[type=range]::-ms-fill-upper{background:#5a535e;border:0px solid #5a535e;border-radius:28.2px}#output-container .right .scale-slider input[type=range]::-ms-thumb{border:0px solid #a198a9;height:22px;width:44px;border-radius:11px;background:#a198a9;cursor:pointer;height:8px}#output-container .right .scale-slider input[type=range]:focus::-ms-fill-lower,#output-container .right .scale-slider input[type=range]:focus::-ms-fill-upper{background:#5a535e}.pixelated,#output-container .left #output-image 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}.file-uploader-holder{position:relative;transition:height 300ms;margin:2em 0;max-height:500px;opacity:1;transition:max-height 800ms,opacity 500ms,margin 500ms}.file-uploader-holder .dropzone{width:100%;border-radius:4px;background:linear-gradient(90deg, #524e53 50%, transparent 50%),linear-gradient(90deg, #524e53 50%, transparent 50%),linear-gradient(0deg, #524e53 50%, transparent 50%),linear-gradient(0deg, #524e53 50%, transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:25px 4px,25px 4px,4px 25px,4px 25px;background-position:0px 0px,75px 100%,0px 75px,100% 0px;display:inline-block;text-align:center;padding:2em 0;position:relative;box-sizing:border-box;transition:opacity 300ms;user-select:none}.file-uploader-holder .dropzone.marching{animation:border-dance 4s infinite linear}@keyframes border-dance{0%{background-position:0px 0px,75px 100%,0px 75px,100% 0px}100%{background-position:75px 0px,0px 100%,0px 0px,100% 75px}}.file-uploader-holder .dropzone .error{width:100%;max-height:0em;opacity:0;margin-top:1em;text-align:center;transform:translateX(0);font-size:1rem;pointer-events:none;transition:max-height 200ms,opacity 200ms}.file-uploader-holder .dropzone .error a{pointer-events:auto}.file-uploader-holder .dropzone .error svg{width:1em;height:1em;top:.125em;position:relative;margin-right:.5em}.file-uploader-holder .dropzone .error svg path{fill:#665f6c}.file-uploader-holder .dropzone .error.visible{opacity:1;max-height:2em}.file-uploader-holder .dropzone ul{margin:0;padding:0;list-style-type:none}.file-uploader-holder .dropzone ul li{display:inline-block;margin:0 2em;vertical-align:top}.file-uploader-holder .dropzone ul li h2{margin:1em 0 1em}.file-uploader-holder .dropzone ul .choosefile button{display:inline-block;padding:13px;border:none;color:#b4abbd;text-decoration:none;border-radius:5px;background:#4c4550;cursor:pointer;font-size:1.1em;padding:.5em 1.5em;margin:.5em}.file-uploader-holder .dropzone ul .choosefile button:hover{background:#5a535e}.file-uploader-holder .dropzone ul .choosefile button svg{height:100%;width:1em;margin-right:.5em;vertical-align:sub}.file-uploader-holder .dropzone ul .choosefile input{display:none}.file-uploader-holder .dropzone ul .dragndrop .image{width:4em;height:4em}.file-uploader-holder .dropzone ul .dragndrop .image path{fill:#665f6c}.file-uploader-holder .dropzone ul .dragndrop .cursor{width:1.5em;height:1.5em;left:-1.5em;top:.5em;margin-right:-1.5em}.file-uploader-holder .dropzone ul .dragndrop .cursor path{fill:#a198a9}.file-uploader-holder .dropzone ul .dragndrop svg{position:relative}.file-uploader-holder .dropzone ul .paste{position:relative}.file-uploader-holder .dropzone ul .paste .key{display:inline-block;width:4em;border:solid 3px #665f6c;border-radius:5px;font-weight:bold;padding:1em .25em;box-sizing:border-box}.file-uploader-holder .dropzone ul .paste svg{width:1.5em;height:1.5em;position:relative;top:.5em}.file-uploader-holder .dropzone ul .paste svg path{fill:#665f6c}.file-uploader-holder .dropzone .activate-text{position:absolute;top:.75em;text-align:center;width:100%;color:#665f6c;visibility:hidden}.file-uploader-holder:not(.active) .dropzone:hover .activate-text{visibility:visible}.file-uploader-holder:not(.active) .dropzone:hover{cursor:pointer}.file-uploader-holder .loading-box{position:absolute;top:0;font-size:1.5em;font-weight:bold;text-align:center;text-transform:uppercase;background:url("https://cdn.lospec.com/static/images/loading.gif") no-repeat center bottom;min-height:9em;opacity:0;pointer-events:none;width:100%;transition:opacity 300ms}.file-uploader-holder.loading .dropzone>*{opacity:0;pointer-events:none}.file-uploader-holder.loading .loading-box{opacity:1}.file-uploader-holder .drop-indicator{display:none;transition:opacity 300ms;opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(39,35,42,.9);z-index:10000}.file-uploader-holder .drop-indicator:after{position:fixed;top:0;right:0;bottom:0;left:0;content:"Drop file anywhere to upload...";pointer-events:none;font-size:3em;font-weight:bold;text-align:center;vertical-align:middle;line-height:100vh}.file-uploader-holder.small{font-size:.7em}.file-uploader-holder .accepted-filetypes{color:#665f6c;padding:.5em 0;text-align:center}.file-uploader-holder .firefox-warning{width:100%;max-height:0em;opacity:0;margin-top:1em;text-align:center;transform:translateX(0);pointer-events:none;transition:max-height 200ms,opacity 200ms}.file-uploader-holder .firefox-warning a{pointer-events:auto}.file-uploader-holder .firefox-warning svg{width:1em;height:1em;top:.125em;position:relative;margin-right:.5em}.file-uploader-holder .firefox-warning svg path{fill:#665f6c}.file-uploader-holder .firefox-warning.visible{opacity:1;max-height:3em}.file-uploader-holder .input-hider{max-height:500px;transition:max-height 800ms,opacity 500ms;overflow:hidden;opacity:1}.file-uploader-holder .input-hider.hidden{max-height:0px;opacity:0;overflow:hidden}.file-uploader-holder.hidden{max-height:0px;opacity:0;margin:0em;overflow:hidden}.file-uploader-holder.disabled{cursor:not-allowed;user-select:none}.file-uploader-holder.disabled .input-hider{max-height:0px;opacity:0;overflow:hidden}.file-uploader-holder.disabled .uploaded-files .uploaded-file .x,.file-uploader-holder.disabled .uploaded-files .uploaded-file:hover .x,.file-uploader-holder.disabled .uploaded-files .uploaded-file .info{display:none}.file-uploader-holder:not(.active) .dropzone ul .paste,.file-uploader-holder:not(.active) .dropzone ul .dragndrop{opacity:.5}.file-uploader-holder:not(.active) .dropzone ul .paste h2,.file-uploader-holder:not(.active) .dropzone ul .dragndrop h2{text-decoration:line-through;text-decoration-thickness:.2em}.file-uploader-holder .uploaded-files{font-size:1rem;display:flex;flex-wrap:wrap;margin:1em 0}.file-uploader-holder .uploaded-files .uploaded-file{width:128px;height:128px;background-position:center;background-color:#27232a;background-size:cover;border-radius:.5em;border:solid 4px #665f6c;box-shadow:inset 0 0px 0 1px rgba(0,0,0,.2);position:relative;overflow:hidden;margin-right:.75em;margin-bottom:.75em}.file-uploader-holder .uploaded-files .uploaded-file .x{display:none;position:absolute;top:0;right:0;padding:.25em .5em;background-color:#665f6c;border-bottom-left-radius:.5em}.file-uploader-holder .uploaded-files .uploaded-file .x:hover{background-color:#d9d4de}.file-uploader-holder .uploaded-files .uploaded-file .x:hover svg path{fill:#fff}.file-uploader-holder .uploaded-files .uploaded-file:hover .x{display:block}.file-uploader-holder .uploaded-files .uploaded-file .info{position:absolute;bottom:0;left:0;right:0;padding:.25em;text-align:right;text-shadow:-1px -1px 1px #000;background:rgba(0,0,0,.3);color:#fff;font-size:.8em}.file-uploader-holder .uploaded-files .uploaded-file:hover .info{background:#665f6c;text-shadow:none}.file-uploader-holder:not(.disabled) .uploaded-files .uploaded-file .x{cursor:pointer}.file-uploader-holder .uploaded-file.template{display:none}@media(pointer: coarse){.file-uploader-holder .dropzone ul .dragndrop,.file-uploader-holder .dropzone ul .paste{display:none}}#output-container{opacity:0;transition:opacity 300ms,height 300ms;width:100%;display:none}#output-container .left,#output-container .right{max-width:50%}#output-container .left{text-align:center;margin-right:1.5em;flex:1 0 50%}#output-container .left #output-image{background-color:#27232a;border:solid 1em #27232a;margin-bottom:1em;max-width:100%;max-height:50vh;min-height:10em;overflow:hidden;position:relative}#output-container .left #output-image img{pointer-events:none}#output-container .left p{font-size:.8em;font-style:italic;color:#665f6c}#output-container .right{margin-left:1.5em;flex:1 1 50%}#output-container .right h3{margin:2em 0 .5em 0}#output-container .right h3:first-child{margin-top:0}#output-container .right .scale-slider{display:flex}#output-container .right .scale-slider div{font-size:1.5em;font-weight:bold;text-align:center;flex:1 0 3em;margin-right:1em}#output-container .right .scale-resolution{text-align:center;padding-left:3em}#output-container .right .scale-resolution svg{width:.8em;height:.8em}#output-container .right .scale-resolution svg path{fill:#665f6c}#output-container .right .scale-error{display:none}#output-container .right .scale-error svg{width:1em;height:1em}#output-container .right .scale-error svg path{fill:#665f6c !important}#output-container .right .output-button{margin:2em 0;text-align:center;font-size:1.5em}#output-container .right .output-button .link-button svg{top:0}#output-container .right .complete-output{display:none}#output-container.complete .right>*:not(.complete-output){display:none}#output-container.complete .right .complete-output{display:block}#output-container.complete .left #output-image img{pointer-events:auto}#output-container .left #output-image::after{content:"Scaling Preview";display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:#27232a;padding:.25em 1em 0;border-radius:.5em .5em 0 0}#output-container.complete .left #output-image::after{content:"Scaled Image Result"}#output-container .link-button{padding:.75em 1.5em;font-weight:bold;font-size:1em}#output-container .link-button svg{position:relative;top:-0.2em;height:1.5em;width:1.5em;display:inline-block;margin-right:1em}#reset-uploader{margin-top:4em}@media(max-width: 800px){#output-container{flex-direction:column}#output-container .left,#output-container .right{flex:1 1 100%;max-width:100%;margin-left:0}}
/*# sourceMappingURL=../../maps/pixel-art-scaler/css/pixel-art-scaler.css.map */