@import url(https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.body{height:100vh;overflow:hidden}.App,.body{background-color:#ccda9b;width:auto}.App{height:auto;padding-bottom:40px;padding-left:70px;padding-top:50px;text-align:center}.title{background-color:#fbfbfb;border:1px solid #000;box-shadow:1px 1px 3px grey;font-family:Pixelify Sans;font-size:30px;margin-top:-40px;padding:5px}.long1,.title{width:-webkit-fit-content;width:fit-content}.long1{display:grid;grid-template-columns:repeat(40,15px);grid-template-rows:repeat(30,15px);height:auto;margin-top:10px;position:relative;text-align:right}.cell,.long1{background-color:#fff}.cell{-webkit-user-drag:none;border:.2px solid #d6d6d6;cursor:crosshair;-webkit-user-select:none;user-select:none}.toggle1{background:#fbfbfb;border:2px solid #f1f1f1;border-radius:50%;box-shadow:1px 1px 3px grey;cursor:pointer;height:30px;margin-left:2%;margin-top:-11%;position:absolute;text-align:end;width:30px}.toggle1.active{background:#9fd4f3}.grid-off .cell{border:none!important}.export-transparent{background-color:initial!important}.grid-on .cell{border:.2px solid #d6d6d6}.gridtext{font-family:Pixelify Sans;font-size:12px;margin-left:28px;margin-top:1px}.reset{border:2px solid #fff;border-radius:50%;margin-top:-30px}.bgtoggle,.reset{background:#fbfbfb;box-shadow:1px 1px 3px grey;cursor:pointer;height:30px;margin-left:2%;position:absolute;width:30px}.bgtoggle{border:2px solid #f1f1f1;border-radius:50%;margin-top:-7.5%;text-align:end}.pen{background:#fbfbfb;background-image:url(https://i.ibb.co/p68GZwZD/icons8-pencil-50.png);background-position:50%;background-size:cover;border:1px solid #000;box-shadow:1px 1px 3px grey;cursor:pointer;height:30px;margin-left:2%;margin-top:-35%;position:absolute;width:30px}.pen.active{border:2px solid #9fd4f3}.erase{background:#fbfbfb;background-image:url(https://i.ibb.co/PG8PXjtp/icons8-eraser-48.png);background-position:50%;background-size:cover;border:1px solid #000;box-shadow:1px 1px 3px grey;cursor:pointer;height:30px;margin-left:2%;margin-top:-31.2%;position:absolute;width:30px}.erase.active{border:2px solid #9fd4f3}.colorwrap{border:1px solid #000;box-shadow:1px 1px 3px grey;cursor:pointer;height:-webkit-fit-content;height:fit-content;margin-left:83%;margin-top:-37%;width:-webkit-fit-content;width:fit-content}.undo{background:#fbfbfb;background-image:url(https://i.ibb.co/h1gnCNrf/icons8-undo-50-1.png);background-position:50%;background-size:contain;margin-top:-9%}.redo,.undo{border:1px solid #000;box-shadow:1px 1px 3px grey;height:30px;margin-left:2%;position:absolute;width:30px}.redo{background:#fbfbfb;background-image:url(https://i.ibb.co/3xbFk61/icons8-redo-50.png);background-position:50%;background-size:cover;cursor:pointer;margin-top:-5.2%}.dropper{background:#fbfbfb;background-image:url(https://i.ibb.co/Gfw308V7/icons8-dropper-50.png);background-position:50%;background-size:cover;border:1px solid #000;box-shadow:1px 1px 3px grey;height:30px;margin-left:2%;margin-top:-1.3%;position:absolute;width:30px}.dropper.active{border:2px solid #9fd4f3}.fill{background:#fbfbfb;background-image:url(https://i.ibb.co/4BxMgS3/icons8-fill-drip-48.png);background-position:50%;background-size:cover;border:1px solid #000;box-shadow:1px 1px 3px grey;cursor:pointer;height:30px;margin-left:2%;margin-top:2.6%;position:absolute;width:30px}.fill.active{border:2px solid #9fd4f3}.compactwrap{border:1px solid #000;box-shadow:1px 1px 3px grey;margin-left:61%;margin-top:-17.5%}.compactwrap,.save{height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}.save{font-family:Pixelify Sans;font-size:25px;margin-left:68%;margin-top:24.5%;position:fixed}.png{margin-left:10px}.png,.svg{background:#fbfbfb;border:1px solid #000;box-shadow:1px 1px 3px grey;cursor:pointer;font-family:Pixelify Sans;font-size:20px;height:30px;position:absolute;width:70px}.svg{margin-left:100px}.welcomenote{font-size:15px;height:40px;margin-top:2%}.welcomenote,.welcometext{background-color:#fbfbfb;border:1px solid #000;box-shadow:1px 1px 3px grey;font-family:Pixelify Sans;margin-left:61%;padding-left:10px;padding-right:10px;position:fixed;text-align:center;width:150px}.welcometext{font-size:14px;height:125px;margin-top:6%;padding-top:5px}.suggest{background-color:#fbfbfb;border:1px solid #000;box-shadow:1px 1px 3px grey;font-family:Pixelify Sans;font-size:15px;height:40px;line-height:10px;margin-left:77.7%;margin-top:10%;padding-left:10px;padding-right:10px;padding-top:5px;position:fixed;text-align:center;width:150px}.suggestbutton{background-color:initial;border:none;font-size:20px}.suggestbox{background-color:#fbfbfb;border:1px solid #000;box-shadow:1px 1px 3px grey;font-family:Pixelify Sans;font-size:15px;height:77px;margin-left:77.7%;margin-top:14.5%;position:fixed;width:170px}.sendbutton{background-color:initial;background-image:url(https://i.ibb.co/V04hS5SJ/icons8-send-48.png);background-position:50%;background-size:cover;border:none;cursor:pointer;font-size:20px;height:25px;margin-left:62%;margin-top:3%;width:25px}.fillnote{background-color:#fbfbfb;border:1px solid #000;box-shadow:1px 1px 3px grey;font-family:Pixelify Sans;font-size:12px;height:-webkit-fit-content;height:fit-content;margin-left:61%;margin-top:17%;padding-left:10px;padding-right:10px;position:fixed;text-align:center;width:150px}input{height:30px;margin-top:10px;width:80%}.gridnote{background-color:#fbfbfb;border:1px solid #000;box-shadow:1px 1px 3px grey;font-family:Pixelify Sans;font-size:10px;height:-webkit-fit-content;height:fit-content;margin-left:48%;margin-top:19.5%;padding-left:5px;padding-right:5px;position:fixed;text-align:center;width:100px}.rcp-root{--rcp-background-color:#121212;--rcp-field-input-color:#fff;--rcp-field-input-border-color:#242424;--rcp-field-label-color:grey}.rcp{background-color:var(--rcp-background-color);border-radius:10px}.rcp,.rcp-body{display:flex;flex-direction:column}.rcp-body{gap:20px;padding:20px 10px}.rcp-section{display:flex;flex-direction:column;gap:10px}.rcp-interactive{height:100%;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.rcp-interactive[aria-disabled=true]{cursor:inherit;pointer-events:none}.rcp-saturation{background-image:linear-gradient(180deg,#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:10px 10px 0 0;cursor:all-scroll;position:relative;width:100%}.rcp-saturation-cursor{border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px 0 #00000026;height:20px;position:absolute;transform:translate(-10px,-10px);width:20px}.rcp-hue{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;cursor:ew-resize;height:12px;position:relative;width:100%}.rcp-hue-cursor{border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px 0 #00000026;height:20px;position:absolute;transform:translate(-10px,-4px);width:20px}.rcp-alpha{border-radius:10px;cursor:ew-resize;height:12px;position:relative;width:100%}.rcp-alpha-cursor{border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px 0 #00000026;height:20px;position:absolute;transform:translate(-10px,-4px);width:20px}.rcp-fields{display:flex;flex-direction:column;gap:10px}.rcp-fields-floor{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.rcp-field{display:flex;flex-direction:column;width:100%}.rcp-field-input{background-color:initial;border:2px solid var(--rcp-field-input-border-color);border-radius:5px;color:var(--rcp-field-input-color);font-family:inherit;font-size:14px;outline:none;padding:5px 0;text-align:center;width:100%}.rcp-field-input:read-only{opacity:.8}.rcp-field-label{color:var(--rcp-field-label-color);font-size:14px;text-align:center}
/*# sourceMappingURL=main.39416c71.css.map*/