@font-face{font-family:Brutalita;src:url(/pintr/fonts/Brutalita-Regular.woff2) format("woff2");font-display:swap}body{touch-action:pan-y;margin:0;padding:.25rem 0 1rem}.skip-link{position:absolute;top:-100%;left:16px;padding:8px 16px;background:#000;color:#fff;z-index:100;border:none;font-size:1rem}.skip-link:focus{top:8px}.subtitle{margin:0 0 0 8px;font-size:.65rem;color:#555;display:none}a:focus{outline:2px solid #3498db;outline-offset:2px}body,html,button{font-family:Brutalita,Courier,monospace,sans-serif;letter-spacing:-1px;font-weight:400;font-style:normal;font-size:24px}h1{font-weight:400;font-size:1.5rem;padding:0;line-height:50px;margin:0 0 0 16px}.flex{display:flex;align-items:center;flex-wrap:wrap}a{color:#34495e;text-decoration:none;border-bottom:2px solid #34495e}a:hover{color:#000;background:#0001}button{text-transform:uppercase;appearance:none;-webkit-appearance:none;margin:8px 16px;padding:8px 16px;border:3px solid #000;display:block;background:#ecf0f1;white-space:nowrap;color:#000;font-size:1rem}button:hover{cursor:pointer;background:#000;color:#fff}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";background:#fffe;position:fixed;inset:16px;border:4px dashed #000;display:flex;align-items:center;justify-content:center;pointer-events:none}*,*:before,*:after{box-sizing:inherit}:root{--sizeh: 540px ;--sizew: 540px }.inline{display:flex;position:relative}.padding{padding:16px;position:relative}.label{display:block;height:24px;line-height:18px;background:#0008;color:#fff;padding:2px 6px;font-size:14px;position:absolute;top:16px;left:16px;letter-spacing:.5px}canvas{display:inline-block;vertical-align:middle}canvas,.svg-container,.smooth-svg-container,#srcImg{width:var(--sizew);height:var(--sizeh);background:#fff}#src,#srcImg{background-size:cover;background-position:center;display:inline-block;vertical-align:middle;display:none}#srcImg{max-width:calc(100vw - 32px);max-height:calc(100vw - 32px)}canvas,#src,.smooth-svg-container{max-width:calc(100vw - 32px);height:auto}#src,#srcImg{background-size:contain;background-repeat:no-repeat;background-position:top;background-color:transparent;display:inline-block}canvas#src{display:none;height:0;width:0}.input-container{display:flex;flex-wrap:wrap}.input{display:flex;align-items:center;margin:8px 16px}input[type=range]{margin-left:8px;flex:1;width:180px;appearance:none;-webkit-appearance:none;background-color:#95a5a6;height:16px;border-radius:0}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;box-shadow:none;border-radius:0;height:32px;width:16px;background-color:#000;border:none}input[type=range]::-moz-range-thumb{appearance:none;box-shadow:none;border-radius:0;height:32px;width:16px;background-color:#000;border:none}input[type=range]::-webkit-slider-runnable-track{appearance:none}input[type=range]:focus{outline:2px solid #3498db;outline-offset:2px}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{padding:16px;line-height:1.4;color:#555}.instructions ol{margin:0;padding-left:0;list-style-position:inside;padding-bottom:16px}.instructions ol li{margin-bottom:4px}.instructions strong{color:#34495e}.loading{padding:10vmin;cursor:default;font-size:1.5rem;letter-spacing:-1px;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;background:#ecf0f1aa;color:#000}@media screen and (max-width:1144px){html,body{font-size:20px}.srcimage-container{position:absolute;bottom:0;right:0}.srcimage-container #srcImg{width:max(calc(100vw - 604px),92px)}}.experimental--smooth-svg{margin-top:32px}.experimental--smooth-svg--container{display:none;padding-bottom:64px}ul,ol,li,p{margin:0;padding:0}