#toolbar.svelte-1n5cjto{block-size:5em;inline-size:fit-content;color:var(--clr-light-500);z-index:50;background-color:#0000;align-items:center;gap:1em;padding:1em;display:flex;position:fixed;bottom:2em;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000001a}@media (width<=768px){#toolbar.svelte-1n5cjto{bottom:unset;gap:.5em;block-size:auto;inline-size:20em;margin-inline:auto;top:calc(50% + 35vh - 3em)}}#toolbar.svelte-1n5cjto button:where(.svelte-1n5cjto),#toolbar.svelte-1n5cjto input[type=color]:where(.svelte-1n5cjto),#toolbar.svelte-1n5cjto input[type=range]:where(.svelte-1n5cjto){cursor:pointer;border-radius:var(--radius);color:var(--clr-light-500);border:none;block-size:auto;inline-size:fit-content;padding:.5em .75em}@media (width<=768px){#toolbar.svelte-1n5cjto button:where(.svelte-1n5cjto),#toolbar.svelte-1n5cjto input[type=color]:where(.svelte-1n5cjto),#toolbar.svelte-1n5cjto input[type=range]:where(.svelte-1n5cjto){padding:.4em .5em;font-size:.8rem}}#toolbar.svelte-1n5cjto input[type=color]:where(.svelte-1n5cjto){min-block-size:2em;min-inline-size:3em}#toolbar.svelte-1n5cjto #size-slider:where(.svelte-1n5cjto){max-inline-size:7em}#toolbar.svelte-1n5cjto button:where(.svelte-1n5cjto){color:#9b9b9b;background-color:#000000bf}#toolbar.svelte-1n5cjto button:where(.svelte-1n5cjto) svg:where(.svelte-1n5cjto){block-size:clamp(1.25em,1.2vw,1.5em);inline-size:clamp(1.25em,1.2vw,1.5em)}#toolbar.svelte-1n5cjto button:where(.svelte-1n5cjto).active{background-color:#0000001a}#toolbar.svelte-1n5cjto label:where(.svelte-1n5cjto){flex-direction:column;align-items:center;display:flex}#toolbar.svelte-1n5cjto input:where(.svelte-1n5cjto),#toolbar.svelte-1n5cjto button:where(.svelte-1n5cjto){outline:1px solid var(--clr-light-400)}#canvas-container.svelte-1n5cjto{border:3px solid var(--clr-light-400);border-radius:var(--radius);outline:1px solid var(--clr-light-400);outline-offset:5px;z-index:5;background:0 0;block-size:100%;max-block-size:100vh;inline-size:100%;max-inline-size:100vw;margin-top:6.5em;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (width<=768px){#canvas-container.svelte-1n5cjto{border:1px solid var(--clr-light-400);margin-top:4em}}#canvas-container.svelte-1n5cjto #canvas-background:where(.svelte-1n5cjto){z-index:-1;background:#000;position:absolute;inset:0}#canvas-container.svelte-1n5cjto #canvas:where(.svelte-1n5cjto){cursor:none}#eraser-cursor.svelte-1n5cjto{border-radius:var(--radius) 25%;pointer-events:none;z-index:10;background-color:#ec97c2;position:absolute;translate:-50% -50%}#draw-cursor.svelte-1n5cjto{border:2px dashed var(--clr-light-500);pointer-events:none;z-index:10;border-radius:50%;position:absolute;translate:-50% -50%}