input.svelte-uu8y04:disabled{opacity:.5;filter:saturate(0) brightness(.5);cursor:not-allowed}@property --thumb-color-start{syntax: "<color>"; initial-value: #353746; inherits: true;}input[type=range].svelte-uu8y04{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:clamp(5rem,100%,20rem);height:1.25rem;margin:auto;transition:opacity .15s,--thumb-color-start .15s ease;border-radius:1.25rem;--thumb: linear-gradient(to top, var(--thumb-color-start) 71%, #000 90%)}input[type=range].svelte-uu8y04:hover{--thumb-color-start: var(--thumb-color-hover, var(--fg-d));filter:brightness(1.1)}input[type=range].svelte-uu8y04::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.4166666667rem;height:1.25rem;background:var(--thumb);cursor:pointer;z-index:1}input[type=range].svelte-uu8y04::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.4166666667rem;height:1.25rem;background:var(--thumb);cursor:pointer;z-index:1}input[type=range].svelte-uu8y04::-webkit-slider-runnable-track{height:1.25rem;cursor:pointer;background-color:var(--bg-c);box-shadow:0 3px 1px #0008 inset,0 2px 5px #0007 inset,0 1px 6px #0006 inset;border-radius:.4rem;overflow:hidden}input[type=range].svelte-uu8y04::-moz-range-track{height:1.25rem;cursor:pointer;background-color:var(--bg-c);box-shadow:0 3px 1px #0008 inset,0 2px 5px #0007 inset,0 1px 6px #0006 inset;border-radius:.4rem;overflow:hidden}.buttons.svelte-75eji5{display:flex;align-items:center;justify-content:center;height:2rem;margin-bottom:.25rem}.buttons.svelte-75eji5 button:where(.svelte-75eji5){color:var(--fg-d);min-width:4rem;height:1.25rem;line-height:1.05rem;background:color-mix(in hsl,var(--bg-a),var(--bg-b) 33%);outline:.1rem solid color-mix(in hsl,var(--bg-a),var(--bg-b) 90%);box-shadow:-1.5px 1px 1px color-mix(in hsl,var(--bg-a),var(--bg-c) 90%) inset;border-radius:var(--radius-sm);transition:75ms ease-out;cursor:pointer}.buttons.svelte-75eji5 button:where(.svelte-75eji5):hover{color:var(--fg-a);background:color-mix(in hsl,var(--bg-a),var(--bg-d) 66%);outline:.1rem solid color-mix(in hsl,var(--bg-a),var(--bg-c) 100%)}.buttons.svelte-75eji5 button:where(.svelte-75eji5):focus{background:color-mix(in hsl,var(--bg-a),var(--bg-d) 20%)}.point-gui.svelte-1mv2b2f{position:relative;display:flex;align-items:center;padding:.75rem .5rem .75rem .25rem;border-radius:var(--radius-sm);outline:.2em solid transparent;opacity:var(--opacity, .5);transition:.15s ease-out}.point-gui.svelte-1mv2b2f:last-of-type{border-bottom-left-radius:.25em;border-bottom-right-radius:.25em}.point-gui.svelte-1mv2b2f:hover,.point-gui.active.svelte-1mv2b2f{opacity:1}.point-gui.svelte-1mv2b2f:hover .delete-btn:where(.svelte-1mv2b2f){color:hsla(from tomato h 20% 30%/.5)}.point-gui.svelte-1mv2b2f .delete-btn:where(.svelte-1mv2b2f){position:absolute;top:.5em;left:.5em;display:flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;color:hsla(from tomato h 30% 40%/0);background:hsla(from tomato h 30% 40%/0);border-radius:.25em;font-size:.75em;transition:.15s ease-out;cursor:pointer}.point-gui.svelte-1mv2b2f .delete-btn:where(.svelte-1mv2b2f):hover{color:#000;background:hsla(from tomato h 30% 40%/1)}@media (max-width: 1000px){.point-gui.svelte-1mv2b2f .delete-btn:where(.svelte-1mv2b2f){color:hsla(from var(--bg-a) h s l/.5);outline:1px solid hsla(from var(--bg-a) h s l/0);opacity:.5;width:1.25rem;height:1.25rem}.point-gui.svelte-1mv2b2f:hover .delete-btn:where(.svelte-1mv2b2f){color:hsla(from var(--bg-a) h s l/1);outline:1px solid hsla(from var(--bg-a) h s l/1)}}.color-picker.svelte-1mv2b2f{width:5em;height:3em;margin:.25em .5em;padding:.5em}.position-picker.svelte-1mv2b2f{width:100%;height:100%}canvas.svelte-1u9fntl{cursor:pointer}.presets.svelte-gz7b95{display:flex;align-items:center;justify-content:center;width:100%;margin:0;gap:2em}.preset-wrapper.svelte-gz7b95{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em}.preset.svelte-gz7b95{position:relative;width:5rem;height:2.5rem;border-radius:var(--radius-lg);overflow:hidden;opacity:.3;filter:brightness(1) grayscale(.5) contrast(1);transition:filter .2s ease-out,opacity .2s ease-out}@media (max-width: 1000px){.preset.svelte-gz7b95{opacity:1}}h3.svelte-gz7b95{color:var(--bg-e);font-family:var(--font-a);font-size:.8em;transition:color .15s ease-out}.presets.svelte-gz7b95:hover .preset:where(.svelte-gz7b95){filter:brightness(.8) grayscale(.4) contrast(1);opacity:.75}.presets.svelte-gz7b95:hover h3:where(.svelte-gz7b95){color:var(--fg-d)}.preset-wrapper.svelte-gz7b95:hover .preset:where(.svelte-gz7b95){filter:brightness(1) grayscale(0) contrast(1);opacity:1}.preset-wrapper.svelte-gz7b95:hover h3:where(.svelte-gz7b95){color:var(--fg-b)}.tooltip-wrapper.svelte-15jluvv{min-height:2.75rem;pointer-events:none;-webkit-user-select:none;user-select:none}.tooltip.svelte-15jluvv{padding:.25em .5em;opacity:0;color:var(--fg-d);border-radius:var(--radius);font-family:Iosevka Fixed Web,Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:1em;text-align:center;font-weight:300}@media (max-width: 1000px){.tooltip.svelte-15jluvv{background:var(--bg-a)}}.tooltip.svelte-15jluvv{animation:svelte-15jluvv-fly-in .15s ease-out forwards}.tooltip.hide.svelte-15jluvv{animation:svelte-15jluvv-fly-out .15s ease-out forwards}@keyframes svelte-15jluvv-fly-in{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-15jluvv-fly-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5em)}}.point-container.svelte-1xrkbw{position:absolute;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:1.25em;height:1.25em;background-image:radial-gradient(circle at 30% 70%,var(--color),var(--color) 30%,transparent 60%);outline:.2em solid rgba(from var(--bg-c) r g b/1);outline-offset:-.2em;border-radius:50%;transform:translate(-50%,-50%);transition:outline-color .15s ease-out,outline-width .15s ease-out,outline-offset .15s ease-out,opacity .15s ease-out;-webkit-user-select:none;user-select:none;pointer-events:fill}.point-container.svelte-1xrkbw:hover{outline-color:rgba(from var(--bg-d) r g b/1);outline-width:.1em;outline-offset:0em;cursor:pointer}.canvas-wrapper .point-container{opacity:.1}.canvas-wrapper:hover .point-container{opacity:1}.point-container.active.svelte-1xrkbw{outline-color:rgba(from var(--bg-d) r g b/1);outline-width:.1em;outline-offset:0em;opacity:1}button.svelte-1suuf31{display:grid;all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;padding:.25rem .5rem;margin:.5rem;border-radius:var(--radius-sm);outline:1px solid transparent;color:var(--bg-c);color:color-mix(in lch,var(--bg-b),var(--bg-c) 20%);line-height:1;height:1rem;font-size:.8rem;font-family:var(--font-mono);transition:.25s}button.svelte-1suuf31:hover{color:var(--light-c)}:root[theme=light] button.svelte-1suuf31:hover:hover{color:var(--light-a)}:root[theme=light] button:hover.active.svelte-1suuf31,:root[theme=light] button:hover.outro.svelte-1suuf31{background:transparent}button.svelte-1suuf31:active,button.svelte-1suuf31:focus{color:var(--light-b)}button.active.svelte-1suuf31,button.outro.svelte-1suuf31{opacity:1!important}.svg-container.svelte-1suuf31{display:flex;align-items:center;justify-content:center;width:100%;height:100%;grid-area:1/1;aspect-ratio:1/1}button.copy.blur.svelte-1suuf31:not(.active,.outro){-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem)}button.copy.svelte-1suuf31 svg:where(.svelte-1suuf31){overflow:visible}.front.svelte-1suuf31,.back.svelte-1suuf31,.check.svelte-1suuf31{transform-origin:50% 50%}.front.svelte-1suuf31{transition-duration:.66s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);stroke:currentColor}.front.active.svelte-1suuf31{transition-timing-function:cubic-bezier(.2,2,.2,.85);transition-duration:.2s;transform:scale(2);fill:#12a084;stroke:#12a084}.front.outro.svelte-1suuf31{transition-duration:.5s}.back.svelte-1suuf31{transform:translate(0);transition-duration:.33s;transition-timing-function:cubic-bezier(.77,0,.175,1)}.back.active.svelte-1suuf31{transform:translate(15%,15%)}.back.outro.svelte-1suuf31{transition-delay:0s;transition-duration:1s}.check.svelte-1suuf31{fill:transparent;stroke:var(--color, var(--light-a));opacity:0;transform:scale(0);transition:.2s cubic-bezier(.175,.885,.32,1.275) 0s}.check.active.svelte-1suuf31{opacity:1;transform:scale(1.25);transition:.3s cubic-bezier(.2,2,.2,.85) .1s}button.active.svelte-1suuf31,button.outro.svelte-1suuf31{outline-color:transparent;color:var(--bg-d);background:transparent}.shiki-wrapper.svelte-1cv131z{z-index:2;position:relative;display:flex;width:clamp(20em,29em,98vw);padding:0 2rem 1rem;border-radius:var(--radius-lg);background-color:#07090f;box-shadow:0 0 .75rem #000 inset;outline:1px solid hsla(from var(--bg-c) h s l / .75);filter:saturate(.5) brightness(.8);transition:filter .2s ease-out}.shiki-wrapper.svelte-1cv131z:hover{filter:saturate(1) brightness(1)}.shiki-wrapper code{font-size:.8rem}.copy.svelte-1cv131z{position:absolute;top:0;right:0}main.svelte-1iuu8as{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5em;--pad: 4em;max-width:100vw;min-height:calc(100vh - var(--pad));padding-top:var(--pad);z-index:0}@media (max-width: 1000px){main.svelte-1iuu8as{--pad: 2em}}section.main-wrapper.svelte-1iuu8as{display:flex;align-items:flex-start;justify-content:center;gap:3em;flex-wrap:wrap;height:100%;min-height:80vh;margin:0 auto;padding:2em;border-radius:var(--radius-lg)}.gui-wrapper.svelte-1iuu8as{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;height:fit-content;min-width:23rem;padding:.25em;border-radius:var(--radius)}.point-guis.svelte-1iuu8as{z-index:2;--opacity: .5}.point-guis.svelte-1iuu8as:hover{--opacity: .7}@media (max-width: 1000px){.point-guis.svelte-1iuu8as{--opacity: 1}.point-guis.svelte-1iuu8as:hover{--opacity: 1}}.canvas-wrapper.svelte-1iuu8as{position:relative;width:fit-content;height:fit-content;box-sizing:border-box}.canvas-wrapper.svelte-1iuu8as canvas:where(.svelte-1iuu8as){width:clamp(10rem,50em,90vw);max-width:50vw}.presets-wrapper.svelte-1iuu8as{z-index:2;position:relative;width:100%;height:100%}.right.svelte-1iuu8as{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3em}canvas.svelte-1iuu8as{width:50em;aspect-ratio:16/9;max-width:100%;max-height:100%;border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;box-sizing:border-box}@media (max-width: 1000px){.canvas-wrapper.svelte-1iuu8as{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:100vw;z-index:1}.canvas-wrapper.svelte-1iuu8as canvas:where(.svelte-1iuu8as){width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}}