shaders 2.5.128 → 2.5.129

package/dist/svelte/index.js

@@ -38,92 +38,94 @@ import { componentDefinition as componentDefinition$31 } from "../core/shaders/D
 import { componentDefinition as componentDefinition$32 } from "../core/shaders/Duotone/index.js";
 import { componentDefinition as componentDefinition$33 } from "../core/shaders/Ellipse/index.js";
 import { componentDefinition as componentDefinition$34 } from "../core/shaders/Emboss/index.js";
-import { componentDefinition as componentDefinition$35 } from "../core/shaders/FallingLines/index.js";
-import { componentDefinition as componentDefinition$36 } from "../core/shaders/FilmGrain/index.js";
-import { componentDefinition as componentDefinition$37 } from "../core/shaders/FloatingParticles/index.js";
-import { componentDefinition as componentDefinition$38 } from "../core/shaders/FlowField/index.js";
-import { componentDefinition as componentDefinition$39 } from "../core/shaders/Flower/index.js";
-import { componentDefinition as componentDefinition$40 } from "../core/shaders/FlowingGradient/index.js";
-import { componentDefinition as componentDefinition$41 } from "../core/shaders/FlutedGlass/index.js";
-import { componentDefinition as componentDefinition$42 } from "../core/shaders/Fog/index.js";
-import { componentDefinition as componentDefinition$43 } from "../core/shaders/Form3D/index.js";
-import { componentDefinition as componentDefinition$44 } from "../core/shaders/FractalNoise/index.js";
-import { componentDefinition as componentDefinition$45 } from "../core/shaders/Glass/index.js";
-import { componentDefinition as componentDefinition$46 } from "../core/shaders/GlassTiles/index.js";
-import { componentDefinition as componentDefinition$47 } from "../core/shaders/Glitch/index.js";
-import { componentDefinition as componentDefinition$48 } from "../core/shaders/Glow/index.js";
-import { componentDefinition as componentDefinition$49 } from "../core/shaders/Godrays/index.js";
-import { componentDefinition as componentDefinition$50 } from "../core/shaders/Grayscale/index.js";
-import { componentDefinition as componentDefinition$51 } from "../core/shaders/Grid/index.js";
-import { componentDefinition as componentDefinition$52 } from "../core/shaders/GridDistortion/index.js";
-import { componentDefinition as componentDefinition$53 } from "../core/shaders/Group/index.js";
-import { componentDefinition as componentDefinition$54 } from "../core/shaders/Halftone/index.js";
-import { componentDefinition as componentDefinition$55 } from "../core/shaders/HexGrid/index.js";
-import { componentDefinition as componentDefinition$56 } from "../core/shaders/HueShift/index.js";
-import { componentDefinition as componentDefinition$57 } from "../core/shaders/ImageTexture/index.js";
-import { componentDefinition as componentDefinition$58 } from "../core/shaders/Invert/index.js";
-import { componentDefinition as componentDefinition$59 } from "../core/shaders/Kaleidoscope/index.js";
-import { componentDefinition as componentDefinition$60 } from "../core/shaders/LensFlare/index.js";
-import { componentDefinition as componentDefinition$61 } from "../core/shaders/LinearBlur/index.js";
-import { componentDefinition as componentDefinition$62 } from "../core/shaders/LinearGradient/index.js";
-import { componentDefinition as componentDefinition$63 } from "../core/shaders/Liquify/index.js";
-import { componentDefinition as componentDefinition$64 } from "../core/shaders/Marble/index.js";
-import { componentDefinition as componentDefinition$65 } from "../core/shaders/Mirror/index.js";
-import { componentDefinition as componentDefinition$66 } from "../core/shaders/MultiPointGradient/index.js";
-import { componentDefinition as componentDefinition$67 } from "../core/shaders/Neon/index.js";
-import { componentDefinition as componentDefinition$68 } from "../core/shaders/Paper/index.js";
-import { componentDefinition as componentDefinition$69 } from "../core/shaders/Perspective/index.js";
-import { componentDefinition as componentDefinition$70 } from "../core/shaders/Pixelate/index.js";
-import { componentDefinition as componentDefinition$71 } from "../core/shaders/Plasma/index.js";
-import { componentDefinition as componentDefinition$72 } from "../core/shaders/PolarCoordinates/index.js";
-import { componentDefinition as componentDefinition$73 } from "../core/shaders/Polygon/index.js";
-import { componentDefinition as componentDefinition$74 } from "../core/shaders/Posterize/index.js";
-import { componentDefinition as componentDefinition$75 } from "../core/shaders/ProgressiveBlur/index.js";
-import { componentDefinition as componentDefinition$76 } from "../core/shaders/RadialGradient/index.js";
-import { componentDefinition as componentDefinition$77 } from "../core/shaders/RectangularCoordinates/index.js";
-import { componentDefinition as componentDefinition$78 } from "../core/shaders/ReflectivePlane/index.js";
-import { componentDefinition as componentDefinition$79 } from "../core/shaders/Ring/index.js";
-import { componentDefinition as componentDefinition$80 } from "../core/shaders/Ripples/index.js";
-import { componentDefinition as componentDefinition$81 } from "../core/shaders/RoundedRect/index.js";
-import { componentDefinition as componentDefinition$82 } from "../core/shaders/Saturation/index.js";
-import { componentDefinition as componentDefinition$83 } from "../core/shaders/Sharpness/index.js";
-import { componentDefinition as componentDefinition$84 } from "../core/shaders/Shatter/index.js";
-import { componentDefinition as componentDefinition$85 } from "../core/shaders/SimplexNoise/index.js";
-import { componentDefinition as componentDefinition$86 } from "../core/shaders/SineWave/index.js";
-import { componentDefinition as componentDefinition$87 } from "../core/shaders/Smoke/index.js";
-import { componentDefinition as componentDefinition$88 } from "../core/shaders/SmokeFill/index.js";
-import { componentDefinition as componentDefinition$89 } from "../core/shaders/Solarize/index.js";
-import { componentDefinition as componentDefinition$90 } from "../core/shaders/SolidColor/index.js";
-import { componentDefinition as componentDefinition$91 } from "../core/shaders/Spherize/index.js";
-import { componentDefinition as componentDefinition$92 } from "../core/shaders/Spiral/index.js";
-import { componentDefinition as componentDefinition$93 } from "../core/shaders/Star/index.js";
-import { componentDefinition as componentDefinition$94 } from "../core/shaders/Strands/index.js";
-import { componentDefinition as componentDefinition$95 } from "../core/shaders/Stretch/index.js";
-import { componentDefinition as componentDefinition$96 } from "../core/shaders/Stripes/index.js";
-import { componentDefinition as componentDefinition$97 } from "../core/shaders/StudioBackground/index.js";
-import { componentDefinition as componentDefinition$98 } from "../core/shaders/SunBurst/index.js";
-import { componentDefinition as componentDefinition$99 } from "../core/shaders/Swirl/index.js";
-import { componentDefinition as componentDefinition$100 } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$101 } from "../core/shaders/Tint/index.js";
-import { componentDefinition as componentDefinition$102 } from "../core/shaders/Trapezoid/index.js";
-import { componentDefinition as componentDefinition$103 } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$104 } from "../core/shaders/Truchet/index.js";
-import { componentDefinition as componentDefinition$105 } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$106 } from "../core/shaders/VHS/index.js";
-import { componentDefinition as componentDefinition$107 } from "../core/shaders/Vesica/index.js";
-import { componentDefinition as componentDefinition$108 } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$109 } from "../core/shaders/VideoTexture/index.js";
-import { componentDefinition as componentDefinition$110 } from "../core/shaders/Vignette/index.js";
-import { componentDefinition as componentDefinition$111 } from "../core/shaders/Voronoi/index.js";
-import { componentDefinition as componentDefinition$112 } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$113 } from "../core/shaders/Weave/index.js";
-import { componentDefinition as componentDefinition$114 } from "../core/shaders/WebcamTexture/index.js";
-import { componentDefinition as componentDefinition$115 } from "../core/shaders/WorleyNoise/index.js";
-import { componentDefinition as componentDefinition$116 } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$35 } from "../core/shaders/Exposure/index.js";
+import { componentDefinition as componentDefinition$36 } from "../core/shaders/FallingLines/index.js";
+import { componentDefinition as componentDefinition$37 } from "../core/shaders/FilmGrain/index.js";
+import { componentDefinition as componentDefinition$38 } from "../core/shaders/FloatingParticles/index.js";
+import { componentDefinition as componentDefinition$39 } from "../core/shaders/FlowField/index.js";
+import { componentDefinition as componentDefinition$40 } from "../core/shaders/Flower/index.js";
+import { componentDefinition as componentDefinition$41 } from "../core/shaders/FlowingGradient/index.js";
+import { componentDefinition as componentDefinition$42 } from "../core/shaders/FlutedGlass/index.js";
+import { componentDefinition as componentDefinition$43 } from "../core/shaders/Fog/index.js";
+import { componentDefinition as componentDefinition$44 } from "../core/shaders/Form3D/index.js";
+import { componentDefinition as componentDefinition$45 } from "../core/shaders/FractalNoise/index.js";
+import { componentDefinition as componentDefinition$46 } from "../core/shaders/Glass/index.js";
+import { componentDefinition as componentDefinition$47 } from "../core/shaders/GlassTiles/index.js";
+import { componentDefinition as componentDefinition$48 } from "../core/shaders/Glitch/index.js";
+import { componentDefinition as componentDefinition$49 } from "../core/shaders/Glow/index.js";
+import { componentDefinition as componentDefinition$50 } from "../core/shaders/Godrays/index.js";
+import { componentDefinition as componentDefinition$51 } from "../core/shaders/Grayscale/index.js";
+import { componentDefinition as componentDefinition$52 } from "../core/shaders/Grid/index.js";
+import { componentDefinition as componentDefinition$53 } from "../core/shaders/GridDistortion/index.js";
+import { componentDefinition as componentDefinition$54 } from "../core/shaders/Group/index.js";
+import { componentDefinition as componentDefinition$55 } from "../core/shaders/Halftone/index.js";
+import { componentDefinition as componentDefinition$56 } from "../core/shaders/HexGrid/index.js";
+import { componentDefinition as componentDefinition$57 } from "../core/shaders/HueShift/index.js";
+import { componentDefinition as componentDefinition$58 } from "../core/shaders/ImageTexture/index.js";
+import { componentDefinition as componentDefinition$59 } from "../core/shaders/Invert/index.js";
+import { componentDefinition as componentDefinition$60 } from "../core/shaders/Kaleidoscope/index.js";
+import { componentDefinition as componentDefinition$61 } from "../core/shaders/LensFlare/index.js";
+import { componentDefinition as componentDefinition$62 } from "../core/shaders/LinearBlur/index.js";
+import { componentDefinition as componentDefinition$63 } from "../core/shaders/LinearGradient/index.js";
+import { componentDefinition as componentDefinition$64 } from "../core/shaders/Liquify/index.js";
+import { componentDefinition as componentDefinition$65 } from "../core/shaders/Marble/index.js";
+import { componentDefinition as componentDefinition$66 } from "../core/shaders/Mirror/index.js";
+import { componentDefinition as componentDefinition$67 } from "../core/shaders/MultiPointGradient/index.js";
+import { componentDefinition as componentDefinition$68 } from "../core/shaders/Neon/index.js";
+import { componentDefinition as componentDefinition$69 } from "../core/shaders/Paper/index.js";
+import { componentDefinition as componentDefinition$70 } from "../core/shaders/Perspective/index.js";
+import { componentDefinition as componentDefinition$71 } from "../core/shaders/Pixelate/index.js";
+import { componentDefinition as componentDefinition$72 } from "../core/shaders/Plasma/index.js";
+import { componentDefinition as componentDefinition$73 } from "../core/shaders/PolarCoordinates/index.js";
+import { componentDefinition as componentDefinition$74 } from "../core/shaders/Polygon/index.js";
+import { componentDefinition as componentDefinition$75 } from "../core/shaders/Posterize/index.js";
+import { componentDefinition as componentDefinition$76 } from "../core/shaders/ProgressiveBlur/index.js";
+import { componentDefinition as componentDefinition$77 } from "../core/shaders/RadialGradient/index.js";
+import { componentDefinition as componentDefinition$78 } from "../core/shaders/RectangularCoordinates/index.js";
+import { componentDefinition as componentDefinition$79 } from "../core/shaders/ReflectivePlane/index.js";
+import { componentDefinition as componentDefinition$80 } from "../core/shaders/Ring/index.js";
+import { componentDefinition as componentDefinition$81 } from "../core/shaders/Ripples/index.js";
+import { componentDefinition as componentDefinition$82 } from "../core/shaders/RoundedRect/index.js";
+import { componentDefinition as componentDefinition$83 } from "../core/shaders/Saturation/index.js";
+import { componentDefinition as componentDefinition$84 } from "../core/shaders/Sharpness/index.js";
+import { componentDefinition as componentDefinition$85 } from "../core/shaders/Shatter/index.js";
+import { componentDefinition as componentDefinition$86 } from "../core/shaders/SimplexNoise/index.js";
+import { componentDefinition as componentDefinition$87 } from "../core/shaders/SineWave/index.js";
+import { componentDefinition as componentDefinition$88 } from "../core/shaders/Smoke/index.js";
+import { componentDefinition as componentDefinition$89 } from "../core/shaders/SmokeFill/index.js";
+import { componentDefinition as componentDefinition$90 } from "../core/shaders/Solarize/index.js";
+import { componentDefinition as componentDefinition$91 } from "../core/shaders/SolidColor/index.js";
+import { componentDefinition as componentDefinition$92 } from "../core/shaders/Spherize/index.js";
+import { componentDefinition as componentDefinition$93 } from "../core/shaders/Spiral/index.js";
+import { componentDefinition as componentDefinition$94 } from "../core/shaders/Star/index.js";
+import { componentDefinition as componentDefinition$95 } from "../core/shaders/Strands/index.js";
+import { componentDefinition as componentDefinition$96 } from "../core/shaders/Stretch/index.js";
+import { componentDefinition as componentDefinition$97 } from "../core/shaders/Stripes/index.js";
+import { componentDefinition as componentDefinition$98 } from "../core/shaders/StudioBackground/index.js";
+import { componentDefinition as componentDefinition$99 } from "../core/shaders/SunBurst/index.js";
+import { componentDefinition as componentDefinition$100 } from "../core/shaders/Swirl/index.js";
+import { componentDefinition as componentDefinition$101 } from "../core/shaders/ThinFilm/index.js";
+import { componentDefinition as componentDefinition$102 } from "../core/shaders/TiltShift/index.js";
+import { componentDefinition as componentDefinition$103 } from "../core/shaders/Tint/index.js";
+import { componentDefinition as componentDefinition$104 } from "../core/shaders/Trapezoid/index.js";
+import { componentDefinition as componentDefinition$105 } from "../core/shaders/Tritone/index.js";
+import { componentDefinition as componentDefinition$106 } from "../core/shaders/Truchet/index.js";
+import { componentDefinition as componentDefinition$107 } from "../core/shaders/Twirl/index.js";
+import { componentDefinition as componentDefinition$108 } from "../core/shaders/VHS/index.js";
+import { componentDefinition as componentDefinition$109 } from "../core/shaders/Vesica/index.js";
+import { componentDefinition as componentDefinition$110 } from "../core/shaders/Vibrance/index.js";
+import { componentDefinition as componentDefinition$111 } from "../core/shaders/VideoTexture/index.js";
+import { componentDefinition as componentDefinition$112 } from "../core/shaders/Vignette/index.js";
+import { componentDefinition as componentDefinition$113 } from "../core/shaders/Voronoi/index.js";
+import { componentDefinition as componentDefinition$114 } from "../core/shaders/WaveDistortion/index.js";
+import { componentDefinition as componentDefinition$115 } from "../core/shaders/Weave/index.js";
+import { componentDefinition as componentDefinition$116 } from "../core/shaders/WebcamTexture/index.js";
+import { componentDefinition as componentDefinition$117 } from "../core/shaders/WorleyNoise/index.js";
+import { componentDefinition as componentDefinition$118 } from "../core/shaders/ZoomBlur/index.js";
 import { vec4 } from "three/tsl";
 import { isExternalUser, startTelemetry } from "../core/telemetry/index.js";
