@font-face{font-family:brutalita;src:url(../media/Brutalita_Regular-s.p.455ndho-9e99_.woff2?dpl=dpl_FPeiXiQuAiyDoJgv8GXZ8ATgigSK)format("woff2");font-display:swap}@font-face{font-family:brutalita Fallback;src:local(Arial);ascent-override:76.05%;descent-override:15.21%;line-gap-override:0.0%;size-adjust:131.49%}.brutalita_83a783e5-module__NKvSzW__className{font-family:brutalita,brutalita Fallback}.brutalita_83a783e5-module__NKvSzW__variable{--font-brutalita:"brutalita", "brutalita Fallback"}
body{touch-action:pan-y;margin:0;padding:.25rem 0 2rem}.skip-link{color:#fff;z-index:100;background:#000;border:none;padding:8px 16px;font-size:1rem;position:absolute;top:-100%;left:16px}.skip-link:focus{top:8px}.subtitle{color:#555;margin:0 0 0 8px;font-size:.65rem;display:none}a:focus{outline-offset:2px;outline:2px solid #3498db}body,html,button{font-family:var(--font-brutalita), Courier, monospace, sans-serif;letter-spacing:-1px;font-size:24px;font-style:normal;font-weight:400}h1{margin:0 0 0 16px;padding:0;font-size:1.5rem;font-weight:400;line-height:50px}.flex{flex-wrap:wrap;align-items:center;display:flex}a{color:#34495e;border-bottom:2px solid #34495e;text-decoration:none}a:hover{color:#000;background:#0001}button{text-transform:uppercase;appearance:none;white-space:nowrap;color:#000;background:#ecf0f1;border:3px solid #000;margin:8px 16px;padding:8px 16px;font-size:1rem;display:block}button:hover{cursor:pointer;color:#fff;background:#000}input[type=file]{display:none}html{box-sizing:border-box}body{background:#ecf0f1}body.-dragging:after{text-align:center;content:"Drop your image to make a new drawing";pointer-events:none;background:#fffe;border:4px dashed #000;justify-content:center;align-items:center;display:flex;position:fixed;inset:16px}*,:before,:after{box-sizing:inherit}:root{--sizeh:calc(1080px / 2);--sizew:calc(1080px / 2)}.inline{display:flex;position:relative}.padding{padding:16px;position:relative}.label{color:#fff;letter-spacing:.5px;background:#0008;height:24px;padding:2px 6px;font-size:14px;line-height:18px;display:block;position:absolute;top:16px;left:16px}canvas{vertical-align:middle;display:inline-block}canvas,.svg-container,#srcImg{width:var(--sizew);height:var(--sizeh);background:#fff}#src,#srcImg{vertical-align:middle;background-position:50%;background-size:cover;display:none}#srcImg{max-width:calc(100vw - 32px);max-height:calc(100vw - 32px)}canvas,#src{max-width:calc(100vw - 32px);height:auto}#src,#srcImg{background-color:#0000;background-position:top;background-repeat:no-repeat;background-size:contain;display:inline-block}canvas#src{width:0;height:0;display:none}.input-container{flex-wrap:wrap;display:flex}.input{align-items:center;margin:8px 16px;display:flex}input[type=range]{appearance:none;background-color:#95a5a6;border-radius:0;flex:1;width:180px;height:16px;margin-left:8px}input[type=range]::-webkit-slider-thumb{appearance:none;box-shadow:none;background-color:#000;border:none;border-radius:0;width:16px;height:32px}input[type=range]::-moz-range-thumb{appearance:none;box-shadow:none;background-color:#000;border:none;border-radius:0;width:16px;height:32px}input[type=range]::-webkit-slider-runnable-track{appearance:none}input[type=range]:focus-visible{outline-offset:2px;outline:2px solid #3498db}input[type=range].toggle{width:48px}input[type=range].toggle::-webkit-slider-thumb{width:32px}input[type=range].toggle::-moz-range-thumb{width:32px}.instructions{color:#555;padding:16px;line-height:1.4}.instructions ol{margin:0;padding-bottom:16px;padding-left:0;list-style-position:inside}.instructions ol li{margin-bottom:4px}.instructions strong{color:#34495e}@media screen and (max-width:1144px){html,body{font-size:20px}.srcimage-container{position:absolute;bottom:0;right:0}.srcimage-container #srcImg{width:max(100vw - 604px,92px)}}.advanced-options--container{border:1px solid #000;margin:16px;padding:10px 8px;display:none}ul,ol,li,p{margin:0;padding:0}