@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap);*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}body{padding:50px}body h1,body p{text-align:center}input{margin-bottom:10px;width:100%}.playground *{-webkit-user-select:none;user-select:none}.playground{display:flex}.canvas{margin:auto;min-width:200px;overflow-x:auto}.canvas.eraser{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAAAAXNSR0IArs4c6QAAAzhJREFUOE+V1ElME1EYB/D/q21B6JQIUWtSnGk7NEVDpwVNPLjGi4m4xBhbPHoQTIyKQkEv7vHiEj2p0LqcBEW0lOhFVETFg7SJUaQLiaZItCyZth4QOmOmxlJtQZzrvPf7/vm+9x7B/305OTk59MTExDCAWLatZK6eyWRaFwwEWxKCsJgQEtfpmP2hUOjW3/vnBHIctyEQCLhztRaVbkcjvjy/jW9v2hNl5rJ9Pp+vKR39J2ixWNYHA0G3UstRZkcbZLlqQJjCx2vV+PqqJVFmNtf4fL7m3+isoGXFivXB/o9updZMcY52kFxqOkwSrUmiZs5c7fV6ndLPGUGr1brO7/d3IG8RtfLca8jmqzPbLaFXq/G1t3WK47i9fX19N7KCEhYIBDry8vKpSCQC1nYCS7ccgZitvjD5K+nr1imNRrM7A7RarWslrHTZcvWdu204d/YMXE3XwdpPorjy8Izou/O7EO1/NvgHmI613LsPilJBFIFjjQ1wNjehxHYiO0oIPrUexyfPpXgKLC8vX+P3+z1Sspa7baDU0z0TRRHHGurhdDajxH4a2spaQJxuafTDU3jP2zBP/PGrhxUVFasHBgY6k1gyWdo0k5MTIYjA0QYHbjibwdpPoXhzbdKMve+C76IdtFbTxfP8NlJaWroqHA4/NpmWFdy51wZ1WrK/xyolbXTU4abLhZKqM1AzZvgu2CTsKc/zWyORSJzQNP1WXVBQ/tDzKCNZtmspoUfr6+ByOUHmKaBnilNY8hwqlcrvdfWOvNo6xxyvtYie7m7s3LEdDMM853l+y8jISOqhIEaj8RHPRze5PZ3QsyX/RF++6MZuuw1LlmgysGRCg8FQHIvFuuRyOdv+sGNW9FXPC1TZdkGjWdwdjUYr05P9cZd1Oh0dj8efyBUKwwO3B3oDm5E0Pdn4+PjWsbGxaNb3kGVZQyKRKGIYhunt7XUuWFCounj5CvJV+an1w0NDOHTwACiV6rPRaNwTDodjcrmciKKYOseCICQGBwe9pKio6Nvo6OjCWZsnbUs7yDOtpWl6I9Hr9UsFQSgkRCo4XTHVE0J+U+Lk5GSKVSgUUplUQplMlgiFQv0/AcOnYFyH5bR/AAAAAElFTkSuQmCC) 7 100,auto}.canvas.pen{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAAAAXNSR0IArs4c6QAAAsxJREFUOE9jZCATyOqYmfBqGLtdWzO9DdkIRnLME9c0suD2ztn+8z+jANftQ+W3N83vgplDsoFS+uY2nB6ZW3/8+c8HMoSJkfEf5+Xtibd2rlwE4pNkoIKpoz2jffyWX///88BcxMTKzsCnovf7y7Ia/4f7Nmwn2kA5U0dnJvvYjb//M3LDDWPjYOBU1GVgYuNgYGP4++X9xHRHogyU0rdzY3dPWv/r738uFMOU9BhALoQBzluH5hE0UN7azZPZJnrtzz//OOGGsXMycCnqMjAiGcbx7MbuC1PSAvAaqGTp5vPXJnLNn38McGcwsXNBDWODu4zrxfWd5yp8AxkYGL7jNFDW0i2A2TZqxe+//1ENU9JlYGRBGMby8PzWK/WhIQwMDD9wxrKSo2/wP9OQ5b///mOFe5ODG+IyFrgQA+fji5vO1waHMTAw/MSZDpXt/MN/mwcu/vvvP17DuB5fWHeuNiSSgYHhF86cIm/nH8VgHrTwz79/LDBFzJw8DJyKOgyMzAiXsd45sepyS0wMAwPDb/ScBg9DBz+PmMeaYQt+/GFkRhjGCzUMbj4D++1jSy+2xiUwMDD8wZZtYQYyvtjs+fjgWwnpost2YHXMXHwMnAraDIzMCMM4bh9eeKE1MZmBgeEvrjIAbKCzuaLe+gaFi5/+sDHMuq/LsOiNBQO7gi4DIxPcsQwcNw7MudCRks7AwPAPX4ECNrAty6Qsx5e3E+wyVg6Grs9xDCs/msL1MZ3fPuPaxNwsBgaG/4RKJ7CBp+a57teQ/OMAMoydW4Th9i9xhplvbRl2fNJmYL+0Y9LFvpwCYgwDp0N+fn5BBTGm54trDdi11GTgBdDP/6wMLusMeo5355YRaxjYQDExsZivX78udrdSYFjYYPP46KVXR05de3/s8NmnR3Yfu32BkBcxko2Ghkb679+/GT5//rz71atX90g1AF09AFED4Pup/wf7AAAAAElFTkSuQmCC) 0 100,auto}.sidebar{display:flex;flex-direction:column;gap:10px;justify-content:space-between;min-width:150px;padding:0 20px 0 0;width:250px}.btn{display:flex;justify-content:center;margin-bottom:10px;padding:10px;position:relative;width:100%}.color-picker{background:transparent;height:40px}.output{display:flex;flex-direction:column;justify-content:space-between;margin-top:20px;min-width:200px}.lds-dual-ring{display:inline-block;height:64px;margin:auto;width:64px}.lds-dual-ring:after{-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite;border-color:#5cb85c transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:46px;width:46px}.loading-spinner__overlay{align-items:center;background:hsla(0,0%,100%,.9);display:flex;height:100%;justify-content:center;z-index:1}.backdrop,.loading-spinner__overlay{left:0;position:fixed;top:0;width:100%}.backdrop{background:rgba(0,0,0,.75);height:100vh;z-index:10}.modal{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.26);display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60rem;z-index:100}.modal__header{background:#d43f3a;color:#fff;padding:1rem .5rem;position:relative;width:100%}.modal__header h2{margin:.5rem}.modal__header button{align-items:center;display:flex;height:25px;position:absolute;right:0;top:0;width:25px}.modal__content{align-items:center;display:flex;min-height:80px;padding:1rem}.modal__footer{align-items:flex-end;display:flex;justify-content:flex-end;padding:1rem}.modal__footer button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-enter{opacity:0}.modal-enter-active{opacity:1;transition:all .2s ease-in}.modal-exit{opacity:1}.modal-exit-active{opacity:0;transition:all .2s ease-out}@media (max-width:768px){body{padding:15px}.modal{width:80%}.playground{flex-direction:column}.canvas,.sidebar{width:100%}.sidebar{gap:0;min-width:200px;padding:0}.output{margin-top:0}}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.77f3451c.css.map*/