@font-face{font-family:Quicksand;src:url(/sprite-generator/static/media/Quicksand-Bold.a1d3f9c4.otf)}body,html{margin:0;padding:0;font-family:Quicksand,Arial,Helvetica,sans-serif;font-size:10px;background-color:#282c34;color:#fff}.app{font-size:1.6rem}.app-header{display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left;-ms-flex-align:center;align-items:center;height:100px;background-color:#20232a;-webkit-box-shadow:2px 2px 16px 4px rgba(0,0,0,.1) inset;box-shadow:inset 2px 2px 16px 4px rgba(0,0,0,.1)}.app-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:60px}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.app-title{font-family:Quicksand,Arial,Helvetica,sans-serif;font-size:2rem}.app-form{padding:40px 20px;text-align:center}.app-label{display:inline-block;font-family:Quicksand,Arial,Helvetica,sans-serif;font-size:1.4rem;margin-right:.6rem;margin-bottom:1rem}.image-container{position:relative;max-width:1024px;margin:0 auto;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 0 16px 4px rgba(0,0,0,.1);box-shadow:0 0 16px 4px rgba(0,0,0,.1);padding:60px 20px 40px}.image-container__empty .image-list{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Q0QzYyRTU3MTVFMTFFOEFFQTI5MkZFM0IxRUQ1NjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Q0QzYyRTY3MTVFMTFFOEFFQTI5MkZFM0IxRUQ1NjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRDRDNjJFMzcxNUUxMUU4QUVBMjkyRkUzQjFFRDU2OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRDRDNjJFNDcxNUUxMUU4QUVBMjkyRkUzQjFFRDU2OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PugL8EYAAARoSURBVHja7JvLSyNJGMCruyvpdJSQxJ0YHyNRlHWchyC5CDKjyERQD0YE/TM8+9foQfEmKupRN3hclRkZlLkpHhzWMbrx0cl2uvf7QlpiR2aGIZWKSRU06STdqfp+9T27KpJlWaSWm0xqvAkAAoAAIAAIAAJADTfq/EDXdZLJZAgmSHV1dRIrSOl0OitJEhehsV+Px5N7pU7h+/v7iaIo2uTk5KuWlpYXAEIuZbaInbrdbnl5efnvg4ODbzwgaJpGdnZ2SFNT02MAMCs4QG18fPyD3+8PJJNJAz4uea4MAGhXV1f3+vr6Ny5qTykxDONpE8CZb2hoCMAFadAEJgPIZrOZ7u7uUF9fX3h/f/+83ABgAoiteY/sG2xebm1tfQGaYLAehGmaUiwW+5MV5N+NAhLaPAu1dzZwtEZHR0eot7c3XLNhsBK0gCuAStACyjsRsbXg+Pj4Ozhek2FXFgA3Kw4AagE43j/m5uY+Agxmvge8vnVxcXG5trZ2dHp6mqoYAHktsAKBgJd1UhQOh/3t7e3h+fn5vyDSXVcMgHxuYLLuA0wsAzmANx6Pv4XX3Zoshv6DFgqFgqBxas1Wg5DrPBR5ohwuSgxkWbKPap39QtnoE3W6gQdcZFYrAIg6RmHu//Dl/f09iUaj6tnZmcTrYUUZABCv10v29vbSzc3NFnV+eXt7m7m5ualquwcNIHbSRR11sjI7O/v+6urKCwVK1ZqAy+UyfD5fAt7qRT4gGAx6KaV11Q4A5JOedIKYkWFRAhdWLQBopu37uKfCaHb5DA0HVfa1eq6JEHhjVyKR+Lq1tXXo8XgUHqGHchTevbu7+3VpaemTnYCNjY29g1BslFMTZJ7CLyws7NufraysHG1sbHzWNI2WUxNknsI7J5oHBJmn8AMDA21QlmqqqtLBwcEIDwgyL+GHh4c7pqeno3iOYRfs/+3U1NTrckOQeQg/NDTUPjMzE7VDHzZd17PoBOPx+KtyQqAchbcKH4LmIRgIwQaAB56Pjo6+w+9YRAemADDJ2d7ePlpcXMyFukLhyROrTygghkEnBLg+px1gKiVnwNwEUqmUnhc+UjDz5g9S1QcIExMTOXO4vr7W7fL9WWkA2vjIyMibSCQS7OzsDP9MeCeEWCz2uq2tzY/35mffelZOEAeMdt7T0/MS/Jj8K8IX3ouFmX0vq+yQuRPEcePqT7nvfRbFUCU0AUAAEAAEgIeGa+iKolT9X0hkWUYZzSIAd3d3Jm4icLlctFqFp9AuLy//hZYpAoCbB1dXV48gC7uD69z5XaISywOSHXuhgmk/+Pug3S4UE6rMLzDZxQsjuH/25OQkBZVbAmrzN42NjUHiWD4roRrm1ujq6+tz71VVNfB5PT6yLnVfWE2jeSeTye+bm5tfDg8P/8HtssQpHJ6fn5/n1ghhMMTv96two0IY7RvE/kAVdUxzfT6fB6Cw2qOIRZSJfaFsADu3Txi350nib3MiDAoAAoAAIAAIAAJArbb/BRgAfac0U/3nK4UAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:50%;background-size:6rem}.image-list{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;height:500px;border:1px dashed #ccc;overflow:scroll}.image-list__horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.image-list__vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.image-list__horizontal_wrapped{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.image-list__vertical_wrapped{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.image-list__manage{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.image-item{margin:0;padding:0}.image-list__manage .image-item{width:auto;margin-top:3rem}.image-cover{width:auto}.image-cover:hover{background-color:#eee}.image-list__manage .image-cover{float:left;width:80px}.image-lower,.image-name,.image-remove,.image-replace,.image-upper{float:right;width:80px;display:none;text-align:center;font-size:1rem;line-height:40px;margin:20px 0;font-family:Quicksand,Arial,Helvetica,sans-serif;z-index:99;color:#6e6d8e;cursor:pointer}.image-name{width:160px;margin:20px;cursor:default;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.image-replace{color:#298dc4}.image-remove{color:#fc4b76}.image-list__manage .image-lower,.image-list__manage .image-name,.image-list__manage .image-remove,.image-list__manage .image-replace,.image-list__manage .image-upper{display:block}.image-clear,.image-manage{width:120px;height:48px;position:absolute;top:0;text-align:center;line-height:48px;cursor:pointer;font-family:Quicksand,Arial,Helvetica,sans-serif;font-size:1.2rem}.image-clear{right:0;color:#fc4b76}.image-manage{left:0;color:#298dc4}.generate-button{width:140px;height:48px;line-height:46px;background-color:#49d1b3;border:0;outline:0;font-family:Quicksand,Arial,Helvetica,sans-serif;margin:0 30px;font-size:1.2rem;color:#fff;border-radius:24px;cursor:pointer}.generate-button:hover{background-color:#1e987d}.upload-button{width:160px;height:40px;position:absolute;top:-2px;left:50%;margin-left:-80px;background-color:#2a4c80;border:none;font-family:Quicksand,Arial,Helvetica,sans-serif;font-size:1.5rem;color:#fff;text-shadow:0 0 4px #000;border-radius:2px 2px 10px 10px;-webkit-box-shadow:0 4px 16px 4px rgba(0,0,0,.15);box-shadow:0 4px 16px 4px rgba(0,0,0,.15);cursor:pointer;outline:0}.upload-button:active{top:0;border-radius:0 0 10px 10px;-webkit-box-shadow:0 4px 16px 4px rgba(0,0,0,.3);box-shadow:0 4px 16px 4px rgba(0,0,0,.3)}.sprite-download{font-family:Quicksand,Arial,Helvetica,sans-serif;font-size:1.2rem;color:#66dbfb}#input-align,#input-padding,#input-size{width:200px;height:36px;font-size:1rem;margin:0;padding:0;border-radius:4px;border:0;outline:0;font-family:Quicksand,Arial,Helvetica,sans-serif}#input-padding,#input-size{width:80px;text-indent:8px}.sprite-style,.style-code{margin-top:20px}.style-code{display:block;width:auto;padding:30px;max-height:600px;color:#444;background:#eee;border-radius:10px;word-wrap:normal;overflow:auto;font-family:Quicksand,Arial,Helvetica,sans-serif;font-size:1rem}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.hidden{display:none;opacity:0}.mr-s{margin-right:10px}.ml-m{margin-left:20px}.mr-l{margin-right:30px}.ml-l{margin-left:30px}.mt-l{margin-top:30px}
/*# sourceMappingURL=main.4b3b6757.css.map*/