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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background:#ffca0b;height:100%;margin:0;padding:0}*,:after,:before{box-sizing:border-box}.container{text-align:center}.header{max-width:800px}.header,ul{margin:auto}ul{max-width:450px;text-align:left}a{color:#22211b;font-weight:700;text-decoration:underline}a:hover{text-decoration:none}a:visited{color:#22211b}.nav--active{text-decoration:none}@font-face{font-family:icomoon;font-style:normal;font-weight:400;src:url(/static/media/icomoon.bcfd8e43f771c2db3a93.eot);src:url(/static/media/icomoon.bcfd8e43f771c2db3a93.eot#iefix) format("embedded-opentype"),url(/static/media/icomoon.dd286ca903820d40485f.ttf) format("truetype"),url(/static/media/icomoon.c0715c4cca64a640f379.woff) format("woff"),url(/static/media/icomoon.ac0dbc4313bfeb7ff7a1.svg#icomoon) format("svg")}.icon-arrow-down:before,.icon-arrow-left:before,.icon-arrow-up:before,.icon-checkmark:before,.icon-plus:before,.icon-spinner11:before,.icon-spinner8:before{speak:none;-webkit-font-feature-settings:normal;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;margin-right:.25rem;text-transform:none;vertical-align:-15%}.icon-spinner8:before{content:""}.icon-spinner11:before{content:""}.icon-plus:before{content:""}.icon-checkmark:before{content:""}.icon-arrow-up:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-left:before{content:""}.button,.button--primary,.button--secondary{background:inherit;border:2px solid rgba(34,33,27,.9);border-radius:3px;color:#22211b;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:400;margin:0 1rem 1rem;padding:.5rem 1rem;position:relative;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.button--primary:hover,.button--secondary:hover,.button:hover{background:#ffd84c}.button--secondary{border-color:#bd2f0f;color:#bd2f0f}.button--secondary:hover{background:#fbd8d0}.error-message{background:#bd2f0f;border:2px solid #8e230b;font-weight:700;margin:1rem auto;max-width:800px;padding:1rem}.preview__img{display:block;margin:2rem auto;max-width:400px}.options{border-bottom:2px solid #22211b;margin:1rem auto;max-width:800px;padding:1rem;text-align:left}.options__group{border:none}.options__group legend{font-weight:700}.options__form{max-height:0;overflow:hidden;transition:all .3s ease-out}.options--open{max-height:500px}.options__controls{background:none;border:0;cursor:pointer;display:flex;justify-content:space-between;width:100%}.options__controls--open .options__toggle{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.options__toggle{background:#ffca0b;border:0;flex-direction:column;font-size:3rem;font-weight:700;height:40px;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:40px}.options__toggle,.upload{align-items:center;cursor:pointer;display:flex;justify-content:center}.upload{border-radius:0 0 5px 5px;margin:auto;max-width:800px;min-height:200px;width:100%}.upload .canvas,.upload .input{display:none}.upload--error{border:2px solid #8e230b}.canvas{display:none}.upload--drag-enter{border:5px solid #a37f00;color:#a37f00}.upload--drag-enter .instructions--standard{display:none}.upload--drag-enter .instructions--drop{display:block}.instructions{display:block;font-size:1.3rem}.instructions .button,.instructions .button--primary,.instructions .button--secondary{font-size:1.3rem;margin:0}.instructions--drop{display:none}.form-row{margin-bottom:.5rem}.form__options{background:#dead00;border-radius:5px 5px 0 0;padding:.5rem}.label__info{display:inline-block;font-size:.9rem;font-weight:400;margin-left:.5rem}.input__resolution{margin-left:.5rem;padding:.25rem;width:50px}.input__invert{margin-right:.5rem}input[type=checkbox],input[type=radio]{margin:auto .5rem}.progress{align-items:center;display:flex;justify-content:center;margin:3rem auto;max-width:800px}progress{border-radius:3px;margin-left:1rem;width:calc(100% - 125px)}@media(min-width:1024px){progress{width:50%}}progress::-webkit-progress-bar{background-color:#ffe792;border-radius:3px}progress::-webkit-progress-value{background-color:#a37f00;border-radius:3px}.progress__spinner{display:inline-block;height:1rem;margin-right:.25rem;margin-top:-1px;width:1rem}.progress__spinner:before{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;margin:0;-webkit-transform-origin:center;transform-origin:center;vertical-align:0}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.result{font-size:4px;letter-spacing:.5em;line-height:1;margin:2rem auto 3rem}.result__canvas{display:block;margin:auto;max-width:100%}.result__canvas--zoom{max-width:none}.footer{border-top:2px solid #22211b;font-size:.9rem;margin:1.5rem auto;max-width:800px;padding:1.5rem 0}
/*# sourceMappingURL=main.3cac7ebb.css.map*/