.fa-icon.svelte-1dof0an{display:inline-block;fill:currentColor}.fa-flip-horizontal.svelte-1dof0an{transform:scale(-1, 1)}.fa-flip-vertical.svelte-1dof0an{transform:scale(1, -1)}.fa-spin.svelte-1dof0an{animation:svelte-1dof0an-fa-spin 1s 0s infinite linear}.fa-inverse.svelte-1dof0an{color:#fff}.fa-pulse.svelte-1dof0an{animation:svelte-1dof0an-fa-spin 1s infinite steps(8)}@keyframes svelte-1dof0an-fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.file-upload.svelte-1c7sqbn.svelte-1c7sqbn{box-sizing:border-box;text-align:center}.file-upload.svelte-1c7sqbn .file-uploader.svelte-1c7sqbn{border:2px dashed #7d7d7d;border-radius:4px;width:600px;height:300px}.file-upload.svelte-1c7sqbn .file-uploader.svelte-1c7sqbn:hover{border:2px dashed #4d4d4d}.file-upload.svelte-1c7sqbn .file-uploader label.svelte-1c7sqbn{width:100%;height:100%;display:block;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}.file-upload.svelte-1c7sqbn .file-uploader label .form-label.svelte-1c7sqbn{width:100%;text-align:center;color:#4d4d4d}.file-upload.svelte-1c7sqbn .file-uploader label input[type="file"].svelte-1c7sqbn{opacity:0}@media only screen and (max-width: 600px){.file-upload.svelte-1c7sqbn .file-uploader.svelte-1c7sqbn{width:99%}}.file-upload.svelte-1c7sqbn .input-group.svelte-1c7sqbn{display:flex;flex-direction:row;margin-top:30px;width:100%}.file-upload.svelte-1c7sqbn .input-group input[type="text"].svelte-1c7sqbn{padding:12px 20px;display:inline-block;border:1px solid #ccc;border-top-left-radius:4px;border-bottom-left-radius:4px;box-sizing:border-box;text-align:center;flex-grow:1}.file-upload.svelte-1c7sqbn .input-group input[type="text"].svelte-1c7sqbn:focus{outline-color:#676767}.file-upload.svelte-1c7sqbn .input-group button.svelte-1c7sqbn{border-radius:4px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:#2196f3;border:none;color:#fff;width:54px}.file-upload.svelte-1c7sqbn .input-group button.svelte-1c7sqbn:focus{outline:none}.file-upload.svelte-1c7sqbn .input-group button.svelte-1c7sqbn:hover{background-color:#1565c0;cursor:pointer}.file-upload.svelte-1c7sqbn .m3.svelte-1c7sqbn{margin:15px}.drawing-board.svelte-1c7sqbn.svelte-1c7sqbn{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.controls-wrapper.svelte-1c7sqbn.svelte-1c7sqbn{position:fixed;top:25%;left:33%;z-index:5;display:none;transition:0.3s ease-in}.file-upload.svelte-1c7sqbn.svelte-1c7sqbn{width:100%;display:flex;align-items:center;justify-content:center}canvas.svelte-1c7sqbn.svelte-1c7sqbn{cursor:default !important}.buttons.svelte-1c7sqbn.svelte-1c7sqbn{position:fixed;right:0;top:45%;display:flex;flex-direction:column;padding:10px;background-color:transparent}.buttons.svelte-1c7sqbn .button.svelte-1c7sqbn{background-color:#e7a61a;border-radius:50%;height:52px;width:52px;margin:5px 0px;display:flex;justify-content:center;align-items:center;color:#e9e9e9;-webkit-box-shadow:3px 4px 5px 0px rgba(0, 0, 0, 0.75);-moz-box-shadow:3px 4px 5px 0px rgba(0, 0, 0, 0.75);box-shadow:3px 4px 5px 0px rgba(0, 0, 0, 0.75);outline:none;border-width:0px}.buttons.svelte-1c7sqbn .button.svelte-1c7sqbn:hover{-webkit-box-shadow:0px 0px 16px 1px rgba(0, 0, 0, 0.75);-moz-box-shadow:0px 0px 16px 1px rgba(0, 0, 0, 0.75);box-shadow:0px 0px 16px 1px rgba(0, 0, 0, 0.75);color:#ffffff;cursor:pointer;scale:1.1}.buttons.svelte-1c7sqbn .button .icon.svelte-1c7sqbn{display:flex;align-items:center}
button.circle.svelte-8tsola.svelte-8tsola{height:3.2em;width:3.2em;border-radius:50%;border:4px solid darkslategray;cursor:pointer;padding:5px;box-sizing:border-box;color:#333333}button.circle.svelte-8tsola.svelte-8tsola:hover{outline:none;border-color:#9ecaed;box-shadow:0 0 10px #9ecaed}.grid-row.svelte-8tsola.svelte-8tsola{display:flex;flex-direction:row;align-items:initial}.grid-row.svelte-8tsola .grid-col.svelte-8tsola{position:relative;margin:0px 6px}.controls.svelte-8tsola.svelte-8tsola{cursor:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(100, 100, 100, 0.5);border-radius:8px}.controls.svelte-8tsola .header.svelte-8tsola{display:flex;background-color:rgba(0, 0, 0, 0.1);cursor:move;border-top-left-radius:8px;border-top-right-radius:8px;font-size:1.2rem;color:#e9e9e9;padding:10px}.controls.svelte-8tsola .header .title.svelte-8tsola{flex:1;text-align:center}.controls.svelte-8tsola .header .title a.svelte-8tsola{color:inherit;text-decoration:none}.controls.svelte-8tsola .header .close-btn.svelte-8tsola{cursor:pointer}.controls.svelte-8tsola .header .close-btn.svelte-8tsola:hover{color:silver}.controls.svelte-8tsola .grid-row .grid-col.svelte-8tsola{margin:6px}.controls.svelte-8tsola .picker.svelte-8tsola{display:flex;justify-content:center;align-items:center}.controls.svelte-8tsola .circle.svelte-8tsola{width:48px;height:48px}.pallette.svelte-8tsola.svelte-8tsola{background:linear-gradient(217deg, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%)}.animate-bg.svelte-8tsola.svelte-8tsola{animation:svelte-8tsola-animate-gradient 2s linear infinite}@-webkit-keyframes svelte-8tsola-animate-gradient{50%{opacity:0}}@-moz-keyframes svelte-8tsola-animate-gradient{50%{opacity:0}}@keyframes svelte-8tsola-animate-gradient{50%{opacity:0}} .svelte-8tsola.svelte-8tsola:focus{outline:none}.inactive[style].svelte-8tsola.svelte-8tsola{border:4px solid #888 !important;background-color:#cacaca !important}.attribution.svelte-8tsola.svelte-8tsola{width:100%;text-align:center}
.draggable.svelte-2f38i3{position:absolute;top:3%;left:3%;cursor:move}