/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body{font-family:Nunito,sans-serif}*{box-sizing:border-box}body,html{position:relative;width:100%;height:100%;margin:0;padding:0;background:#e7e7e7}.section,.inner{display:block;position:relative;width:100%}.inner{margin:0 auto;max-width:1080px;padding:32px 20px}.yardstick-wrapper{display:block;margin:0 auto;padding:0 20px;max-width:1080px}.yardstick{display:block;width:100%}a{color:#ff4e52;text-decoration:none}header{display:block;background:#1b1b25;width:100%;height:90px;position:relative}header .horse{display:block;width:60px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}.toolbar.disabled{pointer-events:none;opacity:.3}.colours,.tools{display:block;padding:0;margin:0;overflow-y:hidden;overflow-x:scroll}.colours::-webkit-scrollbar,.tools::-webkit-scrollbar{display:none}.colours li,.tools li{padding:0;display:inline-block;width:32px;overflow:hidden;margin:0 7px 7px 0;border-radius:3px;background:white;position:relative}.colours li:after,.tools li:after{display:block;content:"";padding-top:100%}.colours img,.tools img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}.colours{display:block;width:80%;float:left;text-align:left;white-space:nowrap}.colours li{cursor:pointer}.colours li.selected:before{content:"";display:block;height:3px;border-radius:3px;width:60%;bottom:5px;background:white;overflow:hidden;left:0;right:0;margin:auto;position:absolute}.tools{display:block;float:right;width:20%;text-align:right;white-space:nowrap;overflow:hidden}.tools li{position:relative;cursor:pointer}.tools li.selected{background:#f2f2f2}.tools .size-tool:before{content:"";display:block;border-radius:150px;background:#1b1b25;left:0;top:0;right:0;bottom:0;margin:auto;position:absolute}.tools .size-3:before{width:6px;height:6px}.tools .size-6:before{width:10px;height:10px}.tools .size-9:before{width:15px;height:15px}.tools.size-16:before{width:24px;height:24px}.canvas-wrapper{display:block;overflow:hidden;width:100%;background:white;border-radius:3px;position:relative;margin:0 auto;text-align:center}.canvas-wrapper.default-size:after{content:"";display:block;padding-top:65%}.canvas-wrapper canvas{display:block;position:absolute;left:0;top:0;margin:0 auto;padding:0;z-index:10}.canvas-wrapper>div{position:absolute;left:0;top:0;width:100%;height:100%}.canvas-wrapper canvas{pointer-events:none}.canvas-wrapper .draw-canvas{z-index:50}.canvas-wrapper .image-canvas{z-index:20}.canvas-wrapper .options{left:0;top:0;right:0;bottom:0;margin:auto;display:block;position:absolute;z-index:100;pointer-events:auto;width:170px;height:76px}.canvas-wrapper .options.hide,.canvas-wrapper .options input{display:none}.canvas-wrapper .options label{display:inline-block;padding:6px 10px;color:#fff;background:#1b1b25;border-radius:3px;margin:20px 0;transition:all .1s ease-out;cursor:pointer}.canvas-wrapper .options label:hover{background:white;color:#1b1b25}button,.button{display:inline-block;padding:6px 10px;color:#fff;background:#1b1b25;border-radius:3px;margin:20px 0;transition:all .1s ease-out}button:hover,.button:hover{background:white;color:#1b1b25}.share-url{display:inline-block;background:rgba(0,0,0,.1);padding:6px 10px}.share-url a{text-decoration:underline;color:#1b1b25}.share-image{display:block;width:100%}.modal-wrapper{display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100}.modal{display:block;position:fixed;left:0;top:0;right:0;bottom:0;background:#e7e7e7;margin:auto;width:280px;height:80vh;overflow:scroll}.modal ul,.modal li{display:block;margin:0;padding:0;text-align:center}.modal img{display:block;max-width:200px;margin:20px auto}.modal .button{display:inline-block;padding:8px 12px;margin:0 0 10px;font-size:16px}.modal .rotate{background:#ed5565}.modal .ok{background:#5d9cec}@media screen and (max-width: 767px){header{height:60px}header .horse{width:40px}.yardstick{max-width:728px}.colours{width:60%}.tools{width:40%}}@media screen and (max-width: 959px){.colours{width:60%}.tools{width:40%}}
