*{box-sizing:border-box;margin:0;padding:0}.app,body{background-color:#aaa!important}.app{height:100vh;max-height:100vh;width:100vw}.toolbar{align-items:center;background-color:hsla(0,0%,40%,.349);box-shadow:0 4px 5px gray;display:flex;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;height:40px;position:absolute;width:100%;z-index:999}.toolbar__btn{background-size:cover;border:none;cursor:pointer;height:25px;margin-left:10px;outline:none;width:25px}.toolbar .brush{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACuUlEQVR4nO3S3U9ScRgH8LMu+itaF/0FrZf1F3TdnV114+ZFbSnyKkjibAGCB+UYnqLkvHLwiILGmxD4gmiFKZZmVLp06VxSWZooWD7twNjatCUv66rv9r19Pvs9vwdB/gdBEI2m96T+pvWUVcYFH8i4VavMvohLmBsVW067jL2KSdmvuNS+ucYnDuDxEuwPvYUwGtzCxfb+sgGTiKm639z/KT7/EZzd0UzEHAYBKTTc6k/b5A5pyYBZyl6xtrhSU6824PnrFDyb2wA7PnIQwvLQT18StolJIOWOjZIRTMYNed3TBzNvPgNh8EEglITo9Dqw+AgEsDDsu+Zgl3oKpJzbKgkwiagLpiZmp1PPg2/wBQxPrkBoeAl4YiIHcdYx8Lf6YdkyArSSj5cEoM3MjmXWD2jCBx1aJwy6Z8Hrmc9BgWASArEVIO+G4Z6UywhXVxRglDAXc0DCD6iBA+UjJ0gmXWAWINcsRCZWwKrzgDf6Hjyji9CpcOwJ513EC5hzxiY63fVyCFDvAKidvSCOu3MVIEzbByQfA19sGTxjS4DfdmfNDey10l6A9YD0SX54ofVxN9REaGhpJsDGRssEDByonc5DQPUoDdWebrjTSKQtKue4WclXHRtok9jP51Y0E8gDfO+fARW5q62jLx17+GHAXnmgvY49a1Qzu5a5AKCmv69IK2EuIsXGoqCiqJr+gU55QRZ1VR4Qgivo9XexYLatkfquCPYdCWiVtuJXVIjpevcZh86R2kwOw3I8lDWqqW2lt69ygBCsnqgZ5wezAiL0w0woa7hFb9f1UHlARaTLAoR0yaiJhYg/BxS6mohk9I1kRicn90r+g9+Dicith2oGFsJ+iPYMZFmdI4U30Gu4ig3qa22XywY0Gs2JDhHxBRNT3yxyOmYWU9UdtdTpsgcjR0AVH/ov8wt0hIdYaRWJWwAAAABJRU5ErkJggg==) no-repeat 50%}.toolbar .rect{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAABEElEQVR4nGNgGAWDFkhI2M0Wl7Q7A8ISEvaFyHKCgi784pL2B2HyxGCQeRiWiEvav5KQtHsuIWG3W1zcPgFFTtyVW1zSbg1IjigsafccZB5WS8Ql7JdQI1TEJeyXELRk8ZVlIUuuLd++9Nqy3eRgB//Y5woqrj+XXl2ej9OSpVeXHV96bfl/crFXTOp/FU2P/0uvLv+I25Jry05RxZJry7+MWvJ/NLgYRlPX0kGZTySgpbCFU+hHO+/o/9iwT3za/yVXlqEYmtZQgaJGTdsTuyXI9Ym+hf8XE/vg/9iwg1/M/0WXl6JYEl1cgKEuIDn9/5Jryz7jLKqXXltetOTasjtLry6/SyGeQmz1MAoYYAAA9VV+7mJ5ZgMAAAAASUVORK5CYII=) no-repeat 50%}.toolbar .circle{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAADI0lEQVR4nOWVW0gUYRTHxyB67CHd+b6Z0ZC0p+4WZbbfN7tmZfVQUfSQoV3sYnQTNQpStPtDM1nEFiVaEF1e9hsNiYoeSiEKgiQkqIfArB7KwPl86KInzuwueFl13aCXPjiw++3u+c05/3P+qyj/zdF1bvgoO0gIdwjlHSrlLxQlZzJ+lpbGiab505NOrqq5PpWyEKHsF6EcVMK6COVPVMrPK4qSgt+Jgn8Swhso5akTAhDCFxLKPxHK+1XKb1AayIn/IP5MQlkjoew3oeyLz8eXJAhgi1TC+whln9M0/9LYPdTUTOq90LzMtcRZ1xZC2qLNtUSLtMXFE5uqyglh3YQy6dNY7pgAny+oqoR99Koggemxe2mHV0pLvJa2A6PFm+NN3ZkZ+T34W2z1qJCIBrw/VgEApLi2qHMtMTAWIBZPK0NANXPA0ANNcQGU5mWgiCplN2N3CEgkuRwU+1aUga6bA1lZq4x4VRzAKaLUvyDWokQrkIPi5dHrgHl2mLvCIwWn7D7qgeOJIo+ngRwj5mSvhs1Li3/0nL03dRiEdxDCHuPrXivsTxYgbQc25hZD3qz1IK3wzqEQwrsJ5feiWpz7G8i2QCnMzV4DruU4wzThnSphD6IQ8TeQdYuLIDBnI0jLeTtck5aoJgouWrIA1xKeJkX+7fj+2/B2VeBUaBqfF9nk5CDPj1zzpiu0tRakLd4NgRhGUI+YIWtEq0gWUhrcDel6EN7X3QJpiYcjx5jwBtx49KJkAE/KL4OmmVC++kCkdbZzKM7W81Q0RkrZZ/SiiQA6q296WsyfuRa6Tt9Bbfr6LgltBMSbMtVcjC6cmZ7//WlFKOEKZmUVwozpBdBWeTVahTgVFzAYhP8PaHZlBWXw6lhD3OTtVVdhz/K9aIpeFSh6ZMKcdqhvnaKMdzQtf5qhBxp13ezXddNrgURLr26CzXkl3pPjFKUbAThcuB8+nbkbhYu23vrWNGUix8gO6rUbqq5Jy/mKSZ5VXgH/7A1QYu6ES1tq4MPJ27H96MMWJVTBaAfNDr3ItZ1maTmd0hI9uAfSdh65ljg8qsj/6vwBIHW84G2BPrwAAAAASUVORK5CYII=) no-repeat 50%}.toolbar .eraser{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACtElEQVR4nM3S7U9ScRQHcFrrH2hrtVZb9bJXvc/+jP6FFPhdfEgwpzPecOX5Xugiu3AfQhMmKOqWqKthYCZpxSqdm2urQDcxH8BUbAtP+9FQcl68Nl54trP76p7Pvud3FIqzXJRKvON6PPiF0YenHAR/qeqAvUG459QP/Q4ks9ATWwJne/8WrfFerhpAa3w1jtbgLp3IQeBjDvrTAP7EKoa2TWruatUAMp4Fw0we7IYIdE+kqgf9A8zuFZt88xOo4AKEUnAItf0n9BcI7ZKTh0B527mZg0S9iQw420PbZpV4RT7Q5KuhW0N5KaCUqHx1JUjWMdAavoZq6vlliGehM7IMZjomH5peAaYjvHgi4CGEH8PNPqAdMTDENsAwtQXG3nkgJ3OSkA1D0RSEvhfA2TGwcyKw1OKB9UcsjGifggNDiR0weWeLX5yuEsRYxoFp6zceC9iReNejETIloNQRDNGvioNM7mkwhhaPX91MHijLiwKjC7glARaJq+mWw+HlParD0AQY3uaLKzPbokeAPaDs0QLTLAHgM2URvykFHEBaXxEiJzaAHF+BzrFlIKNr8gAOcfmFWhoyTa6KyHoZhAfjiyPjucqAheBvC43i3lryHeAU32opWJEBjWCIwlAeKCt+A79L8pI45A3P1j2BjcFxyH+dh3SrRzb0XOsDWtdXYLS9jKJSsRpeF1G69/Hg00LhBm6zixBMipMqeD94nlXz8ZfKrmMhqTcarOeysoCj0JjKLQsaxgmQaJENnBYabuA2XYRgPjVQDnnU/OtRlXt/rs4BqeAoZD68h4WHLMzVOWGA8G47CMFvV/K3Sk3Vizfwv6CAcxbUfdOqFK7LTaTnEZfkEffJrw+kBcR/5hCXpBA/ZENisLytSAjYGr0XjYTnmhUJfTa18Ix9wF7476Rnuv4ACminfSBbhWcAAAAASUVORK5CYII=) no-repeat 50%}.toolbar .line{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEcklEQVR4nMXV2U9jVRgA8KpRH1xejP/AaOKrJiaK/gE++OKDo44++GYitAh0oaJSQGaUpStd6HLvpcu9LaUr3UILXVjasi9lKJkBYiiLCgPOMNKh0/KZW+BSSusQNfFLvpyXc+4v5zvnfJdG+z+CxzM/J6rV0QVVmrevukbMQF6VV2t4omrNZ1cCJCw84jSO52RcU07ebLv+pDX8SvXr3QxkO85UHffXIAcKBmIGGjxVFhDW6gIWQ3zHaZoEszIM6h8dWXWT/dNS82Uc43sSDhGRM9DNVY4K7nGV+fTXaQ5kdLTvElQIDE9vQzCagsmFHdDyvdD9Q1+uGOpiaStEtfojt3sxJ2EaUnfZytQZUghRC8zXzc+QgFkf2yWBs+wR+cHrnIdYfB2ENbpjpMX2Sb7+9dq3urimB73YKIQnNmFg8E62FOSs0ex20rGP8oiAjr2P/OzeLATIJD9Ajrh0CMZG10DVYs+qWqwfC5l4PSFy3R+e2gakzQO+gWXwB+9mxUzD+h2WauMMibLUv3VWod9QpRKziTmHde5xMXSWgwPLgP7UD+pWRxZtItIejQfsSvdBKJYCf2gFjOoIBEIrpztSbaxwlA8lDHSpq0r7ClUyaaX0RTGbmHXa5jLFQGRqC7BOH0SG10B3qw+2lhYgs78GQ7gXzHL3ntebBH9wFXy+JFU6MQNNCr5Grl26LR1M3QvloEBkDbQ3zRSQuZeEow0XDPbg2V6Zaz8UTwHS7smX2O1OZLs4xHDZO09CEjY+47TOZ0oB6d1VGNT7IL3eD0cpGxytWyCg1oBN3ndAnpEJHQNhnT4jbzC9WxYphop3MKD1woynjwIOl1RwmFCAV4YALrT/IW0wPejm4hV/CxRB81iLKQ882l2FRGgE/vzFRQHp2+o8sDXaDWgj9kjCNDClLPObtKuGmGV8DW0mDreSJ4Bd5qB2MOMyQtSAUEBPiw4UDeacotH6xZUBORe/hhUB0+5zwCZA4GD+FGjWggUbA1wcAM1NZ1b5vf3zfw3Y+eg50KQF/9AKhKLrMLm4A0bZICi+I3dku/HPAQECD4uAsxtoUITAQYzD1Ow2iGr1xyWbKvnqld8a0iOWIOys3Aa73AEzBYBDgFIAyrsIkBkaT+VHQh6EUGA534LOeh0VHZXIO718637MGQZTpw2GdOY8ME0CwhNgc4S8RWhawsaX7JbZsi0oHF4FTauDzMddNdrzH18HHfswZApskG9hK5kA/S0TBHUEOETIBUDI1r/Rxta8JGbhi+UgtN0D0alNcBLxY3GdnkEhgir0ywlvZC/fMvbXYHs5AaZ2M/we674A0E7jFFpwWGYvtSAyrcTEfbK1KL9SPkshfEZPvQfx5TJ7JwiZMWcIRnUawBqxw0LgSRAJiOvwAHnOtMIQMFAVn46BD/XBjH8Mos4w2OUuUHC1mVIArQxUFiCDT8fYguoeRMox8JRcfSXSSNzQtlo+iHu9L5cDCiEJC08gbe5fywL/RYgZ4ueFVdoKHo/3dKkJfwE2fcFnslY67AAAAABJRU5ErkJggg==) no-repeat 50%}.toolbar .undo{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAADS0lEQVR4nO1Ua0gVQRTeyOpHRFl4Z2a9KakFqVH0stedUYu8WUZGWlTKJc2gKM2UHj+MDNLra9cKQyiLRKIiKZ9JhYr02O2GUZElVFBGUNqD1HaNOjGbt4dl5uX+CfrgY3dnz5zvnDNzjiD8hzuBEAvF2ELd6vQ7YoYiQoswYYAJ+4yQJdyt7seNmzcKEVZtCGBW8fVJU90mYDaHeyNMm43oCdstipbxXGR2REqTLbN8LyFhM5z09mbmwMDA4YMSEEU2DWHahjD9gETLar4WZLEZIv0RYdaFMCv39Fw0+i8zYB0I01eEhM7na0VN4Ckrev3mQw1g218Oq1KP3iaEJjmJMduOCD2JCbvDsxpQBBFLAo+MELaAfxc6PvjLiv5AVnVwUlK124VqT1JfSjf0eNnRswD7RqzEmB7oV8RkYnN6z6FmX92zEEnRXjqd5119D9n17b9QUrRvAXDGph/v5IGK5oUb+hXCmKVhQt9mVDy54txob3gNvv6Rvz0PH78lsDguC+z1HYZtwfVuCJoVBxODo7tz616M/GPpZEXbkXHhMXDur2kzHIZEJMOKLUU/MXxNJojeYTA/Kv1bNuszThv2KcfU2gHPaPKMtS0+E6xgyzxnbFq7pwxkRXsjqZrjRy5NzH+BxVAjGC6SXtps2G8qqINCtYf9UcTLK8zfZ4L1ubM0CdmVICn6+b52hLAU/j/RXrNOVrTOnWV3DPukvIv8zEoGzMZsnjN20tTYs1ZbTldu0zunyBCM2UyTyBYRwjYiwl7yK8zHkKzq2Yn2akMk7cQtkFWtWfhbHL7V7Ssp2l0eGSKs+KcLgFmryUSncDtZ1ZLnRqaCb0Ak5F/rAknVW4XBYG89eBQ7YBjCVOPzjGfCJ4QgMA/+/8wZGJqQVdnChaO3Fff2lX5ZcAXYGCVU4u8Hb+hTZUWPkRR944asivs+flYIDomHnMa3zuZNd1GEfkSEloZH75m+69S9j0m5NTBvWZpRuuDZ8bCv6mnvddY6pGYY45oIpuf7NiVv1uitRyCn8c1XAUX7JKnacsFVBARYR2DMYoJnrt+daK+C1JKbkH+188f51l6galGCO1DsgGGSqtfKiv5IVvWHsqJfKlS1NJdL9E/gC2h9B+CVd8FBAAAAAElFTkSuQmCC) no-repeat 50%;margin-left:auto}.toolbar .redo{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAADUklEQVR4nO1UW0hUQRjeeqmggrScmePxklkmFiLlYqEzu1pmF9FCMZPIDDTUIh8qNTK1LKHccxZDC6SoyMgsSumhpIuQuudsFBJSRIkRVnSD7LLnLLkTc3bXXN0kyoKgH76Xmfm/77+OTvff/pYBEBePEIn9YwJ+yJACEaEMAOHDOp1u4riLQIjLNBFIWlxCzTwfM+VX+Sb4BizlEDIuGg6AyDFGzvMxPguWZJ9yZoUtfn7x4KeZAcBGgMhFALHNXRboBb6+S6eJsnIq51CLA/kbBiEivRDi8DHJg4LIZIBwnYtkACJ8EgCyEyGcOxIAGFYzHyYiyird0SBRPijRDjnyCiEy84elgYicd9aYHGNRui/Ero9AkOzYZFXSRElN94CstDMRhu31d7QMwxamZ3svEUc2uwQOuM80Youtvfrm28HqW2+pYLFpZN7A7vWJ2yjnb6TFjT294t0vgaNEIMTRAJEK9ziWNT/eF59R7ggMSRrqQcj8FE0o51ALnT0vmdZ0fNIEyluf0YjojZrApopm7UyQlBNj9kaU1A2LEwqpf0ACXZ5VRVML6jRsrrqsEaQVNWiiLPpdZ7rpnPAUGjB7Bc2vvT2UmWC1542Ypjg9m6bQ0KRJNZ10yp4Lj94xkozdp787ScprQVbuMiTnmfvZfdbec318UKIjNGItLW584HwnK19Nsq1gVORsWpzLhcMFWVlX0vRQizTn4BVG7hCttkJK6YRhQRW4SzgvMv195dXn7kA+miyKNnXe+rGKOSBEUgVZrWS1nh+1ns6NWEczSxt7/DiyjONwlPu9j49+OkC4HkIiVrW9bHQKqP1mWR16M8pmzSJTXYvXJEjqYebE0g+LTPdYPuD8pzxMkNUjoqzcN1s+82M22pVNLURkMKP4zFF3H2o6P9Pis90DUYbcDAhxG4D4jTff4aUc09g/BBF5CjnDh+3HOxweeyCpL/TLC+9xfLxitioput8xjjOGQYSfQM5A41JLaJ7pGmVDUN7SR/HaUhocukYTNVvsi35LKDAwdgYfsrIuIDiRfXgePUnIrHSJ2Iy68bCi+k7/rabrnVuqW2n2/ks033yDmrq+uEbVjnXjaTVWu16U1IOirDaJktomyEoDW9hxFfkn7BsWSQL0ag6mIgAAAABJRU5ErkJggg==) no-repeat 50%}.toolbar .save{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACyUlEQVR4nN2V208TQRjF+U/01cg/pg/oi4UXI8rVkIC0XNtiC4RuL9zKtlQWeocgZVugUJZCd6EtFwW6SwhGy8VjZgSlQWCpxkQ3OZnszJzz22++Taak5L973pT1lOrKLaNaDRMkanvez7dVDi60VQ7GO6qGl9tfDi0Z6ljJUDcikvnOamfy+7tLbH8xwOvKGUvTE9P9GyFajcXNOhcxHhDR0+KFw5OEO5ZDcEmBZz6HSPIAi9IhQgkF3IKMeOoQC6sKneusGobbnYD2mSXb9Kj7wbUQXQXjmwhKCEV3YNGHMBTMYip7glD6GNGdU0gHQHz3DN71PFZyX2FtcePtKwaxxB6MtSz1cf4UtJq+rYYyY6kqiGsyi6nNEyrxADR4Yj2Pxb0zCuytt2Jpogu+cQH6mhHquwA1a5ithsfGezdDDCFw05sIpI+xpoDKf6miyxCXO4GOKucPCBE5OtKjWyHOUJZ+PanickXSucw1Vvj7zHC4Vq5ASA7Ju/W4ApEtGsbvnNKKUspPANFkJAvGMg0u+ak4iHNwHqaGUdi6wujuCMLaFYbdNFmgXn2IrplaAzCcN/5OELoxvE5/ZzUKzG4XAeF3MOpZhotdVK1RzzL1qYYMWiLo17GYYLyq1a9jqU81xG4MQIrFcKxIqiXFYtR3Z0j+wwpkGwPZ2lcgZcCG/MckFDtD18m+4iH7azjiwziaDf5Sn8X5P1AJhYSuh6Tmfh/yV3oibwg0oGCUJchpAXlZhJIR8CUnQskW2RORn0VfvR1HmTkwr+1QRB6Oxn7sChEMtwxhOz4Nl34EaX4KnMlF998J4jD6IfjeYeP9GJQVX8EoC2TkkBO8SM9w2E94kYlwEHxj1HcjpLmccV3cjEwrhyjLIjPDqVaUZamP+EkOybsCaXxqfnhxx7dWMGFztW21u9YuqZW52rZKfMRPckjeFcg//3wD1+J3Q/VOsDUAAAAASUVORK5CYII=) no-repeat 50%;margin-right:10px}.toolbar__btn:active{animation:buttonPress .2s ease-out}.toolbar__btn:hover{background-color:gold;background-size:cover;box-shadow:0 6px 10px #0000004d;transform:scale(1.1);transition:background-color .2s ease,transform .2s ease}canvas.brush-cursor{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACuUlEQVR4nO3S3U9ScRgH8LMu+itaF/0FrZf1F3TdnV114+ZFbSnyKkjibAGCB+UYnqLkvHLwiILGmxD4gmiFKZZmVLp06VxSWZooWD7twNjatCUv66rv9r19Pvs9vwdB/gdBEI2m96T+pvWUVcYFH8i4VavMvohLmBsVW067jL2KSdmvuNS+ucYnDuDxEuwPvYUwGtzCxfb+sgGTiKm639z/KT7/EZzd0UzEHAYBKTTc6k/b5A5pyYBZyl6xtrhSU6824PnrFDyb2wA7PnIQwvLQT18StolJIOWOjZIRTMYNed3TBzNvPgNh8EEglITo9Dqw+AgEsDDsu+Zgl3oKpJzbKgkwiagLpiZmp1PPg2/wBQxPrkBoeAl4YiIHcdYx8Lf6YdkyArSSj5cEoM3MjmXWD2jCBx1aJwy6Z8Hrmc9BgWASArEVIO+G4Z6UywhXVxRglDAXc0DCD6iBA+UjJ0gmXWAWINcsRCZWwKrzgDf6Hjyji9CpcOwJ513EC5hzxiY63fVyCFDvAKidvSCOu3MVIEzbByQfA19sGTxjS4DfdmfNDey10l6A9YD0SX54ofVxN9REaGhpJsDGRssEDByonc5DQPUoDdWebrjTSKQtKue4WclXHRtok9jP51Y0E8gDfO+fARW5q62jLx17+GHAXnmgvY49a1Qzu5a5AKCmv69IK2EuIsXGoqCiqJr+gU55QRZ1VR4Qgivo9XexYLatkfquCPYdCWiVtuJXVIjpevcZh86R2kwOw3I8lDWqqW2lt69ygBCsnqgZ5wezAiL0w0woa7hFb9f1UHlARaTLAoR0yaiJhYg/BxS6mohk9I1kRicn90r+g9+Dicith2oGFsJ+iPYMZFmdI4U30Gu4ig3qa22XywY0Gs2JDhHxBRNT3yxyOmYWU9UdtdTpsgcjR0AVH/ov8wt0hIdYaRWJWwAAAABJRU5ErkJggg==),auto}canvas.eraser-cursor{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACtElEQVR4nM3S7U9ScRQHcFrrH2hrtVZb9bJXvc/+jP6FFPhdfEgwpzPecOX5Xugiu3AfQhMmKOqWqKthYCZpxSqdm2urQDcxH8BUbAtP+9FQcl68Nl54trP76p7Pvud3FIqzXJRKvON6PPiF0YenHAR/qeqAvUG459QP/Q4ks9ATWwJne/8WrfFerhpAa3w1jtbgLp3IQeBjDvrTAP7EKoa2TWruatUAMp4Fw0we7IYIdE+kqgf9A8zuFZt88xOo4AKEUnAItf0n9BcI7ZKTh0B527mZg0S9iQw420PbZpV4RT7Q5KuhW0N5KaCUqHx1JUjWMdAavoZq6vlliGehM7IMZjomH5peAaYjvHgi4CGEH8PNPqAdMTDENsAwtQXG3nkgJ3OSkA1D0RSEvhfA2TGwcyKw1OKB9UcsjGifggNDiR0weWeLX5yuEsRYxoFp6zceC9iReNejETIloNQRDNGvioNM7mkwhhaPX91MHijLiwKjC7glARaJq+mWw+HlParD0AQY3uaLKzPbokeAPaDs0QLTLAHgM2URvykFHEBaXxEiJzaAHF+BzrFlIKNr8gAOcfmFWhoyTa6KyHoZhAfjiyPjucqAheBvC43i3lryHeAU32opWJEBjWCIwlAeKCt+A79L8pI45A3P1j2BjcFxyH+dh3SrRzb0XOsDWtdXYLS9jKJSsRpeF1G69/Hg00LhBm6zixBMipMqeD94nlXz8ZfKrmMhqTcarOeysoCj0JjKLQsaxgmQaJENnBYabuA2XYRgPjVQDnnU/OtRlXt/rs4BqeAoZD68h4WHLMzVOWGA8G47CMFvV/K3Sk3Vizfwv6CAcxbUfdOqFK7LTaTnEZfkEffJrw+kBcR/5hCXpBA/ZENisLytSAjYGr0XjYTnmhUJfTa18Ix9wF7476Rnuv4ACminfSBbhWcAAAAASUVORK5CYII=),auto}.setting-bar{align-items:center;background-color:hsla(0,0%,40%,.349);box-shadow:0 4px 5px gray;color:#fff;display:flex;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;gap:10px;height:40px;padding:0 20px;position:absolute;top:40px;width:100%}.setting-bar label{white-space:nowrap}.setting-bar input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#fc0,#f69);border-radius:10px;box-shadow:0 4px 8px #0000004d;cursor:pointer;height:15px;outline:none;pointer-events:auto;position:relative;width:200px;z-index:1}.setting-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f69;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 6px #0000004d;height:24px;width:24px}.setting-bar input[type=range]::-moz-range-thumb{background:#f69;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 6px #0000004d;height:24px;width:24px}.setting-bar input[type=range]::-webkit-slider-thumb:active{animation:bounce .3s ease}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.redo:focus,.undo:focus{background-color:#0000;outline:none}.toolbar__btn.active{background-color:gold;box-shadow:none;outline:1px solid #333;outline-offset:1px;transform:none}.canvas{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}canvas{background-color:#fff;border:1px solid #000;box-shadow:0 0 10px #00000080;cursor:crosshair;margin-bottom:10px;margin-top:80px;touch-action:none}canvas.brush-cursor,canvas.circle-cursor,canvas.line-cursor,canvas.rect-cursor{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACuUlEQVR4nO3S3U9ScRgH8LMu+itaF/0FrZf1F3TdnV114+ZFbSnyKkjibAGCB+UYnqLkvHLwiILGmxD4gmiFKZZmVLp06VxSWZooWD7twNjatCUv66rv9r19Pvs9vwdB/gdBEI2m96T+pvWUVcYFH8i4VavMvohLmBsVW067jL2KSdmvuNS+ucYnDuDxEuwPvYUwGtzCxfb+sgGTiKm639z/KT7/EZzd0UzEHAYBKTTc6k/b5A5pyYBZyl6xtrhSU6824PnrFDyb2wA7PnIQwvLQT18StolJIOWOjZIRTMYNed3TBzNvPgNh8EEglITo9Dqw+AgEsDDsu+Zgl3oKpJzbKgkwiagLpiZmp1PPg2/wBQxPrkBoeAl4YiIHcdYx8Lf6YdkyArSSj5cEoM3MjmXWD2jCBx1aJwy6Z8Hrmc9BgWASArEVIO+G4Z6UywhXVxRglDAXc0DCD6iBA+UjJ0gmXWAWINcsRCZWwKrzgDf6Hjyji9CpcOwJ513EC5hzxiY63fVyCFDvAKidvSCOu3MVIEzbByQfA19sGTxjS4DfdmfNDey10l6A9YD0SX54ofVxN9REaGhpJsDGRssEDByonc5DQPUoDdWebrjTSKQtKue4WclXHRtok9jP51Y0E8gDfO+fARW5q62jLx17+GHAXnmgvY49a1Qzu5a5AKCmv69IK2EuIsXGoqCiqJr+gU55QRZ1VR4Qgivo9XexYLatkfquCPYdCWiVtuJXVIjpevcZh86R2kwOw3I8lDWqqW2lt69ygBCsnqgZ5wezAiL0w0woa7hFb9f1UHlARaTLAoR0yaiJhYg/BxS6mohk9I1kRicn90r+g9+Dicith2oGFsJ+iPYMZFmdI4U30Gu4ig3qa22XywY0Gs2JDhHxBRNT3yxyOmYWU9UdtdTpsgcjR0AVH/ov8wt0hIdYaRWJWwAAAABJRU5ErkJggg==) 0 25,auto}canvas.eraser-cursor{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACtElEQVR4nM3S7U9ScRQHcFrrH2hrtVZb9bJXvc/+jP6FFPhdfEgwpzPecOX5Xugiu3AfQhMmKOqWqKthYCZpxSqdm2urQDcxH8BUbAtP+9FQcl68Nl54trP76p7Pvud3FIqzXJRKvON6PPiF0YenHAR/qeqAvUG459QP/Q4ks9ATWwJne/8WrfFerhpAa3w1jtbgLp3IQeBjDvrTAP7EKoa2TWruatUAMp4Fw0we7IYIdE+kqgf9A8zuFZt88xOo4AKEUnAItf0n9BcI7ZKTh0B527mZg0S9iQw420PbZpV4RT7Q5KuhW0N5KaCUqHx1JUjWMdAavoZq6vlliGehM7IMZjomH5peAaYjvHgi4CGEH8PNPqAdMTDENsAwtQXG3nkgJ3OSkA1D0RSEvhfA2TGwcyKw1OKB9UcsjGifggNDiR0weWeLX5yuEsRYxoFp6zceC9iReNejETIloNQRDNGvioNM7mkwhhaPX91MHijLiwKjC7glARaJq+mWw+HlParD0AQY3uaLKzPbokeAPaDs0QLTLAHgM2URvykFHEBaXxEiJzaAHF+BzrFlIKNr8gAOcfmFWhoyTa6KyHoZhAfjiyPjucqAheBvC43i3lryHeAU32opWJEBjWCIwlAeKCt+A79L8pI45A3P1j2BjcFxyH+dh3SrRzb0XOsDWtdXYLS9jKJSsRpeF1G69/Hg00LhBm6zixBMipMqeD94nlXz8ZfKrmMhqTcarOeysoCj0JjKLQsaxgmQaJENnBYabuA2XYRgPjVQDnnU/OtRlXt/rs4BqeAoZD68h4WHLMzVOWGA8G47CMFvV/K3Sk3Vizfwv6CAcxbUfdOqFK7LTaTnEZfkEffJrw+kBcR/5hCXpBA/ZENisLytSAjYGr0XjYTnmhUJfTa18Ix9wF7476Rnuv4ACminfSBbhWcAAAAASUVORK5CYII=) 0 25,auto}button{background:linear-gradient(135deg,#fc0,#f69);border:none;border-radius:10px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:18px;padding:5px 10px;transition:all .3s ease}button:hover{box-shadow:0 6px 12px #0006;transform:scale(1.05)}button:active{transform:scale(.9)}.btn-close{background:#0000;border:none;cursor:pointer;height:30px;position:absolute;right:10px;top:10px;width:30px}.btn-close:after,.btn-close:before{background-color:#fc0;content:"";height:3px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:20px}.btn-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.btn-close:hover:after,.btn-close:hover:before{background-color:#f69;transition:background-color .3s ease}.modal-content{background:hsla(0,0%,40%,.765);border-radius:10px;box-shadow:0 6px 12px #0006;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;padding:20px}.modal-header{color:#fc0;display:flex;font-size:15px;justify-content:center}.modal-footer button{background:#fc0;border-radius:10px;box-shadow:0 3px 6px #0000004d;color:#333;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;transition:all .3s ease}.modal-footer button:hover{background:#f69;transform:scale(1.1)}@media only screen and (max-width:768px){canvas{height:auto;width:100%}}
/*# sourceMappingURL=main.17619151.css.map*/