-var root_2$116 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$117 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$118 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$119 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function AngularBlur($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -288,7 +290,7 @@ function AngularBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$117();
+	var fragment = root$119();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -301,7 +303,7 @@ function AngularBlur($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$116();
+		var canvas = root_2$118();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -320,8 +322,8 @@ function AngularBlur($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$115 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$116 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$117 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$118 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Ascii($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -486,7 +488,7 @@ function Ascii($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$116();
+	var fragment = root$118();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -499,7 +501,7 @@ function Ascii($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$115();
+		var canvas = root_2$117();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -518,8 +520,8 @@ function Ascii($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$114 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$115 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$116 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$117 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Aurora($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -684,7 +686,7 @@ function Aurora($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$115();
+	var fragment = root$117();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -697,7 +699,7 @@ function Aurora($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$114();
+		var canvas = root_2$116();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -716,8 +718,8 @@ function Aurora($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$113 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$114 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$115 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$116 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function BarShift($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -882,7 +884,7 @@ function BarShift($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$114();
+	var fragment = root$116();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -895,7 +897,7 @@ function BarShift($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$113();
+		var canvas = root_2$115();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -914,8 +916,8 @@ function BarShift($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$112 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$113 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$114 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$115 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Beam($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -1080,7 +1082,7 @@ function Beam($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$113();
+	var fragment = root$115();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -1093,7 +1095,7 @@ function Beam($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$112();
+		var canvas = root_2$114();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -1112,8 +1114,8 @@ function Beam($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$111 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$112 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$113 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$114 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Blob($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -1278,7 +1280,7 @@ function Blob($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$112();
+	var fragment = root$114();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -1291,7 +1293,7 @@ function Blob($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$111();
+		var canvas = root_2$113();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -1310,8 +1312,8 @@ function Blob($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$110 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$111 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$112 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$113 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Blur($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -1476,7 +1478,7 @@ function Blur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$111();
+	var fragment = root$113();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -1489,7 +1491,7 @@ function Blur($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$110();
+		var canvas = root_2$112();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -1508,8 +1510,8 @@ function Blur($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$109 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$110 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$111 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$112 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function BrickPattern($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -1674,7 +1676,7 @@ function BrickPattern($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$110();
+	var fragment = root$112();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -1687,7 +1689,7 @@ function BrickPattern($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$109();
+		var canvas = root_2$111();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -1706,8 +1708,8 @@ function BrickPattern($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$108 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$109 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$110 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$111 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function BrightnessContrast($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -1872,7 +1874,7 @@ function BrightnessContrast($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$109();
+	var fragment = root$111();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -1885,7 +1887,7 @@ function BrightnessContrast($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$108();
+		var canvas = root_2$110();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -1904,8 +1906,8 @@ function BrightnessContrast($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$107 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$108 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$109 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$110 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Bulge($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -2070,7 +2072,7 @@ function Bulge($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$108();
+	var fragment = root$110();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -2083,7 +2085,7 @@ function Bulge($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$107();
+		var canvas = root_2$109();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -2102,8 +2104,8 @@ function Bulge($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$106 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$107 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$108 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$109 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function CRTScreen($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -2268,7 +2270,7 @@ function CRTScreen($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$107();
+	var fragment = root$109();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -2281,7 +2283,7 @@ function CRTScreen($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$106();
+		var canvas = root_2$108();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -2300,8 +2302,8 @@ function CRTScreen($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$105 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$106 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$107 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$108 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function ChannelBlur($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -2466,7 +2468,7 @@ function ChannelBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$106();
+	var fragment = root$108();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -2479,7 +2481,7 @@ function ChannelBlur($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$105();
+		var canvas = root_2$107();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -2498,8 +2500,8 @@ function ChannelBlur($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$104 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$105 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$106 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$107 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Checkerboard($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -2664,7 +2666,7 @@ function Checkerboard($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$105();
+	var fragment = root$107();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -2677,7 +2679,7 @@ function Checkerboard($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$104();
+		var canvas = root_2$106();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -2696,8 +2698,8 @@ function Checkerboard($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$103 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$104 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$105 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$106 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Chevron($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -2862,7 +2864,7 @@ function Chevron($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$104();
+	var fragment = root$106();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -2875,7 +2877,7 @@ function Chevron($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$103();
+		var canvas = root_2$105();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -2894,8 +2896,8 @@ function Chevron($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$102 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$103 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$104 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$105 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function ChromaFlow($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -3060,7 +3062,7 @@ function ChromaFlow($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$103();
+	var fragment = root$105();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -3073,7 +3075,7 @@ function ChromaFlow($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$102();
+		var canvas = root_2$104();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -3092,8 +3094,8 @@ function ChromaFlow($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$101 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$102 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$103 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$104 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function ChromaticAberration($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -3258,7 +3260,7 @@ function ChromaticAberration($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$102();
+	var fragment = root$104();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -3271,7 +3273,7 @@ function ChromaticAberration($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$101();
+		var canvas = root_2$103();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -3290,8 +3292,8 @@ function ChromaticAberration($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$100 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$101 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$102 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$103 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Circle($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -3456,7 +3458,7 @@ function Circle($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$101();
+	var fragment = root$103();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -3469,7 +3471,7 @@ function Circle($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$100();
+		var canvas = root_2$102();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -3488,8 +3490,8 @@ function Circle($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$99 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$100 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$101 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$102 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function ColorWheel($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -3654,7 +3656,7 @@ function ColorWheel($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$100();
+	var fragment = root$102();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -3667,7 +3669,7 @@ function ColorWheel($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$99();
+		var canvas = root_2$101();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -3686,8 +3688,8 @@ function ColorWheel($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$98 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$99 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$100 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$101 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function ConcentricSpin($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -3852,7 +3854,7 @@ function ConcentricSpin($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$99();
+	var fragment = root$101();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -3865,7 +3867,7 @@ function ConcentricSpin($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$98();
+		var canvas = root_2$100();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -3884,8 +3886,8 @@ function ConcentricSpin($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$97 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$98 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$99 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$100 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function ConicGradient($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -4050,7 +4052,7 @@ function ConicGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$98();
+	var fragment = root$100();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -4063,7 +4065,7 @@ function ConicGradient($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$97();
+		var canvas = root_2$99();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -4082,8 +4084,8 @@ function ConicGradient($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$96 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$97 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$98 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$99 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function ContourLines($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -4248,7 +4250,7 @@ function ContourLines($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$97();
+	var fragment = root$99();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -4261,7 +4263,7 @@ function ContourLines($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$96();
+		var canvas = root_2$98();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -4280,8 +4282,8 @@ function ContourLines($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$95 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$96 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$97 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$98 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Crescent($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -4446,7 +4448,7 @@ function Crescent($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$96();
+	var fragment = root$98();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -4459,7 +4461,7 @@ function Crescent($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$95();
+		var canvas = root_2$97();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -4478,8 +4480,8 @@ function Crescent($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$94 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$95 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$96 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$97 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Cross($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -4644,7 +4646,7 @@ function Cross($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$95();
+	var fragment = root$97();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -4657,7 +4659,7 @@ function Cross($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$94();
+		var canvas = root_2$96();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -4676,8 +4678,8 @@ function Cross($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$93 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$94 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$95 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$96 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Crystal($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -4842,7 +4844,7 @@ function Crystal($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$94();
+	var fragment = root$96();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -4855,7 +4857,7 @@ function Crystal($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$93();
+		var canvas = root_2$95();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -4874,8 +4876,8 @@ function Crystal($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$92 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$93 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$94 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$95 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function CursorRipples($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -5040,7 +5042,7 @@ function CursorRipples($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$93();
+	var fragment = root$95();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -5053,7 +5055,7 @@ function CursorRipples($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$92();
+		var canvas = root_2$94();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -5072,8 +5074,8 @@ function CursorRipples($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$91 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$92 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$93 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$94 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function CursorTrail($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -5238,7 +5240,7 @@ function CursorTrail($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$92();
+	var fragment = root$94();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -5251,7 +5253,7 @@ function CursorTrail($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$91();
+		var canvas = root_2$93();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -5270,8 +5272,8 @@ function CursorTrail($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$90 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$91 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$92 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$93 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function DOMTexture($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -5436,7 +5438,7 @@ function DOMTexture($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$91();
+	var fragment = root$93();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -5449,7 +5451,7 @@ function DOMTexture($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$90();
+		var canvas = root_2$92();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -5468,8 +5470,8 @@ function DOMTexture($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$89 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$90 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$91 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$92 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function DiamondGradient($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -5634,7 +5636,7 @@ function DiamondGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$90();
+	var fragment = root$92();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -5647,7 +5649,7 @@ function DiamondGradient($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$89();
+		var canvas = root_2$91();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -5666,8 +5668,8 @@ function DiamondGradient($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$88 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$89 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$90 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$91 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function DiffuseBlur($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -5832,7 +5834,7 @@ function DiffuseBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$89();
+	var fragment = root$91();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -5845,7 +5847,7 @@ function DiffuseBlur($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$88();
+		var canvas = root_2$90();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -5864,8 +5866,8 @@ function DiffuseBlur($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$87 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$88 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$89 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$90 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Dither($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -6030,7 +6032,7 @@ function Dither($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$88();
+	var fragment = root$90();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -6043,7 +6045,7 @@ function Dither($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$87();
+		var canvas = root_2$89();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -6062,8 +6064,8 @@ function Dither($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$86 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$87 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$88 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$89 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function DotGrid($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -6228,7 +6230,7 @@ function DotGrid($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$87();
+	var fragment = root$89();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -6241,7 +6243,7 @@ function DotGrid($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$86();
+		var canvas = root_2$88();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -6260,8 +6262,8 @@ function DotGrid($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$85 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$86 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$87 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$88 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function DropShadow($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -6426,7 +6428,7 @@ function DropShadow($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$86();
+	var fragment = root$88();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -6439,7 +6441,7 @@ function DropShadow($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$85();
+		var canvas = root_2$87();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -6458,8 +6460,8 @@ function DropShadow($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$84 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$85 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$86 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$87 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Duotone($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -6624,7 +6626,7 @@ function Duotone($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$85();
+	var fragment = root$87();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -6637,7 +6639,7 @@ function Duotone($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$84();
+		var canvas = root_2$86();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -6656,8 +6658,8 @@ function Duotone($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$83 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$84 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$85 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$86 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Ellipse($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -6822,7 +6824,7 @@ function Ellipse($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$84();
+	var fragment = root$86();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -6835,7 +6837,7 @@ function Ellipse($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$83();
+		var canvas = root_2$85();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -6854,8 +6856,8 @@ function Ellipse($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$82 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$83 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+var root_2$84 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$85 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
 function Emboss($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -7020,7 +7022,7 @@ function Emboss($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$83();
+	var fragment = root$85();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -7033,7 +7035,7 @@ function Emboss($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$82();
+		var canvas = root_2$84();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -7052,9 +7054,9 @@ function Emboss($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$81 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$82 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function FallingLines($$anchor, $$props) {
+var root_2$83 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$84 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Exposure($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$35.experimental && !_experimentalWarnedOnce) {
@@ -7218,7 +7220,7 @@ function FallingLines($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$82();
+	var fragment = root$84();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -7231,7 +7233,7 @@ function FallingLines($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$81();
+		var canvas = root_2$83();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -7250,9 +7252,9 @@ function FallingLines($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$80 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$81 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function FilmGrain($$anchor, $$props) {
+var root_2$82 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$83 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function FallingLines($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$36.experimental && !_experimentalWarnedOnce) {
@@ -7416,7 +7418,7 @@ function FilmGrain($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$81();
+	var fragment = root$83();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -7429,7 +7431,7 @@ function FilmGrain($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$80();
+		var canvas = root_2$82();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -7448,9 +7450,9 @@ function FilmGrain($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$79 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$80 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function FloatingParticles($$anchor, $$props) {
+var root_2$81 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$82 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function FilmGrain($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$37.experimental && !_experimentalWarnedOnce) {
@@ -7614,7 +7616,7 @@ function FloatingParticles($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$80();
+	var fragment = root$82();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -7627,7 +7629,7 @@ function FloatingParticles($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$79();
+		var canvas = root_2$81();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -7646,9 +7648,9 @@ function FloatingParticles($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$78 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$79 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function FlowField($$anchor, $$props) {
+var root_2$80 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$81 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function FloatingParticles($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$38.experimental && !_experimentalWarnedOnce) {
@@ -7812,7 +7814,7 @@ function FlowField($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$79();
+	var fragment = root$81();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -7825,7 +7827,7 @@ function FlowField($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$78();
+		var canvas = root_2$80();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -7844,9 +7846,9 @@ function FlowField($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$77 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$78 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Flower($$anchor, $$props) {
+var root_2$79 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$80 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function FlowField($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$39.experimental && !_experimentalWarnedOnce) {
@@ -8010,7 +8012,7 @@ function Flower($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$78();
+	var fragment = root$80();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -8023,7 +8025,7 @@ function Flower($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$77();
+		var canvas = root_2$79();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -8042,9 +8044,9 @@ function Flower($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$76 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$77 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function FlowingGradient($$anchor, $$props) {
+var root_2$78 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$79 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Flower($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$40.experimental && !_experimentalWarnedOnce) {
@@ -8208,7 +8210,7 @@ function FlowingGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$77();
+	var fragment = root$79();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -8221,7 +8223,7 @@ function FlowingGradient($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$76();
+		var canvas = root_2$78();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -8240,9 +8242,9 @@ function FlowingGradient($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$75 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$76 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function FlutedGlass($$anchor, $$props) {
+var root_2$77 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$78 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function FlowingGradient($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$41.experimental && !_experimentalWarnedOnce) {
@@ -8406,7 +8408,7 @@ function FlutedGlass($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$76();
+	var fragment = root$78();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -8419,7 +8421,7 @@ function FlutedGlass($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$75();
+		var canvas = root_2$77();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -8438,9 +8440,9 @@ function FlutedGlass($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$74 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$75 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Fog($$anchor, $$props) {
+var root_2$76 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$77 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function FlutedGlass($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$42.experimental && !_experimentalWarnedOnce) {
@@ -8604,7 +8606,7 @@ function Fog($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$75();
+	var fragment = root$77();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -8617,7 +8619,7 @@ function Fog($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$74();
+		var canvas = root_2$76();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -8636,9 +8638,9 @@ function Fog($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$73 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$74 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Form3D($$anchor, $$props) {
+var root_2$75 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$76 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Fog($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$43.experimental && !_experimentalWarnedOnce) {
@@ -8802,7 +8804,7 @@ function Form3D($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$74();
+	var fragment = root$76();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -8815,7 +8817,7 @@ function Form3D($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$73();
+		var canvas = root_2$75();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -8834,9 +8836,9 @@ function Form3D($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$72 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$73 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function FractalNoise($$anchor, $$props) {
+var root_2$74 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$75 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Form3D($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$44.experimental && !_experimentalWarnedOnce) {
@@ -9000,7 +9002,7 @@ function FractalNoise($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$73();
+	var fragment = root$75();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -9013,7 +9015,7 @@ function FractalNoise($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$72();
+		var canvas = root_2$74();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -9032,9 +9034,9 @@ function FractalNoise($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$71 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$72 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Glass($$anchor, $$props) {
+var root_2$73 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$74 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function FractalNoise($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$45.experimental && !_experimentalWarnedOnce) {
@@ -9198,7 +9200,7 @@ function Glass($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$72();
+	var fragment = root$74();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -9211,7 +9213,7 @@ function Glass($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$71();
+		var canvas = root_2$73();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -9230,9 +9232,9 @@ function Glass($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$70 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$71 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function GlassTiles($$anchor, $$props) {
+var root_2$72 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$73 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Glass($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$46.experimental && !_experimentalWarnedOnce) {
@@ -9396,7 +9398,7 @@ function GlassTiles($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$71();
+	var fragment = root$73();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -9409,7 +9411,7 @@ function GlassTiles($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$70();
+		var canvas = root_2$72();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -9428,9 +9430,9 @@ function GlassTiles($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$69 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$70 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Glitch($$anchor, $$props) {
+var root_2$71 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$72 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function GlassTiles($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$47.experimental && !_experimentalWarnedOnce) {
@@ -9594,7 +9596,7 @@ function Glitch($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$70();
+	var fragment = root$72();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -9607,7 +9609,7 @@ function Glitch($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$69();
+		var canvas = root_2$71();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -9626,9 +9628,9 @@ function Glitch($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$68 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$69 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Glow($$anchor, $$props) {
+var root_2$70 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$71 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Glitch($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$48.experimental && !_experimentalWarnedOnce) {
@@ -9792,7 +9794,7 @@ function Glow($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$69();
+	var fragment = root$71();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -9805,7 +9807,7 @@ function Glow($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$68();
+		var canvas = root_2$70();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -9824,9 +9826,9 @@ function Glow($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$67 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$68 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Godrays($$anchor, $$props) {
+var root_2$69 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$70 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Glow($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$49.experimental && !_experimentalWarnedOnce) {
@@ -9990,7 +9992,7 @@ function Godrays($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$68();
+	var fragment = root$70();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -10003,7 +10005,7 @@ function Godrays($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$67();
+		var canvas = root_2$69();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -10022,9 +10024,9 @@ function Godrays($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$66 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$67 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Grayscale($$anchor, $$props) {
+var root_2$68 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$69 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Godrays($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$50.experimental && !_experimentalWarnedOnce) {
@@ -10188,7 +10190,7 @@ function Grayscale($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$67();
+	var fragment = root$69();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -10201,7 +10203,7 @@ function Grayscale($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$66();
+		var canvas = root_2$68();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -10220,9 +10222,9 @@ function Grayscale($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$65 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$66 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Grid($$anchor, $$props) {
+var root_2$67 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$68 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Grayscale($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$51.experimental && !_experimentalWarnedOnce) {
@@ -10386,7 +10388,7 @@ function Grid($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$66();
+	var fragment = root$68();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -10399,7 +10401,7 @@ function Grid($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$65();
+		var canvas = root_2$67();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -10418,9 +10420,9 @@ function Grid($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$64 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$65 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function GridDistortion($$anchor, $$props) {
+var root_2$66 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$67 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Grid($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$52.experimental && !_experimentalWarnedOnce) {
@@ -10584,7 +10586,7 @@ function GridDistortion($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$65();
+	var fragment = root$67();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -10597,7 +10599,7 @@ function GridDistortion($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$64();
+		var canvas = root_2$66();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -10616,9 +10618,9 @@ function GridDistortion($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$63 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$64 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Group($$anchor, $$props) {
+var root_2$65 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$66 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function GridDistortion($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$53.experimental && !_experimentalWarnedOnce) {
@@ -10782,7 +10784,7 @@ function Group($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$64();
+	var fragment = root$66();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -10795,7 +10797,7 @@ function Group($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$63();
+		var canvas = root_2$65();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -10814,9 +10816,9 @@ function Group($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$62 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$63 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Halftone($$anchor, $$props) {
+var root_2$64 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$65 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Group($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$54.experimental && !_experimentalWarnedOnce) {
@@ -10980,7 +10982,7 @@ function Halftone($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$63();
+	var fragment = root$65();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -10993,7 +10995,7 @@ function Halftone($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$62();
+		var canvas = root_2$64();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -11012,9 +11014,9 @@ function Halftone($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$61 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$62 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function HexGrid($$anchor, $$props) {
+var root_2$63 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$64 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Halftone($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$55.experimental && !_experimentalWarnedOnce) {
@@ -11178,7 +11180,7 @@ function HexGrid($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$62();
+	var fragment = root$64();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -11191,7 +11193,7 @@ function HexGrid($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$61();
+		var canvas = root_2$63();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -11210,9 +11212,9 @@ function HexGrid($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$60 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$61 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function HueShift($$anchor, $$props) {
+var root_2$62 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$63 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function HexGrid($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$56.experimental && !_experimentalWarnedOnce) {
@@ -11376,7 +11378,7 @@ function HueShift($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$61();
+	var fragment = root$63();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -11389,7 +11391,7 @@ function HueShift($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$60();
+		var canvas = root_2$62();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -11408,9 +11410,9 @@ function HueShift($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$59 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$60 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function ImageTexture($$anchor, $$props) {
+var root_2$61 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$62 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function HueShift($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$57.experimental && !_experimentalWarnedOnce) {
@@ -11574,7 +11576,7 @@ function ImageTexture($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$60();
+	var fragment = root$62();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -11587,7 +11589,7 @@ function ImageTexture($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$59();
+		var canvas = root_2$61();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -11606,9 +11608,9 @@ function ImageTexture($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$58 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$59 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Invert($$anchor, $$props) {
+var root_2$60 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$61 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function ImageTexture($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$58.experimental && !_experimentalWarnedOnce) {
@@ -11772,7 +11774,7 @@ function Invert($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$59();
+	var fragment = root$61();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -11785,7 +11787,7 @@ function Invert($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$58();
+		var canvas = root_2$60();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -11804,9 +11806,9 @@ function Invert($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$57 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$58 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Kaleidoscope($$anchor, $$props) {
+var root_2$59 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$60 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Invert($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$59.experimental && !_experimentalWarnedOnce) {
@@ -11970,7 +11972,7 @@ function Kaleidoscope($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$58();
+	var fragment = root$60();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -11983,7 +11985,7 @@ function Kaleidoscope($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$57();
+		var canvas = root_2$59();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -12002,9 +12004,9 @@ function Kaleidoscope($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$56 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$57 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function LensFlare($$anchor, $$props) {
+var root_2$58 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$59 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Kaleidoscope($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$60.experimental && !_experimentalWarnedOnce) {
@@ -12168,7 +12170,7 @@ function LensFlare($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$57();
+	var fragment = root$59();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -12181,7 +12183,7 @@ function LensFlare($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$56();
+		var canvas = root_2$58();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -12200,9 +12202,9 @@ function LensFlare($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$55 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$56 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function LinearBlur($$anchor, $$props) {
+var root_2$57 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$58 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function LensFlare($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$61.experimental && !_experimentalWarnedOnce) {
@@ -12366,7 +12368,7 @@ function LinearBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$56();
+	var fragment = root$58();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -12379,7 +12381,7 @@ function LinearBlur($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$55();
+		var canvas = root_2$57();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -12398,9 +12400,9 @@ function LinearBlur($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$54 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$55 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function LinearGradient($$anchor, $$props) {
+var root_2$56 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$57 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function LinearBlur($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$62.experimental && !_experimentalWarnedOnce) {
@@ -12564,7 +12566,7 @@ function LinearGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$55();
+	var fragment = root$57();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -12577,7 +12579,7 @@ function LinearGradient($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$54();
+		var canvas = root_2$56();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -12596,9 +12598,9 @@ function LinearGradient($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$53 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$54 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Liquify($$anchor, $$props) {
+var root_2$55 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$56 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function LinearGradient($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$63.experimental && !_experimentalWarnedOnce) {
@@ -12762,7 +12764,7 @@ function Liquify($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$54();
+	var fragment = root$56();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -12775,7 +12777,7 @@ function Liquify($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$53();
+		var canvas = root_2$55();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -12794,9 +12796,9 @@ function Liquify($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$52 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$53 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Marble($$anchor, $$props) {
+var root_2$54 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$55 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Liquify($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$64.experimental && !_experimentalWarnedOnce) {
@@ -12960,7 +12962,7 @@ function Marble($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$53();
+	var fragment = root$55();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -12973,7 +12975,7 @@ function Marble($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$52();
+		var canvas = root_2$54();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -12992,9 +12994,9 @@ function Marble($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$51 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$52 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Mirror($$anchor, $$props) {
+var root_2$53 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$54 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Marble($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$65.experimental && !_experimentalWarnedOnce) {
@@ -13158,7 +13160,7 @@ function Mirror($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$52();
+	var fragment = root$54();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -13171,7 +13173,7 @@ function Mirror($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$51();
+		var canvas = root_2$53();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -13190,9 +13192,9 @@ function Mirror($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$50 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$51 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function MultiPointGradient($$anchor, $$props) {
+var root_2$52 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$53 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Mirror($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$66.experimental && !_experimentalWarnedOnce) {
@@ -13356,7 +13358,7 @@ function MultiPointGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$51();
+	var fragment = root$53();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -13369,7 +13371,7 @@ function MultiPointGradient($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$50();
+		var canvas = root_2$52();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -13388,9 +13390,9 @@ function MultiPointGradient($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$49 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$50 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Neon($$anchor, $$props) {
+var root_2$51 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$52 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function MultiPointGradient($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$67.experimental && !_experimentalWarnedOnce) {
@@ -13554,7 +13556,7 @@ function Neon($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$50();
+	var fragment = root$52();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -13567,7 +13569,7 @@ function Neon($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$49();
+		var canvas = root_2$51();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -13586,9 +13588,9 @@ function Neon($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$48 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$49 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Paper($$anchor, $$props) {
+var root_2$50 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$51 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Neon($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$68.experimental && !_experimentalWarnedOnce) {
@@ -13752,7 +13754,7 @@ function Paper($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$49();
+	var fragment = root$51();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -13765,7 +13767,7 @@ function Paper($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$48();
+		var canvas = root_2$50();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -13784,9 +13786,9 @@ function Paper($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$47 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$48 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Perspective($$anchor, $$props) {
+var root_2$49 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$50 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Paper($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$69.experimental && !_experimentalWarnedOnce) {
@@ -13950,7 +13952,7 @@ function Perspective($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$48();
+	var fragment = root$50();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -13963,7 +13965,7 @@ function Perspective($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$47();
+		var canvas = root_2$49();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -13982,9 +13984,9 @@ function Perspective($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$46 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$47 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Pixelate($$anchor, $$props) {
+var root_2$48 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$49 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Perspective($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$70.experimental && !_experimentalWarnedOnce) {
@@ -14148,7 +14150,7 @@ function Pixelate($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$47();
+	var fragment = root$49();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -14161,7 +14163,7 @@ function Pixelate($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$46();
+		var canvas = root_2$48();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -14180,9 +14182,9 @@ function Pixelate($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$45 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$46 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Plasma($$anchor, $$props) {
+var root_2$47 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$48 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Pixelate($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$71.experimental && !_experimentalWarnedOnce) {
@@ -14346,7 +14348,7 @@ function Plasma($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$46();
+	var fragment = root$48();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -14359,7 +14361,7 @@ function Plasma($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$45();
+		var canvas = root_2$47();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -14378,9 +14380,9 @@ function Plasma($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$44 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$45 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function PolarCoordinates($$anchor, $$props) {
+var root_2$46 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$47 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Plasma($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$72.experimental && !_experimentalWarnedOnce) {
@@ -14544,7 +14546,7 @@ function PolarCoordinates($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$45();
+	var fragment = root$47();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -14557,7 +14559,7 @@ function PolarCoordinates($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$44();
+		var canvas = root_2$46();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -14576,9 +14578,9 @@ function PolarCoordinates($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$43 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$44 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Polygon($$anchor, $$props) {
+var root_2$45 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$46 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function PolarCoordinates($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$73.experimental && !_experimentalWarnedOnce) {
@@ -14742,7 +14744,7 @@ function Polygon($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$44();
+	var fragment = root$46();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -14755,7 +14757,7 @@ function Polygon($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$43();
+		var canvas = root_2$45();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -14774,9 +14776,9 @@ function Polygon($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$42 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$43 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Posterize($$anchor, $$props) {
+var root_2$44 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$45 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Polygon($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$74.experimental && !_experimentalWarnedOnce) {
@@ -14940,7 +14942,7 @@ function Posterize($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$43();
+	var fragment = root$45();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -14953,7 +14955,7 @@ function Posterize($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$42();
+		var canvas = root_2$44();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -14972,9 +14974,9 @@ function Posterize($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$41 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$42 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function ProgressiveBlur($$anchor, $$props) {
+var root_2$43 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$44 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Posterize($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$75.experimental && !_experimentalWarnedOnce) {
@@ -15138,7 +15140,7 @@ function ProgressiveBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$42();
+	var fragment = root$44();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -15151,7 +15153,7 @@ function ProgressiveBlur($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$41();
+		var canvas = root_2$43();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -15170,9 +15172,9 @@ function ProgressiveBlur($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$40 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$41 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function RadialGradient($$anchor, $$props) {
+var root_2$42 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$43 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function ProgressiveBlur($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$76.experimental && !_experimentalWarnedOnce) {
@@ -15336,7 +15338,7 @@ function RadialGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$41();
+	var fragment = root$43();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -15349,7 +15351,7 @@ function RadialGradient($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$40();
+		var canvas = root_2$42();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -15368,9 +15370,9 @@ function RadialGradient($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$39 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$40 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function RectangularCoordinates($$anchor, $$props) {
+var root_2$41 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$42 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function RadialGradient($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$77.experimental && !_experimentalWarnedOnce) {
@@ -15534,7 +15536,7 @@ function RectangularCoordinates($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$40();
+	var fragment = root$42();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -15547,7 +15549,7 @@ function RectangularCoordinates($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$39();
+		var canvas = root_2$41();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -15566,9 +15568,9 @@ function RectangularCoordinates($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$38 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$39 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function ReflectivePlane($$anchor, $$props) {
+var root_2$40 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$41 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function RectangularCoordinates($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$78.experimental && !_experimentalWarnedOnce) {
@@ -15732,7 +15734,7 @@ function ReflectivePlane($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$39();
+	var fragment = root$41();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -15745,7 +15747,7 @@ function ReflectivePlane($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$38();
+		var canvas = root_2$40();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -15764,9 +15766,9 @@ function ReflectivePlane($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$37 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$38 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Ring($$anchor, $$props) {
+var root_2$39 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$40 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function ReflectivePlane($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$79.experimental && !_experimentalWarnedOnce) {
@@ -15930,7 +15932,7 @@ function Ring($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$38();
+	var fragment = root$40();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -15943,7 +15945,7 @@ function Ring($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$37();
+		var canvas = root_2$39();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -15962,9 +15964,9 @@ function Ring($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$36 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$37 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Ripples($$anchor, $$props) {
+var root_2$38 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$39 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Ring($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$80.experimental && !_experimentalWarnedOnce) {
@@ -16128,7 +16130,7 @@ function Ripples($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$37();
+	var fragment = root$39();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -16141,7 +16143,7 @@ function Ripples($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$36();
+		var canvas = root_2$38();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -16160,9 +16162,9 @@ function Ripples($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$35 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$36 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function RoundedRect($$anchor, $$props) {
+var root_2$37 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$38 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Ripples($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$81.experimental && !_experimentalWarnedOnce) {
@@ -16326,7 +16328,7 @@ function RoundedRect($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$36();
+	var fragment = root$38();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -16339,7 +16341,7 @@ function RoundedRect($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$35();
+		var canvas = root_2$37();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -16358,9 +16360,9 @@ function RoundedRect($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$34 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$35 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Saturation($$anchor, $$props) {
+var root_2$36 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$37 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function RoundedRect($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$82.experimental && !_experimentalWarnedOnce) {
@@ -16524,7 +16526,7 @@ function Saturation($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$35();
+	var fragment = root$37();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -16537,7 +16539,7 @@ function Saturation($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$34();
+		var canvas = root_2$36();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -16556,9 +16558,9 @@ function Saturation($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$33 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$34 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Sharpness($$anchor, $$props) {
+var root_2$35 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$36 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Saturation($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$83.experimental && !_experimentalWarnedOnce) {
@@ -16722,7 +16724,7 @@ function Sharpness($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$34();
+	var fragment = root$36();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -16735,7 +16737,7 @@ function Sharpness($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$33();
+		var canvas = root_2$35();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -16754,9 +16756,9 @@ function Sharpness($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$32 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$33 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Shatter($$anchor, $$props) {
+var root_2$34 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$35 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Sharpness($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$84.experimental && !_experimentalWarnedOnce) {
@@ -16920,7 +16922,7 @@ function Shatter($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$33();
+	var fragment = root$35();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -16933,7 +16935,7 @@ function Shatter($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$32();
+		var canvas = root_2$34();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -16952,9 +16954,9 @@ function Shatter($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$31 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$32 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function SimplexNoise($$anchor, $$props) {
+var root_2$33 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$34 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Shatter($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$85.experimental && !_experimentalWarnedOnce) {
@@ -17118,7 +17120,7 @@ function SimplexNoise($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$32();
+	var fragment = root$34();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -17131,7 +17133,7 @@ function SimplexNoise($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$31();
+		var canvas = root_2$33();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -17150,9 +17152,9 @@ function SimplexNoise($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$30 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$31 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function SineWave($$anchor, $$props) {
+var root_2$32 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$33 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function SimplexNoise($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$86.experimental && !_experimentalWarnedOnce) {
@@ -17316,7 +17318,7 @@ function SineWave($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$31();
+	var fragment = root$33();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -17329,7 +17331,7 @@ function SineWave($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$30();
+		var canvas = root_2$32();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -17348,9 +17350,9 @@ function SineWave($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$29 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$30 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Smoke($$anchor, $$props) {
+var root_2$31 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$32 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function SineWave($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$87.experimental && !_experimentalWarnedOnce) {
@@ -17514,7 +17516,7 @@ function Smoke($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$30();
+	var fragment = root$32();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -17527,7 +17529,7 @@ function Smoke($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$29();
+		var canvas = root_2$31();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -17546,9 +17548,9 @@ function Smoke($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$28 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$29 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function SmokeFill($$anchor, $$props) {
+var root_2$30 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$31 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Smoke($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$88.experimental && !_experimentalWarnedOnce) {
@@ -17712,7 +17714,7 @@ function SmokeFill($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$29();
+	var fragment = root$31();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -17725,7 +17727,7 @@ function SmokeFill($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$28();
+		var canvas = root_2$30();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -17744,9 +17746,9 @@ function SmokeFill($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$27 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$28 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Solarize($$anchor, $$props) {
+var root_2$29 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$30 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function SmokeFill($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$89.experimental && !_experimentalWarnedOnce) {
@@ -17910,7 +17912,7 @@ function Solarize($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$28();
+	var fragment = root$30();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -17923,7 +17925,7 @@ function Solarize($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$27();
+		var canvas = root_2$29();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -17942,9 +17944,9 @@ function Solarize($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$26 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$27 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function SolidColor($$anchor, $$props) {
+var root_2$28 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$29 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Solarize($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$90.experimental && !_experimentalWarnedOnce) {
@@ -18108,7 +18110,7 @@ function SolidColor($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$27();
+	var fragment = root$29();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -18121,7 +18123,7 @@ function SolidColor($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$26();
+		var canvas = root_2$28();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -18140,9 +18142,9 @@ function SolidColor($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$25 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$26 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Spherize($$anchor, $$props) {
+var root_2$27 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$28 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function SolidColor($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$91.experimental && !_experimentalWarnedOnce) {
@@ -18306,7 +18308,7 @@ function Spherize($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$26();
+	var fragment = root$28();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -18319,7 +18321,7 @@ function Spherize($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$25();
+		var canvas = root_2$27();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -18338,9 +18340,9 @@ function Spherize($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$24 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$25 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Spiral($$anchor, $$props) {
+var root_2$26 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$27 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Spherize($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$92.experimental && !_experimentalWarnedOnce) {
@@ -18504,7 +18506,7 @@ function Spiral($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$25();
+	var fragment = root$27();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -18517,7 +18519,7 @@ function Spiral($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$24();
+		var canvas = root_2$26();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -18536,9 +18538,9 @@ function Spiral($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$23 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$24 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Star($$anchor, $$props) {
+var root_2$25 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$26 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Spiral($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$93.experimental && !_experimentalWarnedOnce) {
@@ -18702,7 +18704,7 @@ function Star($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$24();
+	var fragment = root$26();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -18715,7 +18717,7 @@ function Star($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$23();
+		var canvas = root_2$25();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -18734,9 +18736,9 @@ function Star($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$22 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$23 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Strands($$anchor, $$props) {
+var root_2$24 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$25 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Star($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$94.experimental && !_experimentalWarnedOnce) {
@@ -18900,7 +18902,7 @@ function Strands($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$23();
+	var fragment = root$25();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -18913,7 +18915,7 @@ function Strands($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$22();
+		var canvas = root_2$24();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -18932,9 +18934,9 @@ function Strands($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$21 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$22 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Stretch($$anchor, $$props) {
+var root_2$23 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$24 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Strands($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$95.experimental && !_experimentalWarnedOnce) {
@@ -19098,7 +19100,7 @@ function Stretch($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$22();
+	var fragment = root$24();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -19111,7 +19113,7 @@ function Stretch($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$21();
+		var canvas = root_2$23();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -19130,9 +19132,9 @@ function Stretch($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$20 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$21 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Stripes($$anchor, $$props) {
+var root_2$22 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$23 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Stretch($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$96.experimental && !_experimentalWarnedOnce) {
@@ -19296,7 +19298,7 @@ function Stripes($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$21();
+	var fragment = root$23();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -19309,7 +19311,7 @@ function Stripes($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$20();
+		var canvas = root_2$22();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -19328,9 +19330,9 @@ function Stripes($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$19 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$20 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function StudioBackground($$anchor, $$props) {
+var root_2$21 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$22 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Stripes($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$97.experimental && !_experimentalWarnedOnce) {
@@ -19494,7 +19496,7 @@ function StudioBackground($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$20();
+	var fragment = root$22();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -19507,7 +19509,7 @@ function StudioBackground($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$19();
+		var canvas = root_2$21();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -19526,9 +19528,9 @@ function StudioBackground($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$18 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$19 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function SunBurst($$anchor, $$props) {
+var root_2$20 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$21 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function StudioBackground($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$98.experimental && !_experimentalWarnedOnce) {
@@ -19692,7 +19694,7 @@ function SunBurst($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$19();
+	var fragment = root$21();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -19705,7 +19707,7 @@ function SunBurst($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$18();
+		var canvas = root_2$20();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -19724,9 +19726,9 @@ function SunBurst($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$17 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$18 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Swirl($$anchor, $$props) {
+var root_2$19 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$20 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function SunBurst($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$99.experimental && !_experimentalWarnedOnce) {
@@ -19890,7 +19892,7 @@ function Swirl($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$18();
+	var fragment = root$20();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -19903,7 +19905,7 @@ function Swirl($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$17();
+		var canvas = root_2$19();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -19922,9 +19924,9 @@ function Swirl($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$16 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$17 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function TiltShift($$anchor, $$props) {
+var root_2$18 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$19 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Swirl($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$100.experimental && !_experimentalWarnedOnce) {
@@ -20088,7 +20090,7 @@ function TiltShift($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$17();
+	var fragment = root$19();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -20101,7 +20103,7 @@ function TiltShift($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$16();
+		var canvas = root_2$18();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -20120,9 +20122,9 @@ function TiltShift($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$15 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$16 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Tint($$anchor, $$props) {
+var root_2$17 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$18 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function ThinFilm($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$101.experimental && !_experimentalWarnedOnce) {
@@ -20286,7 +20288,7 @@ function Tint($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$16();
+	var fragment = root$18();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -20299,7 +20301,7 @@ function Tint($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$15();
+		var canvas = root_2$17();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -20318,9 +20320,9 @@ function Tint($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$14 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$15 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Trapezoid($$anchor, $$props) {
+var root_2$16 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$17 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function TiltShift($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$102.experimental && !_experimentalWarnedOnce) {
@@ -20484,7 +20486,7 @@ function Trapezoid($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$15();
+	var fragment = root$17();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -20497,7 +20499,7 @@ function Trapezoid($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$14();
+		var canvas = root_2$16();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -20516,9 +20518,9 @@ function Trapezoid($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$13 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$14 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Tritone($$anchor, $$props) {
+var root_2$15 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$16 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Tint($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$103.experimental && !_experimentalWarnedOnce) {
@@ -20682,7 +20684,7 @@ function Tritone($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$14();
+	var fragment = root$16();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -20695,7 +20697,7 @@ function Tritone($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$13();
+		var canvas = root_2$15();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -20714,9 +20716,9 @@ function Tritone($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$12 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$13 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Truchet($$anchor, $$props) {
+var root_2$14 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$15 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Trapezoid($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$104.experimental && !_experimentalWarnedOnce) {
@@ -20880,7 +20882,7 @@ function Truchet($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$13();
+	var fragment = root$15();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -20893,7 +20895,7 @@ function Truchet($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$12();
+		var canvas = root_2$14();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -20912,9 +20914,9 @@ function Truchet($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$11 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$12 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Twirl($$anchor, $$props) {
+var root_2$13 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$14 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Tritone($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$105.experimental && !_experimentalWarnedOnce) {
@@ -21078,7 +21080,7 @@ function Twirl($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$12();
+	var fragment = root$14();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -21091,7 +21093,7 @@ function Twirl($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$11();
+		var canvas = root_2$13();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -21110,9 +21112,9 @@ function Twirl($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$10 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$11 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function VHS($$anchor, $$props) {
+var root_2$12 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$13 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Truchet($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$106.experimental && !_experimentalWarnedOnce) {
@@ -21276,7 +21278,7 @@ function VHS($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$11();
+	var fragment = root$13();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -21289,7 +21291,7 @@ function VHS($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$10();
+		var canvas = root_2$12();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -21308,9 +21310,9 @@ function VHS($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$9 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$10 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Vesica($$anchor, $$props) {
+var root_2$11 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$12 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Twirl($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$107.experimental && !_experimentalWarnedOnce) {
@@ -21474,7 +21476,7 @@ function Vesica($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$10();
+	var fragment = root$12();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -21487,7 +21489,7 @@ function Vesica($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$9();
+		var canvas = root_2$11();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -21506,9 +21508,9 @@ function Vesica($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$8 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$9 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Vibrance($$anchor, $$props) {
+var root_2$10 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$11 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function VHS($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$108.experimental && !_experimentalWarnedOnce) {
@@ -21672,7 +21674,7 @@ function Vibrance($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$9();
+	var fragment = root$11();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -21685,7 +21687,7 @@ function Vibrance($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$8();
+		var canvas = root_2$10();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -21704,9 +21706,9 @@ function Vibrance($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$7 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$8 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function VideoTexture($$anchor, $$props) {
+var root_2$9 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$10 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Vesica($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$109.experimental && !_experimentalWarnedOnce) {
@@ -21870,7 +21872,7 @@ function VideoTexture($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$8();
+	var fragment = root$10();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -21883,7 +21885,7 @@ function VideoTexture($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$7();
+		var canvas = root_2$9();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -21902,10 +21904,10 @@ function VideoTexture($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$6 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$7 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Vignette($$anchor, $$props) {
-	$.push($$props, true);
+var root_2$8 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$9 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Vibrance($$anchor, $$props) {
+	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$110.experimental && !_experimentalWarnedOnce) {
 		_experimentalWarnedOnce = true;
@@ -22068,7 +22070,7 @@ function Vignette($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$7();
+	var fragment = root$9();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -22081,7 +22083,7 @@ function Vignette($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$6();
+		var canvas = root_2$8();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -22100,9 +22102,9 @@ function Vignette($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$5 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$6 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Voronoi($$anchor, $$props) {
+var root_2$7 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$8 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function VideoTexture($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$111.experimental && !_experimentalWarnedOnce) {
@@ -22266,7 +22268,7 @@ function Voronoi($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$6();
+	var fragment = root$8();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -22279,7 +22281,7 @@ function Voronoi($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$5();
+		var canvas = root_2$7();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -22298,9 +22300,9 @@ function Voronoi($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$4 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$5 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function WaveDistortion($$anchor, $$props) {
+var root_2$6 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$7 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Vignette($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$112.experimental && !_experimentalWarnedOnce) {
@@ -22464,7 +22466,7 @@ function WaveDistortion($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$5();
+	var fragment = root$7();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -22477,7 +22479,7 @@ function WaveDistortion($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$4();
+		var canvas = root_2$6();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -22496,9 +22498,9 @@ function WaveDistortion($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$3 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$4 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function Weave($$anchor, $$props) {
+var root_2$5 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$6 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Voronoi($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$113.experimental && !_experimentalWarnedOnce) {
@@ -22662,7 +22664,7 @@ function Weave($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$4();
+	var fragment = root$6();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -22675,7 +22677,7 @@ function Weave($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$3();
+		var canvas = root_2$5();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -22694,9 +22696,9 @@ function Weave($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$2 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$3 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function WebcamTexture($$anchor, $$props) {
+var root_2$4 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$5 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function WaveDistortion($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$114.experimental && !_experimentalWarnedOnce) {
@@ -22860,7 +22862,7 @@ function WebcamTexture($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$3();
+	var fragment = root$5();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -22873,7 +22875,7 @@ function WebcamTexture($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$2();
+		var canvas = root_2$4();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -22892,9 +22894,9 @@ function WebcamTexture($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2$1 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$2 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function WorleyNoise($$anchor, $$props) {
+var root_2$3 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$4 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function Weave($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$115.experimental && !_experimentalWarnedOnce) {
@@ -23058,7 +23060,7 @@ function WorleyNoise($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$2();
+	var fragment = root$4();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -23071,7 +23073,7 @@ function WorleyNoise($$anchor, $$props) {
 	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
 	var node_2 = $.sibling(span, 2);
 	var consequent_1 = ($$anchor$1) => {
-		var canvas = root_2$1();
+		var canvas = root_2$3();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -23090,9 +23092,9 @@ function WorleyNoise($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-var root_2 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
-var root$1 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
-function ZoomBlur($$anchor, $$props) {
+var root_2$2 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$3 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function WebcamTexture($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$116.experimental && !_experimentalWarnedOnce) {
@@ -23256,6 +23258,402 @@ function ZoomBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
+	var fragment = root$3();
+	var span = $.first_child(fragment);
+	var node_1 = $.child(span);
+	var consequent = ($$anchor$1) => {
+		children?.($$anchor$1);
+	};
+	$.if(node_1, ($$render) => {
+		if (!isCapturesDOM) $$render(consequent);
+	});
+	$.reset(span);
+	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
+	var node_2 = $.sibling(span, 2);
+	var consequent_1 = ($$anchor$1) => {
+		var canvas = root_2$2();
+		var node_3 = $.child(canvas);
+		children?.(node_3);
+		$.reset(canvas);
+		$.action(canvas, ($$node) => teleportToBody?.($$node));
+		$.bind_this(canvas, ($$value) => captureCanvas = $$value, () => captureCanvas);
+		$.template_effect(() => {
+			$.set_attribute(canvas, "width", $.get(captureW));
+			$.set_attribute(canvas, "height", $.get(captureH));
+		});
+		$.append($$anchor$1, canvas);
+	};
+	$.if(node_2, ($$render) => {
+		if (isCapturesDOM) $$render(consequent_1);
+	});
+	$.template_effect(() => $.set_attribute(span, "data-shader-id", instanceId));
+	$.append($$anchor, fragment);
+	$.pop();
+}
+var root_2$1 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$2 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function WorleyNoise($$anchor, $$props) {
+	$.push($$props, true);
+	let _experimentalWarnedOnce = false;
+	if (componentDefinition$117.experimental && !_experimentalWarnedOnce) {
+		_experimentalWarnedOnce = true;
+		const _e = componentDefinition$117.experimental;
+		console.info(`%c⚠ [Shaders] ${componentDefinition$117.name} is experimental: ${_e.message}`, "color: #f59e0b; font-weight: bold");
+	}
+	function isPropDriver(value) {
+		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
+	}
+	const DEFAULT_TRANSFORM = {
+		offsetX: 0,
+		offsetY: 0,
+		rotation: 0,
+		scale: 1,
+		anchorX: .5,
+		anchorY: .5,
+		edges: "transparent"
+	};
+	const componentDefaults = {
+		blendMode: "normal",
+		visible: true,
+		...Object.entries(componentDefinition$117.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	};
+	const props = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy"
+	]);
+	const blendMode = $.derived(() => $$props.blendMode ?? componentDefaults.blendMode);
+	const opacity = $.derived(() => $$props.opacity);
+	const visible = $.derived(() => $$props.visible ?? componentDefaults.visible);
+	const id = $.derived(() => $$props.id);
+	const maskSource = $.derived(() => $$props.maskSource);
+	const maskType = $.derived(() => $$props.maskType);
+	const renderOrder = $.derived(() => $$props.renderOrder);
+	const { children } = props;
+	const mapsFromProps = $.derived(() => {
+		const maps = {};
+		for (const key of Object.keys(componentDefinition$117.props)) {
+			const val = props[key];
+			if (isPropDriver(val)) maps[key] = val;
+		}
+		return Object.keys(maps).length > 0 ? maps : void 0;
+	});
+	const effectiveTransform = $.derived(() => ({
+		...DEFAULT_TRANSFORM,
+		...$$props.transform
+	}));
+	const parentId = getContext("shaderParentId");
+	if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const instanceId = ($.get(id) ? $.get(id).replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
+	setContext("shaderParentId", instanceId);
+	const shaderReadyProps = $.derived(() => {
+		let baseProps = { ...componentDefaults };
+		for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && key !== "children") {
+			const propValue = props[key];
+			if (isPropDriver(propValue)) continue;
+			const defaultValue = componentDefaults[key];
+			if (propValue !== void 0 && propValue !== defaultValue) baseProps[key] = propValue;
+		}
+		return baseProps;
+	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
+	const uniforms = createUniformsMap(componentDefinition$117, $.get(shaderReadyProps), instanceId);
+	const parentRegister = getContext("shaderNodeRegister");
+	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const parentUniformUpdate = getContext("shaderUniformUpdate");
+	if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
+	const parentMetadataUpdate = getContext("shaderMetadataUpdate");
+	if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
+	const isCapturesDOM = !!componentDefinition$117.capturesDOM;
+	let captureCanvas;
+	let captureW = $.state($.proxy(typeof window !== "undefined" ? Math.round(window.innerWidth * Math.min(window.devicePixelRatio, 2)) : 0));
+	let captureH = $.state($.proxy(typeof window !== "undefined" ? Math.round(window.innerHeight * Math.min(window.devicePixelRatio, 2)) : 0));
+	function teleportToBody(node) {
+		document.body.appendChild(node);
+		return { destroy() {
+			node.remove();
+		} };
+	}
+	if (isCapturesDOM) {
+		const onWinResize = () => {
+			const d = Math.min(window.devicePixelRatio, 2);
+			$.set(captureW, Math.round(window.innerWidth * d), true);
+			$.set(captureH, Math.round(window.innerHeight * d), true);
+		};
+		onMount(() => {
+			window.addEventListener("resize", onWinResize);
+		});
+		onDestroy(() => {
+			window.removeEventListener("resize", onWinResize);
+		});
+	}
+	let orderMarker;
+	let detectedRenderOrder = void 0;
+	let isRegistered = $.state(false);
+	Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+		$.user_effect(() => {
+			if (!$.get(isRegistered)) return;
+			if (uniform && uniform.value !== void 0) {
+				const newValue = props[propName];
+				if (newValue !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
+			}
+		});
+	});
+	$.user_effect(() => {
+		if (!$.get(isRegistered)) return;
+		parentMetadataUpdate(instanceId, {
+			blendMode: $.get(blendMode),
+			opacity: $.get(opacity),
+			visible: $.get(visible) === false ? false : true,
+			id: $.get(id),
+			mask: $.get(maskSource) ? {
+				source: $.get(maskSource),
+				type: $.get(maskType) || "alpha"
+			} : void 0,
+			maps: $.get(mapsFromProps),
+			renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
+			transform: $.get(effectiveTransform)
+		});
+	});
+	onMount(() => {
+		if (componentDefinition$117 && typeof componentDefinition$117.fragmentNode === "function") {
+			parentRegister(instanceId, componentDefinition$117.fragmentNode, parentId, {
+				blendMode: $.get(blendMode),
+				opacity: $.get(opacity),
+				visible: $.get(visible) !== false ? true : false,
+				id: $.get(id),
+				mask: $.get(maskSource) ? {
+					source: $.get(maskSource),
+					type: $.get(maskType) || "alpha"
+				} : void 0,
+				maps: $.get(mapsFromProps),
+				renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
+				transform: $.get(effectiveTransform)
+			}, uniforms, componentDefinition$117, isCapturesDOM ? captureCanvas : void 0);
+			$.set(isRegistered, true);
+			if ($.get(renderOrder) === void 0 && orderMarker) {
+				const parent = orderMarker.parentElement;
+				if (parent) {
+					const siblings = parent.querySelectorAll(":scope > [data-shader-id]");
+					const position = Array.from(siblings).indexOf(orderMarker);
+					if (position >= 0) {
+						detectedRenderOrder = position;
+						parentMetadataUpdate(instanceId, { renderOrder: position });
+					}
+				}
+			}
+		} else console.error("componentDefinition.fragmentNode is not a function:", {
+			componentDefinition: componentDefinition$117,
+			fragmentNode: componentDefinition$117?.fragmentNode,
+			type: typeof componentDefinition$117?.fragmentNode
+		});
+	});
+	onDestroy(() => {
+		$.set(isRegistered, false);
+		parentRegister(instanceId, null, null, null, null);
+	});
+	var fragment = root$2();
+	var span = $.first_child(fragment);
+	var node_1 = $.child(span);
+	var consequent = ($$anchor$1) => {
+		children?.($$anchor$1);
+	};
+	$.if(node_1, ($$render) => {
+		if (!isCapturesDOM) $$render(consequent);
+	});
+	$.reset(span);
+	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
+	var node_2 = $.sibling(span, 2);
+	var consequent_1 = ($$anchor$1) => {
+		var canvas = root_2$1();
+		var node_3 = $.child(canvas);
+		children?.(node_3);
+		$.reset(canvas);
+		$.action(canvas, ($$node) => teleportToBody?.($$node));
+		$.bind_this(canvas, ($$value) => captureCanvas = $$value, () => captureCanvas);
+		$.template_effect(() => {
+			$.set_attribute(canvas, "width", $.get(captureW));
+			$.set_attribute(canvas, "height", $.get(captureH));
+		});
+		$.append($$anchor$1, canvas);
+	};
+	$.if(node_2, ($$render) => {
+		if (isCapturesDOM) $$render(consequent_1);
+	});
+	$.template_effect(() => $.set_attribute(span, "data-shader-id", instanceId));
+	$.append($$anchor, fragment);
+	$.pop();
+}
+var root_2 = $.from_html(`<canvas layoutsubtree="" style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"><!></canvas>`);
+var root$1 = $.from_html(`<span style="display:contents"><!></span> <!>`, 1);
+function ZoomBlur($$anchor, $$props) {
+	$.push($$props, true);
+	let _experimentalWarnedOnce = false;
+	if (componentDefinition$118.experimental && !_experimentalWarnedOnce) {
+		_experimentalWarnedOnce = true;
+		const _e = componentDefinition$118.experimental;
+		console.info(`%c⚠ [Shaders] ${componentDefinition$118.name} is experimental: ${_e.message}`, "color: #f59e0b; font-weight: bold");
+	}
+	function isPropDriver(value) {
+		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
+	}
+	const DEFAULT_TRANSFORM = {
+		offsetX: 0,
+		offsetY: 0,
+		rotation: 0,
+		scale: 1,
+		anchorX: .5,
+		anchorY: .5,
+		edges: "transparent"
+	};
+	const componentDefaults = {
+		blendMode: "normal",
+		visible: true,
+		...Object.entries(componentDefinition$118.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	};
+	const props = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy"
+	]);
+	const blendMode = $.derived(() => $$props.blendMode ?? componentDefaults.blendMode);
+	const opacity = $.derived(() => $$props.opacity);
+	const visible = $.derived(() => $$props.visible ?? componentDefaults.visible);
+	const id = $.derived(() => $$props.id);
+	const maskSource = $.derived(() => $$props.maskSource);
+	const maskType = $.derived(() => $$props.maskType);
+	const renderOrder = $.derived(() => $$props.renderOrder);
+	const { children } = props;
+	const mapsFromProps = $.derived(() => {
+		const maps = {};
+		for (const key of Object.keys(componentDefinition$118.props)) {
+			const val = props[key];
+			if (isPropDriver(val)) maps[key] = val;
+		}
+		return Object.keys(maps).length > 0 ? maps : void 0;
+	});
+	const effectiveTransform = $.derived(() => ({
+		...DEFAULT_TRANSFORM,
+		...$$props.transform
+	}));
+	const parentId = getContext("shaderParentId");
+	if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const instanceId = ($.get(id) ? $.get(id).replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
+	setContext("shaderParentId", instanceId);
+	const shaderReadyProps = $.derived(() => {
+		let baseProps = { ...componentDefaults };
+		for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && key !== "children") {
+			const propValue = props[key];
+			if (isPropDriver(propValue)) continue;
+			const defaultValue = componentDefaults[key];
+			if (propValue !== void 0 && propValue !== defaultValue) baseProps[key] = propValue;
+		}
+		return baseProps;
+	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
+	const uniforms = createUniformsMap(componentDefinition$118, $.get(shaderReadyProps), instanceId);
+	const parentRegister = getContext("shaderNodeRegister");
+	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const parentUniformUpdate = getContext("shaderUniformUpdate");
+	if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
+	const parentMetadataUpdate = getContext("shaderMetadataUpdate");
+	if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
+	const isCapturesDOM = !!componentDefinition$118.capturesDOM;
+	let captureCanvas;
+	let captureW = $.state($.proxy(typeof window !== "undefined" ? Math.round(window.innerWidth * Math.min(window.devicePixelRatio, 2)) : 0));
+	let captureH = $.state($.proxy(typeof window !== "undefined" ? Math.round(window.innerHeight * Math.min(window.devicePixelRatio, 2)) : 0));
+	function teleportToBody(node) {
+		document.body.appendChild(node);
+		return { destroy() {
+			node.remove();
+		} };
+	}
+	if (isCapturesDOM) {
+		const onWinResize = () => {
+			const d = Math.min(window.devicePixelRatio, 2);
+			$.set(captureW, Math.round(window.innerWidth * d), true);
+			$.set(captureH, Math.round(window.innerHeight * d), true);
+		};
+		onMount(() => {
+			window.addEventListener("resize", onWinResize);
+		});
+		onDestroy(() => {
+			window.removeEventListener("resize", onWinResize);
+		});
+	}
+	let orderMarker;
+	let detectedRenderOrder = void 0;
+	let isRegistered = $.state(false);
+	Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+		$.user_effect(() => {
+			if (!$.get(isRegistered)) return;
+			if (uniform && uniform.value !== void 0) {
+				const newValue = props[propName];
+				if (newValue !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
+			}
+		});
+	});
+	$.user_effect(() => {
+		if (!$.get(isRegistered)) return;
+		parentMetadataUpdate(instanceId, {
+			blendMode: $.get(blendMode),
+			opacity: $.get(opacity),
+			visible: $.get(visible) === false ? false : true,
+			id: $.get(id),
+			mask: $.get(maskSource) ? {
+				source: $.get(maskSource),
+				type: $.get(maskType) || "alpha"
+			} : void 0,
+			maps: $.get(mapsFromProps),
+			renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
+			transform: $.get(effectiveTransform)
+		});
+	});
+	onMount(() => {
+		if (componentDefinition$118 && typeof componentDefinition$118.fragmentNode === "function") {
+			parentRegister(instanceId, componentDefinition$118.fragmentNode, parentId, {
+				blendMode: $.get(blendMode),
+				opacity: $.get(opacity),
+				visible: $.get(visible) !== false ? true : false,
+				id: $.get(id),
+				mask: $.get(maskSource) ? {
+					source: $.get(maskSource),
+					type: $.get(maskType) || "alpha"
+				} : void 0,
+				maps: $.get(mapsFromProps),
+				renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
+				transform: $.get(effectiveTransform)
+			}, uniforms, componentDefinition$118, isCapturesDOM ? captureCanvas : void 0);
+			$.set(isRegistered, true);
+			if ($.get(renderOrder) === void 0 && orderMarker) {
+				const parent = orderMarker.parentElement;
+				if (parent) {
+					const siblings = parent.querySelectorAll(":scope > [data-shader-id]");
+					const position = Array.from(siblings).indexOf(orderMarker);
+					if (position >= 0) {
+						detectedRenderOrder = position;
+						parentMetadataUpdate(instanceId, { renderOrder: position });
+					}
+				}
+			}
+		} else console.error("componentDefinition.fragmentNode is not a function:", {
+			componentDefinition: componentDefinition$118,
+			fragmentNode: componentDefinition$118?.fragmentNode,
+			type: typeof componentDefinition$118?.fragmentNode
+		});
+	});
+	onDestroy(() => {
+		$.set(isRegistered, false);
+		parentRegister(instanceId, null, null, null, null);
+	});
 	var fragment = root$1();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
@@ -23332,7 +23730,7 @@ function Shader($$anchor, $$props) {
 		const checkRendering = () => {
 			if (!rendererInstance) return;
 			if (rendererInstance.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(rendererInstance, "2.5.128", disableTelemetry(), isPreview());
+				telemetryCollector = startTelemetry(rendererInstance, "2.5.129", disableTelemetry(), isPreview());
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);
@@ -23562,6 +23960,7 @@ function Preview($$anchor, $$props) {
 		Duotone,
 		Ellipse,
 		Emboss,
+		Exposure,
 		FallingLines,
 		FilmGrain,
 		FloatingParticles,
@@ -23627,6 +24026,7 @@ function Preview($$anchor, $$props) {
 		StudioBackground,
 		SunBurst,
 		Swirl,
+		ThinFilm,
 		TiltShift,
 		Tint,
 		Trapezoid,
@@ -23905,4 +24305,4 @@ function Preview($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-export { AngularBlur, Ascii, Aurora, BarShift, Beam, Blob, Blur, BrickPattern, BrightnessContrast, Bulge, CRTScreen, ChannelBlur, Checkerboard, Chevron, ChromaFlow, ChromaticAberration, Circle, ColorWheel, ConcentricSpin, ConicGradient, ContourLines, Crescent, Cross, Crystal, CursorRipples, CursorTrail, DOMTexture, DiamondGradient, DiffuseBlur, Dither, DotGrid, DropShadow, Duotone, Ellipse, Emboss, FallingLines, FilmGrain, FloatingParticles, FlowField, Flower, FlowingGradient, FlutedGlass, Fog, Form3D, FractalNoise, Glass, GlassTiles, Glitch, Glow, Godrays, Grayscale, Grid, GridDistortion, Group, Halftone, HexGrid, HueShift, ImageTexture, Invert, Kaleidoscope, LensFlare, LinearBlur, LinearGradient, Liquify, Marble, Mirror, MultiPointGradient, Neon, Paper, Perspective, Pixelate, Plasma, PolarCoordinates, Polygon, Posterize, Preview, ProgressiveBlur, RadialGradient, RectangularCoordinates, ReflectivePlane, Ring, Ripples, RoundedRect, Saturation, Shader, Sharpness, Shatter, SimplexNoise, SineWave, Smoke, SmokeFill, Solarize, SolidColor, Spherize, Spiral, Star, Strands, Stretch, Stripes, StudioBackground, SunBurst, Swirl, TiltShift, Tint, Trapezoid, Tritone, Truchet, Twirl, VHS, Vesica, Vibrance, VideoTexture, Vignette, Voronoi, WaveDistortion, Weave, WebcamTexture, WorleyNoise, ZoomBlur };
+export { AngularBlur, Ascii, Aurora, BarShift, Beam, Blob, Blur, BrickPattern, BrightnessContrast, Bulge, CRTScreen, ChannelBlur, Checkerboard, Chevron, ChromaFlow, ChromaticAberration, Circle, ColorWheel, ConcentricSpin, ConicGradient, ContourLines, Crescent, Cross, Crystal, CursorRipples, CursorTrail, DOMTexture, DiamondGradient, DiffuseBlur, Dither, DotGrid, DropShadow, Duotone, Ellipse, Emboss, Exposure, FallingLines, FilmGrain, FloatingParticles, FlowField, Flower, FlowingGradient, FlutedGlass, Fog, Form3D, FractalNoise, Glass, GlassTiles, Glitch, Glow, Godrays, Grayscale, Grid, GridDistortion, Group, Halftone, HexGrid, HueShift, ImageTexture, Invert, Kaleidoscope, LensFlare, LinearBlur, LinearGradient, Liquify, Marble, Mirror, MultiPointGradient, Neon, Paper, Perspective, Pixelate, Plasma, PolarCoordinates, Polygon, Posterize, Preview, ProgressiveBlur, RadialGradient, RectangularCoordinates, ReflectivePlane, Ring, Ripples, RoundedRect, Saturation, Shader, Sharpness, Shatter, SimplexNoise, SineWave, Smoke, SmokeFill, Solarize, SolidColor, Spherize, Spiral, Star, Strands, Stretch, Stripes, StudioBackground, SunBurst, Swirl, ThinFilm, TiltShift, Tint, Trapezoid, Tritone, Truchet, Twirl, VHS, Vesica, Vibrance, VideoTexture, Vignette, Voronoi, WaveDistortion, Weave, WebcamTexture, WorleyNoise, ZoomBlur };