shaders 2.5.122 → 2.5.123

package/dist/svelte/index.js

@@ -81,48 +81,49 @@ import { componentDefinition as componentDefinition$74 } from "../core/shaders/P
 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/Ring/index.js";
-import { componentDefinition as componentDefinition$79 } from "../core/shaders/Ripples/index.js";
-import { componentDefinition as componentDefinition$80 } from "../core/shaders/RoundedRect/index.js";
-import { componentDefinition as componentDefinition$81 } from "../core/shaders/Saturation/index.js";
-import { componentDefinition as componentDefinition$82 } from "../core/shaders/Sharpness/index.js";
-import { componentDefinition as componentDefinition$83 } from "../core/shaders/Shatter/index.js";
-import { componentDefinition as componentDefinition$84 } from "../core/shaders/SimplexNoise/index.js";
-import { componentDefinition as componentDefinition$85 } from "../core/shaders/SineWave/index.js";
-import { componentDefinition as componentDefinition$86 } from "../core/shaders/Smoke/index.js";
-import { componentDefinition as componentDefinition$87 } from "../core/shaders/SmokeFill/index.js";
-import { componentDefinition as componentDefinition$88 } from "../core/shaders/Solarize/index.js";
-import { componentDefinition as componentDefinition$89 } from "../core/shaders/SolidColor/index.js";
-import { componentDefinition as componentDefinition$90 } from "../core/shaders/Spherize/index.js";
-import { componentDefinition as componentDefinition$91 } from "../core/shaders/Spiral/index.js";
-import { componentDefinition as componentDefinition$92 } from "../core/shaders/Star/index.js";
-import { componentDefinition as componentDefinition$93 } from "../core/shaders/Strands/index.js";
-import { componentDefinition as componentDefinition$94 } from "../core/shaders/Stretch/index.js";
-import { componentDefinition as componentDefinition$95 } from "../core/shaders/Stripes/index.js";
-import { componentDefinition as componentDefinition$96 } from "../core/shaders/StudioBackground/index.js";
-import { componentDefinition as componentDefinition$97 } from "../core/shaders/SunBurst/index.js";
-import { componentDefinition as componentDefinition$98 } from "../core/shaders/Swirl/index.js";
-import { componentDefinition as componentDefinition$99 } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$100 } from "../core/shaders/Tint/index.js";
-import { componentDefinition as componentDefinition$101 } from "../core/shaders/Trapezoid/index.js";
-import { componentDefinition as componentDefinition$102 } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$103 } from "../core/shaders/Truchet/index.js";
-import { componentDefinition as componentDefinition$104 } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$105 } from "../core/shaders/VHS/index.js";
-import { componentDefinition as componentDefinition$106 } from "../core/shaders/Vesica/index.js";
-import { componentDefinition as componentDefinition$107 } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$108 } from "../core/shaders/VideoTexture/index.js";
-import { componentDefinition as componentDefinition$109 } from "../core/shaders/Vignette/index.js";
-import { componentDefinition as componentDefinition$110 } from "../core/shaders/Voronoi/index.js";
-import { componentDefinition as componentDefinition$111 } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$112 } from "../core/shaders/Weave/index.js";
-import { componentDefinition as componentDefinition$113 } from "../core/shaders/WebcamTexture/index.js";
-import { componentDefinition as componentDefinition$114 } from "../core/shaders/WorleyNoise/index.js";
-import { componentDefinition as componentDefinition$115 } from "../core/shaders/ZoomBlur/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 { vec4 } from "three/tsl";
 import { isExternalUser, startTelemetry } from "../core/telemetry/index.js";
