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}.button{border:1px solid #fff;background-color:#fff;border-radius:6px;padding:6px;margin:6px 6px 0 0;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#000}.button:hover{opacity:.8}.size-selector{box-sizing:border-box;width:100%;padding:6px;line-height:200%;border:1px solid #fff;border-radius:3px;margin-bottom:12px}.size-selector select{margin:0 12px;padding:6px;border:1px solid #ff0;border-radius:6px}.selector-button{max-width:100px;text-align:center;border:1px solid #ff0;background-color:#ff0;border-radius:3px;color:#000;padding:6px;margin:0 0 6px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.selector-button:hover{opacity:.8}.selector-button.selected{border:1px solid green;background-color:green}@media only screen and (max-width:600px){.selector-button{margin:6px}}.frame-selector{display:flex;flex-grow:0.9;flex-direction:column}@media only screen and (max-width:600px){.frame-selector{flex-direction:row;flex-flow:row wrap;justify-content:center}}.toggle-button{box-sizing:border-box;width:24px;height:24px;border:1px dotted #d9d9d9;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:#000}.toggle-button.selected{background-color:#ff0}.toggle-button:hover{border:1px solid #ff0}.sprite-editor{display:flex;flex-direction:column}.sprite-editor .sprite-editor-row{display:flex}.pixel{box-sizing:border-box;width:2px;height:2px;background-color:#fff}.pixel.selected{background-color:#000}.sprite-preview{display:flex;flex-direction:column}.sprite-preview .sprite-preview-row{display:flex}.error{box-sizing:border-box;color:red;border:1px solid red;background-color:#fff;text-align:center;opacity:0;height:0;padding:0;margin:0;min-height:24px;border-radius:6px}.error,.error.visible{transition:all .5s ease-in-out}.error.visible{opacity:1;padding:12px;margin:6px;height:auto}.frame-data-editor{padding:12px;background-color:#d9d9d9;color:#000;line-height:150%}.frame-data-editor,.frame-data-editor textarea{border-radius:6px;box-shadow:10px 10px 15px rgba(0,0,0,.5)}.frame-data-editor textarea{width:100%;min-height:300px;box-sizing:border-box}.frame-data-editor .btn-copy{border:1px solid #000;background-color:#fff;color:#000;padding:3px 6px;margin:6px 0;border-radius:3px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.frame-data-editor .btn-copy:hover{opacity:.8}body{background-color:#333;padding:6px;display:flex}body,body .content{justify-content:center}body .content{background-color:#000;color:#fff;padding:24px;border:1px solid #fff;border-radius:6px;box-shadow:10px 10px 15px rgba(0,0,0,.5)}body #root{display:flex;flex-direction:column}body #root .preview-box{display:flex;align-items:center}body #root .preview-box span{color:#fff;padding-right:6px}@media only screen and (max-width:600px){body #root .preview-box{flex-direction:column}body #root .preview-box input{width:95%}}body #root .editors{display:flex;box-sizing:border-box;padding:24px;width:100%;justify-content:space-evenly}@media only screen and (max-width:600px){body #root .editors{flex-direction:column-reverse;padding:6px}}body #root .action-buttons{display:flex;width:100%;flex-direction:row;flex-flow:row wrap;justify-content:flex-start;text-align:center}@media only screen and (max-width:600px){body #root .action-buttons{justify-content:center}body #root .action-buttons .button{max-width:135px;width:100%}}body #root .sprite-data-line{padding:6px;color:#000;font-size:12px}
/*# sourceMappingURL=main.b3300443.chunk.css.map */