[data-theme=dark] .container.svelte-bngmfh{--colour-picker-fg:#fff;--colour-picker-bg:#181818}.svelte-bngmfh{box-sizing:border-box;margin:0;padding:0;line-height:1}.container.svelte-bngmfh{--colour-picker-fg:#000;--colour-picker-bg:#fff;width:2rem;height:2rem;position:relative}.colour-input-container.svelte-bngmfh{border-radius:50%}.colour-input.svelte-bngmfh{background-color:var(--value);cursor:pointer;border-radius:50%;width:2rem;height:2rem;transition:all;box-shadow:inset 0 0 5px #0000001a}.colour-picker-container.svelte-bngmfh{z-index:1;transform-origin:0 0;filter:drop-shadow(2px 2px 5px #0003);margin-top:.5rem;position:absolute}.colour-picker-arrow.svelte-bngmfh{background-image:linear-gradient(180deg, var(--colour-picker-bg) 0 .5rem, transparent .5rem 100%);clip-path:polygon(0 .5rem,.5rem .5rem,1rem 0,1.5rem .5rem,100% .5rem,100% 100%,0 100%);padding-top:.5rem}.colour-picker.svelte-bngmfh{background:var(--colour-picker-bg);border-radius:3px;flex-direction:column;gap:10px;padding:.5rem;display:flex}.main.svelte-bngmfh{justify-content:space-between;gap:10px;display:flex}.canvas-container.svelte-bngmfh{position:relative}canvas.svelte-bngmfh{border-radius:3px;display:block}.pointer.svelte-bngmfh{background:var(--pointer-bg);pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 1px #0003;transition:all!important}.pointer-both.svelte-bngmfh{left:var(--x);top:var(--y);transform:translate(-6px,-6px)}.pointer-vertical.svelte-bngmfh{left:3px;top:var(--y);transform:translateY(-6px)}.inputs-container.svelte-bngmfh{grid-template-columns:1fr repeat(4,auto);gap:.5rem;display:grid}input.svelte-bngmfh{color:var(--colour-picker-fg);background:0 0;border:1px solid #0003;border-radius:3px;padding:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.9rem}input[type=text].svelte-bngmfh{width:5rem}input.svelte-bngmfh:focus{outline:1px solid #0096ff}input[type=number].svelte-bngmfh{appearance:textfield;width:2.75rem}input[type=number].svelte-bngmfh::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].svelte-bngmfh::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}label.svelte-bngmfh{color:#595959;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.8rem;line-height:1}.transparent.svelte-bngmfh{--bg:#0000001a;background-image:linear-gradient(45deg, var(--bg) 25%, transparent 25%, transparent 75%, var(--bg) 75%, var(--bg)), linear-gradient(45deg, var(--bg) 25%, transparent 25%, transparent 75%, var(--bg) 75%, var(--bg));background-position:0 0,4px 4px;background-size:8px 8px}[data-theme=dark] .transparent.svelte-bngmfh{--bg:#3232321a}*{box-sizing:border-box;margin:0;padding:0;transition:all .1s}body{background:var(--background);--background:#fff;padding:4rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:all .15s!important}body[data-theme=dark]{--background:#000}.container.svelte-6upawv{text-align:left;background:var(--background);box-sizing:content-box;border:none;border-radius:calc(.75rem + 2px);outline:none;width:3.5rem;height:1.5rem;padding:2px}.switch.svelte-6upawv{width:1.5rem;height:1.5rem;transform:translate(var(--translate));transition:all .1s ease-in-out;display:inline-block}.switch.svelte-6upawv svg:where(.svelte-6upawv){transform:scale(.9)}h1.svelte-1uha8ag{color:#000;margin-bottom:2rem;font-size:3rem}[data-theme=dark] h1.svelte-1uha8ag{color:#fff}.theme-toggle.svelte-1uha8ag{margin-bottom:2rem}.demo.svelte-1uha8ag{align-items:center;gap:1rem;display:flex}.demo.svelte-1uha8ag .label:where(.svelte-1uha8ag){text-align:center;border:1px solid #0003;border-radius:3px;width:15rem;padding:.5rem 0}[data-theme=dark] .demo.svelte-1uha8ag .label:where(.svelte-1uha8ag){color:#fff;border:1px solid #fff3}