-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$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 AngularBlur($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -287,7 +288,7 @@ function AngularBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$116();
+	var fragment = root$117();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -300,7 +301,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$115();
+		var canvas = root_2$116();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -319,8 +320,8 @@ function AngularBlur($$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$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 Ascii($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -485,7 +486,7 @@ function Ascii($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$115();
+	var fragment = root$116();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -498,7 +499,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$114();
+		var canvas = root_2$115();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -517,8 +518,8 @@ function Ascii($$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$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 Aurora($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -683,7 +684,7 @@ function Aurora($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$114();
+	var fragment = root$115();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -696,7 +697,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$113();
+		var canvas = root_2$114();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -715,8 +716,8 @@ function Aurora($$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$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 BarShift($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -881,7 +882,7 @@ function BarShift($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$113();
+	var fragment = root$114();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -894,7 +895,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$112();
+		var canvas = root_2$113();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -913,8 +914,8 @@ function BarShift($$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$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 Beam($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -1079,7 +1080,7 @@ function Beam($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$112();
+	var fragment = root$113();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -1092,7 +1093,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$111();
+		var canvas = root_2$112();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -1111,8 +1112,8 @@ function Beam($$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$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 Blob($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -1277,7 +1278,7 @@ function Blob($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$111();
+	var fragment = root$112();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -1290,7 +1291,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$110();
+		var canvas = root_2$111();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -1309,8 +1310,8 @@ function Blob($$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$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 Blur($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -1475,7 +1476,7 @@ function Blur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$110();
+	var fragment = root$111();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -1488,7 +1489,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$109();
+		var canvas = root_2$110();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -1507,8 +1508,8 @@ function Blur($$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$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 BrickPattern($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -1673,7 +1674,7 @@ function BrickPattern($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$109();
+	var fragment = root$110();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -1686,7 +1687,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$108();
+		var canvas = root_2$109();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -1705,8 +1706,8 @@ function BrickPattern($$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$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 BrightnessContrast($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -1871,7 +1872,7 @@ function BrightnessContrast($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$108();
+	var fragment = root$109();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -1884,7 +1885,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$107();
+		var canvas = root_2$108();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -1903,8 +1904,8 @@ function BrightnessContrast($$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$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 Bulge($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -2069,7 +2070,7 @@ function Bulge($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$107();
+	var fragment = root$108();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -2082,7 +2083,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$106();
+		var canvas = root_2$107();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -2101,8 +2102,8 @@ function Bulge($$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$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 CRTScreen($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -2267,7 +2268,7 @@ function CRTScreen($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$106();
+	var fragment = root$107();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -2280,7 +2281,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$105();
+		var canvas = root_2$106();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -2299,8 +2300,8 @@ function CRTScreen($$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$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 ChannelBlur($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -2465,7 +2466,7 @@ function ChannelBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$105();
+	var fragment = root$106();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -2478,7 +2479,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$104();
+		var canvas = root_2$105();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -2497,8 +2498,8 @@ function ChannelBlur($$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$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 Checkerboard($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -2663,7 +2664,7 @@ function Checkerboard($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$104();
+	var fragment = root$105();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -2676,7 +2677,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$103();
+		var canvas = root_2$104();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -2695,8 +2696,8 @@ function Checkerboard($$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$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 Chevron($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -2861,7 +2862,7 @@ function Chevron($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$103();
+	var fragment = root$104();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -2874,7 +2875,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$102();
+		var canvas = root_2$103();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -2893,8 +2894,8 @@ function Chevron($$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$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 ChromaFlow($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -3059,7 +3060,7 @@ function ChromaFlow($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$102();
+	var fragment = root$103();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -3072,7 +3073,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$101();
+		var canvas = root_2$102();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -3091,8 +3092,8 @@ function ChromaFlow($$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$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 ChromaticAberration($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -3257,7 +3258,7 @@ function ChromaticAberration($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$101();
+	var fragment = root$102();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -3270,7 +3271,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$100();
+		var canvas = root_2$101();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -3289,8 +3290,8 @@ function ChromaticAberration($$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$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 Circle($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -3455,7 +3456,7 @@ function Circle($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$100();
+	var fragment = root$101();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -3468,7 +3469,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$99();
+		var canvas = root_2$100();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -3487,8 +3488,8 @@ function Circle($$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$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 ColorWheel($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -3653,7 +3654,7 @@ function ColorWheel($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$99();
+	var fragment = root$100();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -3666,7 +3667,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$98();
+		var canvas = root_2$99();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -3685,8 +3686,8 @@ function ColorWheel($$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$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 ConcentricSpin($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -3851,7 +3852,7 @@ function ConcentricSpin($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$98();
+	var fragment = root$99();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -3864,7 +3865,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$97();
+		var canvas = root_2$98();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -3883,8 +3884,8 @@ function ConcentricSpin($$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$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 ConicGradient($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -4049,7 +4050,7 @@ function ConicGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$97();
+	var fragment = root$98();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -4062,7 +4063,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$96();
+		var canvas = root_2$97();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -4081,8 +4082,8 @@ function ConicGradient($$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$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 ContourLines($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -4247,7 +4248,7 @@ function ContourLines($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$96();
+	var fragment = root$97();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -4260,7 +4261,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$95();
+		var canvas = root_2$96();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -4279,8 +4280,8 @@ function ContourLines($$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$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 Crescent($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -4445,7 +4446,7 @@ function Crescent($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$95();
+	var fragment = root$96();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -4458,7 +4459,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$94();
+		var canvas = root_2$95();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -4477,8 +4478,8 @@ function Crescent($$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$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 Cross($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -4643,7 +4644,7 @@ function Cross($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$94();
+	var fragment = root$95();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -4656,7 +4657,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$93();
+		var canvas = root_2$94();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -4675,8 +4676,8 @@ function Cross($$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$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 Crystal($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -4841,7 +4842,7 @@ function Crystal($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$93();
+	var fragment = root$94();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -4854,7 +4855,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$92();
+		var canvas = root_2$93();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -4873,8 +4874,8 @@ function Crystal($$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$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 CursorRipples($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -5039,7 +5040,7 @@ function CursorRipples($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$92();
+	var fragment = root$93();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -5052,7 +5053,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$91();
+		var canvas = root_2$92();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -5071,8 +5072,8 @@ function CursorRipples($$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$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 CursorTrail($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -5237,7 +5238,7 @@ function CursorTrail($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$91();
+	var fragment = root$92();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -5250,7 +5251,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$90();
+		var canvas = root_2$91();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -5269,8 +5270,8 @@ function CursorTrail($$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$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 DOMTexture($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -5435,7 +5436,7 @@ function DOMTexture($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$90();
+	var fragment = root$91();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -5448,7 +5449,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$89();
+		var canvas = root_2$90();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -5467,8 +5468,8 @@ function DOMTexture($$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$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 DiamondGradient($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -5633,7 +5634,7 @@ function DiamondGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$89();
+	var fragment = root$90();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -5646,7 +5647,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$88();
+		var canvas = root_2$89();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -5665,8 +5666,8 @@ function DiamondGradient($$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$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 DiffuseBlur($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -5831,7 +5832,7 @@ function DiffuseBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$88();
+	var fragment = root$89();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -5844,7 +5845,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$87();
+		var canvas = root_2$88();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -5863,8 +5864,8 @@ function DiffuseBlur($$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$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 Dither($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -6029,7 +6030,7 @@ function Dither($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$87();
+	var fragment = root$88();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -6042,7 +6043,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$86();
+		var canvas = root_2$87();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -6061,8 +6062,8 @@ function Dither($$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$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 DotGrid($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -6227,7 +6228,7 @@ function DotGrid($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$86();
+	var fragment = root$87();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -6240,7 +6241,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$85();
+		var canvas = root_2$86();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -6259,8 +6260,8 @@ function DotGrid($$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$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 DropShadow($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -6425,7 +6426,7 @@ function DropShadow($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$85();
+	var fragment = root$86();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -6438,7 +6439,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$84();
+		var canvas = root_2$85();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -6457,8 +6458,8 @@ function DropShadow($$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$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 Duotone($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -6623,7 +6624,7 @@ function Duotone($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$84();
+	var fragment = root$85();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -6636,7 +6637,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$83();
+		var canvas = root_2$84();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -6655,8 +6656,8 @@ function Duotone($$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$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 Ellipse($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -6821,7 +6822,7 @@ function Ellipse($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$83();
+	var fragment = root$84();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -6834,7 +6835,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$82();
+		var canvas = root_2$83();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -6853,8 +6854,8 @@ function Ellipse($$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);
+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 Emboss($$anchor, $$props) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -7019,7 +7020,7 @@ function Emboss($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$82();
+	var fragment = root$83();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -7032,7 +7033,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$81();
+		var canvas = root_2$82();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -7051,8 +7052,8 @@ function Emboss($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -7217,7 +7218,7 @@ function FallingLines($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$81();
+	var fragment = root$82();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -7230,7 +7231,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$80();
+		var canvas = root_2$81();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -7249,8 +7250,8 @@ function FallingLines($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -7415,7 +7416,7 @@ function FilmGrain($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$80();
+	var fragment = root$81();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -7428,7 +7429,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$79();
+		var canvas = root_2$80();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -7447,8 +7448,8 @@ function FilmGrain($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -7613,7 +7614,7 @@ function FloatingParticles($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$79();
+	var fragment = root$80();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -7626,7 +7627,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$78();
+		var canvas = root_2$79();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -7645,8 +7646,8 @@ function FloatingParticles($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -7811,7 +7812,7 @@ function FlowField($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$78();
+	var fragment = root$79();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -7824,7 +7825,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$77();
+		var canvas = root_2$78();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -7843,8 +7844,8 @@ function FlowField($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -8009,7 +8010,7 @@ function Flower($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$77();
+	var fragment = root$78();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -8022,7 +8023,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$76();
+		var canvas = root_2$77();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -8041,8 +8042,8 @@ function Flower($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -8207,7 +8208,7 @@ function FlowingGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$76();
+	var fragment = root$77();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -8220,7 +8221,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$75();
+		var canvas = root_2$76();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -8239,8 +8240,8 @@ function FlowingGradient($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -8405,7 +8406,7 @@ function FlutedGlass($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$75();
+	var fragment = root$76();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -8418,7 +8419,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$74();
+		var canvas = root_2$75();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -8437,8 +8438,8 @@ function FlutedGlass($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -8603,7 +8604,7 @@ function Fog($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$74();
+	var fragment = root$75();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -8616,7 +8617,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$73();
+		var canvas = root_2$74();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -8635,8 +8636,8 @@ function Fog($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -8801,7 +8802,7 @@ function Form3D($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$73();
+	var fragment = root$74();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -8814,7 +8815,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$72();
+		var canvas = root_2$73();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -8833,8 +8834,8 @@ function Form3D($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -8999,7 +9000,7 @@ function FractalNoise($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$72();
+	var fragment = root$73();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -9012,7 +9013,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$71();
+		var canvas = root_2$72();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -9031,8 +9032,8 @@ function FractalNoise($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -9197,7 +9198,7 @@ function Glass($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$71();
+	var fragment = root$72();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -9210,7 +9211,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$70();
+		var canvas = root_2$71();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -9229,8 +9230,8 @@ function Glass($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -9395,7 +9396,7 @@ function GlassTiles($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$70();
+	var fragment = root$71();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -9408,7 +9409,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$69();
+		var canvas = root_2$70();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -9427,8 +9428,8 @@ function GlassTiles($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -9593,7 +9594,7 @@ function Glitch($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$69();
+	var fragment = root$70();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -9606,7 +9607,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$68();
+		var canvas = root_2$69();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -9625,8 +9626,8 @@ function Glitch($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -9791,7 +9792,7 @@ function Glow($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$68();
+	var fragment = root$69();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -9804,7 +9805,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$67();
+		var canvas = root_2$68();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -9823,8 +9824,8 @@ function Glow($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -9989,7 +9990,7 @@ function Godrays($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$67();
+	var fragment = root$68();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -10002,7 +10003,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$66();
+		var canvas = root_2$67();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -10021,8 +10022,8 @@ function Godrays($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -10187,7 +10188,7 @@ function Grayscale($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$66();
+	var fragment = root$67();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -10200,7 +10201,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$65();
+		var canvas = root_2$66();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -10219,8 +10220,8 @@ function Grayscale($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -10385,7 +10386,7 @@ function Grid($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$65();
+	var fragment = root$66();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -10398,7 +10399,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$64();
+		var canvas = root_2$65();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -10417,8 +10418,8 @@ function Grid($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -10583,7 +10584,7 @@ function GridDistortion($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$64();
+	var fragment = root$65();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -10596,7 +10597,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$63();
+		var canvas = root_2$64();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -10615,8 +10616,8 @@ function GridDistortion($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -10781,7 +10782,7 @@ function Group($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$63();
+	var fragment = root$64();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -10794,7 +10795,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$62();
+		var canvas = root_2$63();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -10813,8 +10814,8 @@ function Group($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -10979,7 +10980,7 @@ function Halftone($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$62();
+	var fragment = root$63();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -10992,7 +10993,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$61();
+		var canvas = root_2$62();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -11011,8 +11012,8 @@ function Halftone($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -11177,7 +11178,7 @@ function HexGrid($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$61();
+	var fragment = root$62();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -11190,7 +11191,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$60();
+		var canvas = root_2$61();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -11209,8 +11210,8 @@ function HexGrid($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -11375,7 +11376,7 @@ function HueShift($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$60();
+	var fragment = root$61();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -11388,7 +11389,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$59();
+		var canvas = root_2$60();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -11407,8 +11408,8 @@ function HueShift($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -11573,7 +11574,7 @@ function ImageTexture($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$59();
+	var fragment = root$60();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -11586,7 +11587,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$58();
+		var canvas = root_2$59();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -11605,8 +11606,8 @@ function ImageTexture($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -11771,7 +11772,7 @@ function Invert($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$58();
+	var fragment = root$59();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -11784,7 +11785,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$57();
+		var canvas = root_2$58();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -11803,8 +11804,8 @@ function Invert($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -11969,7 +11970,7 @@ function Kaleidoscope($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$57();
+	var fragment = root$58();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -11982,7 +11983,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$56();
+		var canvas = root_2$57();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -12001,8 +12002,8 @@ function Kaleidoscope($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -12167,7 +12168,7 @@ function LensFlare($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$56();
+	var fragment = root$57();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -12180,7 +12181,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$55();
+		var canvas = root_2$56();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -12199,8 +12200,8 @@ function LensFlare($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -12365,7 +12366,7 @@ function LinearBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$55();
+	var fragment = root$56();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -12378,7 +12379,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$54();
+		var canvas = root_2$55();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -12397,8 +12398,8 @@ function LinearBlur($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -12563,7 +12564,7 @@ function LinearGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$54();
+	var fragment = root$55();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -12576,7 +12577,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$53();
+		var canvas = root_2$54();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -12595,8 +12596,8 @@ function LinearGradient($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -12761,7 +12762,7 @@ function Liquify($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$53();
+	var fragment = root$54();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -12774,7 +12775,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$52();
+		var canvas = root_2$53();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -12793,8 +12794,8 @@ function Liquify($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -12959,7 +12960,7 @@ function Marble($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$52();
+	var fragment = root$53();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -12972,7 +12973,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$51();
+		var canvas = root_2$52();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -12991,8 +12992,8 @@ function Marble($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -13157,7 +13158,7 @@ function Mirror($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$51();
+	var fragment = root$52();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -13170,7 +13171,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$50();
+		var canvas = root_2$51();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -13189,8 +13190,8 @@ function Mirror($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -13355,7 +13356,7 @@ function MultiPointGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$50();
+	var fragment = root$51();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -13368,7 +13369,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$49();
+		var canvas = root_2$50();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -13387,8 +13388,8 @@ function MultiPointGradient($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -13553,7 +13554,7 @@ function Neon($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$49();
+	var fragment = root$50();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -13566,7 +13567,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$48();
+		var canvas = root_2$49();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -13585,8 +13586,8 @@ function Neon($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -13751,7 +13752,7 @@ function Paper($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$48();
+	var fragment = root$49();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -13764,7 +13765,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$47();
+		var canvas = root_2$48();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -13783,8 +13784,8 @@ function Paper($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -13949,7 +13950,7 @@ function Perspective($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$47();
+	var fragment = root$48();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -13962,7 +13963,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$46();
+		var canvas = root_2$47();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -13981,8 +13982,8 @@ function Perspective($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -14147,7 +14148,7 @@ function Pixelate($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$46();
+	var fragment = root$47();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -14160,7 +14161,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$45();
+		var canvas = root_2$46();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -14179,8 +14180,8 @@ function Pixelate($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -14345,7 +14346,7 @@ function Plasma($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$45();
+	var fragment = root$46();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -14358,7 +14359,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$44();
+		var canvas = root_2$45();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -14377,8 +14378,8 @@ function Plasma($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -14543,7 +14544,7 @@ function PolarCoordinates($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$44();
+	var fragment = root$45();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -14556,7 +14557,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$43();
+		var canvas = root_2$44();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -14575,8 +14576,8 @@ function PolarCoordinates($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -14741,7 +14742,7 @@ function Polygon($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$43();
+	var fragment = root$44();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -14754,7 +14755,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$42();
+		var canvas = root_2$43();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -14773,8 +14774,8 @@ function Polygon($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -14939,7 +14940,7 @@ function Posterize($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$42();
+	var fragment = root$43();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -14952,7 +14953,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$41();
+		var canvas = root_2$42();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -14971,8 +14972,8 @@ function Posterize($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -15137,7 +15138,7 @@ function ProgressiveBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$41();
+	var fragment = root$42();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -15150,7 +15151,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$40();
+		var canvas = root_2$41();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -15169,8 +15170,8 @@ function ProgressiveBlur($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -15335,7 +15336,7 @@ function RadialGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$40();
+	var fragment = root$41();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -15348,7 +15349,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$39();
+		var canvas = root_2$40();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -15367,8 +15368,8 @@ function RadialGradient($$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);
+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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
@@ -15533,7 +15534,7 @@ function RectangularCoordinates($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$39();
+	var fragment = root$40();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -15546,7 +15547,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$38();
+		var canvas = root_2$39();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -15565,9 +15566,9 @@ function RectangularCoordinates($$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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$78.experimental && !_experimentalWarnedOnce) {
@@ -15731,7 +15732,7 @@ function Ring($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$38();
+	var fragment = root$39();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -15744,7 +15745,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$38();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -15763,9 +15764,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$79.experimental && !_experimentalWarnedOnce) {
@@ -15929,7 +15930,7 @@ function Ripples($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$37();
+	var fragment = root$38();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -15942,7 +15943,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$37();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -15961,9 +15962,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$80.experimental && !_experimentalWarnedOnce) {
@@ -16127,7 +16128,7 @@ function RoundedRect($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$36();
+	var fragment = root$37();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -16140,7 +16141,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$36();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -16159,9 +16160,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$81.experimental && !_experimentalWarnedOnce) {
@@ -16325,7 +16326,7 @@ function Saturation($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$35();
+	var fragment = root$36();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -16338,7 +16339,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$35();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -16357,9 +16358,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$82.experimental && !_experimentalWarnedOnce) {
@@ -16523,7 +16524,7 @@ function Sharpness($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$34();
+	var fragment = root$35();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -16536,7 +16537,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$34();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -16555,9 +16556,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$83.experimental && !_experimentalWarnedOnce) {
@@ -16721,7 +16722,7 @@ function Shatter($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$33();
+	var fragment = root$34();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -16734,7 +16735,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$33();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -16753,9 +16754,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$84.experimental && !_experimentalWarnedOnce) {
@@ -16919,7 +16920,7 @@ function SimplexNoise($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$32();
+	var fragment = root$33();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -16932,7 +16933,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$32();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -16951,9 +16952,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$85.experimental && !_experimentalWarnedOnce) {
@@ -17117,7 +17118,7 @@ function SineWave($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$31();
+	var fragment = root$32();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -17130,7 +17131,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$31();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -17149,9 +17150,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$86.experimental && !_experimentalWarnedOnce) {
@@ -17315,7 +17316,7 @@ function Smoke($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$30();
+	var fragment = root$31();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -17328,7 +17329,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$30();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -17347,9 +17348,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$87.experimental && !_experimentalWarnedOnce) {
@@ -17513,7 +17514,7 @@ function SmokeFill($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$29();
+	var fragment = root$30();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -17526,7 +17527,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$29();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -17545,9 +17546,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$88.experimental && !_experimentalWarnedOnce) {
@@ -17711,7 +17712,7 @@ function Solarize($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$28();
+	var fragment = root$29();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -17724,7 +17725,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$28();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -17743,9 +17744,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$89.experimental && !_experimentalWarnedOnce) {
@@ -17909,7 +17910,7 @@ function SolidColor($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$27();
+	var fragment = root$28();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -17922,7 +17923,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$27();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -17941,9 +17942,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$90.experimental && !_experimentalWarnedOnce) {
@@ -18107,7 +18108,7 @@ function Spherize($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$26();
+	var fragment = root$27();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -18120,7 +18121,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$26();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -18139,9 +18140,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$91.experimental && !_experimentalWarnedOnce) {
@@ -18305,7 +18306,7 @@ function Spiral($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$25();
+	var fragment = root$26();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -18318,7 +18319,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$25();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -18337,9 +18338,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$92.experimental && !_experimentalWarnedOnce) {
@@ -18503,7 +18504,7 @@ function Star($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$24();
+	var fragment = root$25();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -18516,7 +18517,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$24();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -18535,9 +18536,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$93.experimental && !_experimentalWarnedOnce) {
@@ -18701,7 +18702,7 @@ function Strands($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$23();
+	var fragment = root$24();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -18714,7 +18715,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$23();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -18733,9 +18734,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$94.experimental && !_experimentalWarnedOnce) {
@@ -18899,7 +18900,7 @@ function Stretch($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$22();
+	var fragment = root$23();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -18912,7 +18913,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$22();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -18931,9 +18932,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$95.experimental && !_experimentalWarnedOnce) {
@@ -19097,7 +19098,7 @@ function Stripes($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$21();
+	var fragment = root$22();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -19110,7 +19111,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$21();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -19129,9 +19130,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$96.experimental && !_experimentalWarnedOnce) {
@@ -19295,7 +19296,7 @@ function StudioBackground($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$20();
+	var fragment = root$21();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -19308,7 +19309,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$20();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -19327,9 +19328,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$97.experimental && !_experimentalWarnedOnce) {
@@ -19493,7 +19494,7 @@ function SunBurst($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$19();
+	var fragment = root$20();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -19506,7 +19507,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$19();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -19525,9 +19526,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$98.experimental && !_experimentalWarnedOnce) {
@@ -19691,7 +19692,7 @@ function Swirl($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$18();
+	var fragment = root$19();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -19704,7 +19705,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$18();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -19723,9 +19724,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$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) {
 	$.push($$props, true);
 	let _experimentalWarnedOnce = false;
 	if (componentDefinition$99.experimental && !_experimentalWarnedOnce) {
@@ -19889,7 +19890,7 @@ function TiltShift($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$17();
+	var fragment = root$18();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -19902,7 +19903,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$17();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -19921,9 +19922,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$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$100.experimental && !_experimentalWarnedOnce) {
@@ -20087,7 +20088,7 @@ function Tint($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$16();
+	var fragment = root$17();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -20100,7 +20101,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$16();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -20119,9 +20120,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$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$101.experimental && !_experimentalWarnedOnce) {
@@ -20285,7 +20286,7 @@ function Trapezoid($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$15();
+	var fragment = root$16();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -20298,7 +20299,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$15();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -20317,9 +20318,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$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$102.experimental && !_experimentalWarnedOnce) {
@@ -20483,7 +20484,7 @@ function Tritone($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$14();
+	var fragment = root$15();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -20496,7 +20497,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$14();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -20515,9 +20516,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$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$103.experimental && !_experimentalWarnedOnce) {
@@ -20681,7 +20682,7 @@ function Truchet($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$13();
+	var fragment = root$14();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -20694,7 +20695,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$13();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -20713,9 +20714,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$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$104.experimental && !_experimentalWarnedOnce) {
@@ -20879,7 +20880,7 @@ function Twirl($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$12();
+	var fragment = root$13();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -20892,7 +20893,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$12();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -20911,9 +20912,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$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$105.experimental && !_experimentalWarnedOnce) {
@@ -21077,7 +21078,7 @@ function VHS($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$11();
+	var fragment = root$12();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -21090,7 +21091,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$11();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -21109,9 +21110,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$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$106.experimental && !_experimentalWarnedOnce) {
@@ -21275,7 +21276,7 @@ function Vesica($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$10();
+	var fragment = root$11();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -21288,7 +21289,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$10();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -21307,9 +21308,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$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$107.experimental && !_experimentalWarnedOnce) {
@@ -21473,7 +21474,7 @@ function Vibrance($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$9();
+	var fragment = root$10();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -21486,7 +21487,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$9();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -21505,9 +21506,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$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$108.experimental && !_experimentalWarnedOnce) {
@@ -21671,7 +21672,7 @@ function VideoTexture($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$8();
+	var fragment = root$9();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -21684,7 +21685,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$8();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -21703,9 +21704,9 @@ 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) {
+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$109.experimental && !_experimentalWarnedOnce) {
@@ -21869,7 +21870,7 @@ function Vignette($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$7();
+	var fragment = root$8();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -21882,7 +21883,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$7();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -21901,9 +21902,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$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$110.experimental && !_experimentalWarnedOnce) {
@@ -22067,7 +22068,7 @@ function Voronoi($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$6();
+	var fragment = root$7();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -22080,7 +22081,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$6();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -22099,9 +22100,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$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$111.experimental && !_experimentalWarnedOnce) {
@@ -22265,7 +22266,7 @@ function WaveDistortion($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$5();
+	var fragment = root$6();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -22278,7 +22279,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$5();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -22297,9 +22298,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$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$112.experimental && !_experimentalWarnedOnce) {
@@ -22463,7 +22464,7 @@ function Weave($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$4();
+	var fragment = root$5();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -22476,7 +22477,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$4();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -22495,9 +22496,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$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$113.experimental && !_experimentalWarnedOnce) {
@@ -22661,7 +22662,7 @@ function WebcamTexture($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$3();
+	var fragment = root$4();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -22674,7 +22675,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$3();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -22693,9 +22694,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$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$114.experimental && !_experimentalWarnedOnce) {
@@ -22859,7 +22860,7 @@ function WorleyNoise($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var fragment = root$2();
+	var fragment = root$3();
 	var span = $.first_child(fragment);
 	var node_1 = $.child(span);
 	var consequent = ($$anchor$1) => {
@@ -22872,7 +22873,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$2();
 		var node_3 = $.child(canvas);
 		children?.(node_3);
 		$.reset(canvas);
@@ -22891,9 +22892,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$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$115.experimental && !_experimentalWarnedOnce) {
@@ -23057,6 +23058,204 @@ function ZoomBlur($$anchor, $$props) {
 		$.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$116.experimental && !_experimentalWarnedOnce) {
+		_experimentalWarnedOnce = true;
+		const _e = componentDefinition$116.experimental;
+		console.info(`%c⚠ [Shaders] ${componentDefinition$116.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$116.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$116.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$116, $.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$116.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$116 && typeof componentDefinition$116.fragmentNode === "function") {
+			parentRegister(instanceId, componentDefinition$116.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$116, 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$116,
+			fragmentNode: componentDefinition$116?.fragmentNode,
+			type: typeof componentDefinition$116?.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);
@@ -23132,7 +23331,7 @@ function Shader($$anchor, $$props) {
 		const checkRendering = () => {
 			if (!rendererInstance) return;
 			if (rendererInstance.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(rendererInstance, "2.5.122", disableTelemetry(), isPreview());
+				telemetryCollector = startTelemetry(rendererInstance, "2.5.123", disableTelemetry(), isPreview());
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);
@@ -23392,6 +23591,7 @@ function Preview($$anchor, $$props) {
 		ProgressiveBlur,
 		RadialGradient,
 		RectangularCoordinates,
+		ReflectivePlane,
 		Ring,
 		Ripples,
 		RoundedRect,
@@ -23691,4 +23891,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, 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, 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 };