diff --git a/astro.config.ts b/astro.config.ts
index a9fb296f..861483e4 100644
--- a/astro.config.ts
+++ b/astro.config.ts
@@ -70,7 +70,7 @@ export default defineConfig({
 			/* start remark plugins here */
 			[behead, { depth: 1 }],
 			[
-				remarkEmbedder as never,
+				remarkEmbedder,
 				{
 					transformers: [oembedTransformer, TwitchTransformer],
 				} as RemarkEmbedderOptions,
diff --git a/build-scripts/generate-epubs.ts b/build-scripts/generate-epubs.ts
index a474b3a3..5c464e7d 100644
--- a/build-scripts/generate-epubs.ts
+++ b/build-scripts/generate-epubs.ts
@@ -40,7 +40,7 @@ async function generateEpubHTML(slug: string, content: string) {
 			createRehypePlugins({
 				format: "epub",
 				path: resolve(process.cwd(), `content/blog/${slug}/`),
-			})
+			}),
 		)
 		// Voids: [] is required for epub generation, and causes little/no harm for non-epub usage
 		.use(rehypeStringify, { allowDangerousHtml: true, voids: [] });
@@ -55,7 +55,7 @@ type EpubOptions = ConstructorParameters<typeof EPub>[0];
 async function generateCollectionEPub(
 	collection: RawCollectionInfo & Pick<CollectionInfo, "coverImgMeta">,
 	collectionPosts: ExtendedPostInfo[],
-	fileLocation: string
+	fileLocation: string,
 ) {
 	const authors = collection.authors.map((id) => {
 		return unicorns.find((u) => u.id === id).name;
@@ -115,10 +115,10 @@ async function generateCollectionEPub(
 				collectionPosts.map(async (post) => ({
 					title: post.title,
 					data: await generateEpubHTML(post.slug, post.contentMeta),
-				}))
+				})),
 			),
 		} as Partial<EpubOptions> as EpubOptions,
-		fileLocation
+		fileLocation,
 	);
 
 	await epub.render();
@@ -128,12 +128,12 @@ const posts = [...getAllExtendedPosts("en")];
 
 for (const collection of collections) {
 	const collectionPosts = posts.filter(
-		(post) => post.collection === collection.slug
+		(post) => post.collection === collection.slug,
 	);
 
 	generateCollectionEPub(
 		collection,
 		collectionPosts,
-		resolve(process.cwd(), `public/${collection.slug}.epub`)
+		resolve(process.cwd(), `public/${collection.slug}.epub`),
 	);
 }
diff --git a/build-scripts/search-index.ts b/build-scripts/search-index.ts
index 29c31a02..ca0b35ea 100644
--- a/build-scripts/search-index.ts
+++ b/build-scripts/search-index.ts
@@ -38,7 +38,7 @@ const createPostIndex = () => {
 			{ name: "description", weight: 1.2 },
 			{ name: "excerpt", weight: 1.2 },
 		],
-		posts
+		posts,
 	).toJSON();
 };
 
@@ -74,7 +74,7 @@ const createCollectionIndex = () => {
 				weight: 1.2,
 			},
 		],
-		collections
+		collections,
 	).toJSON();
 };
 
diff --git a/build-scripts/social-previews/index.ts b/build-scripts/social-previews/index.ts
index 7ebe5d92..112faed9 100644
--- a/build-scripts/social-previews/index.ts
+++ b/build-scripts/social-previews/index.ts
@@ -71,7 +71,7 @@ const page = await context.newPage();
 async function renderPostImage(
 	layout: Layout,
 	post: ExtendedPostInfo,
-	path: string
+	path: string,
 ) {
 	const label = `${post.slug} (${layout.name})`;
 	console.time(label);
@@ -97,7 +97,7 @@ for (const post of getAllExtendedPosts("en")) {
 		await renderPostImage(
 			twitterPreview,
 			post,
-			resolve(outDir, `.${post.socialImg}`)
+			resolve(outDir, `.${post.socialImg}`),
 		);
 	}
 }
diff --git a/build-scripts/social-previews/layouts/banner.tsx b/build-scripts/social-previews/layouts/banner.tsx
index add1bfda..4470c352 100644
--- a/build-scripts/social-previews/layouts/banner.tsx
+++ b/build-scripts/social-previews/layouts/banner.tsx
@@ -1,18 +1,20 @@
-import * as React from 'preact';
-import { readFileAsBase64 } from '../utils';
-import { ComponentProps, Layout } from '../base';
-import style from './banner-css';
-import classnames from 'classnames';
+import * as React from "preact";
+import { readFileAsBase64 } from "../utils";
+import { ComponentProps, Layout } from "../base";
+import style from "./banner-css";
+import classnames from "classnames";
 
 const tagStickers: Record<string, string> = {
-	"default": readFileAsBase64("public/stickers/role_devops.png"),
+	default: readFileAsBase64("public/stickers/role_devops.png"),
 	"html,webdev": readFileAsBase64("public/stickers/html.png"),
-	"vue": readFileAsBase64("public/stickers/vue.png"),
+	vue: readFileAsBase64("public/stickers/vue.png"),
 	"documentation,opinion": readFileAsBase64("public/stickers/role_author.png"),
-	'computer science,bash,javascript': readFileAsBase64("public/stickers/role_developer.png"),
-	"design": readFileAsBase64("public/stickers/role_designer.png"),
-	"rust": readFileAsBase64("public/stickers/ferris.png"),
-	"git": readFileAsBase64("public/stickers/git.png"),
+	"computer science,bash,javascript": readFileAsBase64(
+		"public/stickers/role_developer.png",
+	),
+	design: readFileAsBase64("public/stickers/role_designer.png"),
+	rust: readFileAsBase64("public/stickers/ferris.png"),
+	git: readFileAsBase64("public/stickers/git.png"),
 };
 
 function BannerCodeScreen({
@@ -20,16 +22,18 @@ function BannerCodeScreen({
 	postHtml,
 	blur,
 }: {
-	post: ComponentProps['post'],
-	postHtml: string,
-	blur?: boolean,
+	post: ComponentProps["post"];
+	postHtml: string;
+	blur?: boolean;
 }) {
 	const rotX = (post.description.length % 20) - 10;
-	const rotY = ((post.title.length * 3) % 20);
+	const rotY = (post.title.length * 3) % 20;
 
 	let tagImg = tagStickers["default"];
 	for (const tag of post.tags) {
-		const key = Object.keys(tagStickers).find(k => k.split(",").includes(tag));
+		const key = Object.keys(tagStickers).find((k) =>
+			k.split(",").includes(tag),
+		);
 		if (key) {
 			tagImg = tagStickers[key];
 			break;
@@ -38,38 +42,45 @@ function BannerCodeScreen({
 
 	const theme = post.title.length % 3;
 
-	return <>
-		<div class={classnames("absoluteFill", "codeScreenBg", blur && "blur", "theme-" + theme)} style={`--rotX: ${rotX}deg; --rotY: ${rotY}deg; --left: ${rotY}%;`}>
-			<div class="codeScreen">
-				<pre dangerouslySetInnerHTML={{ __html: postHtml }} />
-				<div class="tags">
-					{
-						post.tags.map((tag) => (
+	return (
+		<>
+			<div
+				class={classnames(
+					"absoluteFill",
+					"codeScreenBg",
+					blur && "blur",
+					"theme-" + theme,
+				)}
+				style={`--rotX: ${rotX}deg; --rotY: ${rotY}deg; --left: ${rotY}%;`}
+			>
+				<div class="codeScreen">
+					<pre dangerouslySetInnerHTML={{ __html: postHtml }} />
+					<div class="tags">
+						{post.tags.map((tag) => (
 							<span key={tag}>{tag}</span>
-						))
-					}
+						))}
+					</div>
+				</div>
+				<div class="rect" style="--z: 60px; --x: -80px; --y: -150px;">
+					<img src={tagImg} />
 				</div>
 			</div>
-			<div class="rect" style="--z: 60px; --x: -80px; --y: -150px;">
-				<img src={tagImg} />
-			</div>
-		</div>
-	</>;
+		</>
+	);
 }
 
-function Banner({
-	post,
-	postHtml,
-}: ComponentProps) {
-	return <>
-		<BannerCodeScreen post={post} postHtml={postHtml} />
-		<div
-			className="absoluteFill codeScreenOverlay"
-			style={{
-				zIndex: -1,
-			}}
-		/>
-	</>;
+function Banner({ post, postHtml }: ComponentProps) {
+	return (
+		<>
+			<BannerCodeScreen post={post} postHtml={postHtml} />
+			<div
+				className="absoluteFill codeScreenOverlay"
+				style={{
+					zIndex: -1,
+				}}
+			/>
+		</>
+	);
 }
 
 export default {
diff --git a/build-scripts/social-previews/layouts/twitter-preview.test.tsx b/build-scripts/social-previews/layouts/twitter-preview.test.tsx
index 37e09c0f..da08b19b 100644
--- a/build-scripts/social-previews/layouts/twitter-preview.test.tsx
+++ b/build-scripts/social-previews/layouts/twitter-preview.test.tsx
@@ -1,54 +1,54 @@
-import * as React from 'preact';
+import * as React from "preact";
 import { render } from "@testing-library/preact";
 import { MockPost } from "__mocks__/data/mock-post";
 import TwitterLargeCard, { splitSentence } from "./twitter-preview";
 
 test("Social previews splitSentence", () => {
-  // doesn't split at start/end of short titles
-  expect(splitSentence("Topic: Topic")).toStrictEqual(["Topic: Topic", ""]);
+	// doesn't split at start/end of short titles
+	expect(splitSentence("Topic: Topic")).toStrictEqual(["Topic: Topic", ""]);
 
-  // splits by colon (including the colon char)
-  expect(splitSentence("A Topic: an Attribute")).toStrictEqual([
-    "A Topic",
-    ": an Attribute",
-  ]);
+	// splits by colon (including the colon char)
+	expect(splitSentence("A Topic: an Attribute")).toStrictEqual([
+		"A Topic",
+		": an Attribute",
+	]);
 
-  // splits by commas
-  expect(
-    splitSentence("An Attribute of Topic, Topic, and Topic")
-  ).toStrictEqual(["An Attribute of ", "Topic, Topic, and Topic"]);
+	// splits by commas
+	expect(
+		splitSentence("An Attribute of Topic, Topic, and Topic"),
+	).toStrictEqual(["An Attribute of ", "Topic, Topic, and Topic"]);
 
-  // splits by apostrophe
-  expect(splitSentence("A Topic's Attribute")).toStrictEqual([
-    "A Topic's",
-    " Attribute",
-  ]);
+	// splits by apostrophe
+	expect(splitSentence("A Topic's Attribute")).toStrictEqual([
+		"A Topic's",
+		" Attribute",
+	]);
 
-  // splits by apostrophe (plural)
-  expect(splitSentence("Some Topics' Attributes")).toStrictEqual([
-    "Some Topics'",
-    " Attributes",
-  ]);
+	// splits by apostrophe (plural)
+	expect(splitSentence("Some Topics' Attributes")).toStrictEqual([
+		"Some Topics'",
+		" Attributes",
+	]);
 
-  // splits by lowercase words
-  expect(splitSentence("An Attribute in a Topic")).toStrictEqual([
-    "An Attribute in ",
-    "a Topic",
-  ]);
+	// splits by lowercase words
+	expect(splitSentence("An Attribute in a Topic")).toStrictEqual([
+		"An Attribute in ",
+		"a Topic",
+	]);
 });
 
 test("Social preview renders", async () => {
-  const post = MockPost;
-  const { baseElement, findByText } = render(
-    <TwitterLargeCard.Component
-      post={post}
-      postHtml="<code>test();</code>"
-      width={1280}
-      height={640}
-      authorImageMap={{ [post.authors[0]]: "test.jpg" }}
-    />
-  );
+	const post = MockPost;
+	const { baseElement, findByText } = render(
+		<TwitterLargeCard.Component
+			post={post}
+			postHtml="<code>test();</code>"
+			width={1280}
+			height={640}
+			authorImageMap={{ [post.authors[0]]: "test.jpg" }}
+		/>,
+	);
 
-  expect(baseElement).toBeInTheDocument();
-  expect(await findByText(post.title)).toBeInTheDocument();
+	expect(baseElement).toBeInTheDocument();
+	expect(await findByText(post.title)).toBeInTheDocument();
 });
diff --git a/build-scripts/social-previews/layouts/twitter-preview.tsx b/build-scripts/social-previews/layouts/twitter-preview.tsx
index b3ed20fa..f5c0aab5 100644
--- a/build-scripts/social-previews/layouts/twitter-preview.tsx
+++ b/build-scripts/social-previews/layouts/twitter-preview.tsx
@@ -1,130 +1,134 @@
-import * as React from 'preact';
-import { readFileAsBase64 } from '../utils';
-import { ComponentProps, Layout } from '../base';
-import style from './twitter-preview-css';
+import * as React from "preact";
+import { readFileAsBase64 } from "../utils";
+import { ComponentProps, Layout } from "../base";
+import style from "./twitter-preview-css";
 
 export function splitSentence(str: string): [string, string] {
-  const splitStr = str.split(" ");
-  const splitBy = (
-    regex: RegExp,
-    matchLast: boolean = true
-  ): [string, string] | null => {
-    const matches = splitStr.map((word, i) => ({ reg: regex.exec(word), i }));
-    const match = (matchLast ? matches.reverse() : matches)
-      .slice(1, -1)
-      .find(({ reg }) => !!reg);
+	const splitStr = str.split(" ");
+	const splitBy = (
+		regex: RegExp,
+		matchLast: boolean = true,
+	): [string, string] | null => {
+		const matches = splitStr.map((word, i) => ({ reg: regex.exec(word), i }));
+		const match = (matchLast ? matches.reverse() : matches)
+			.slice(1, -1)
+			.find(({ reg }) => !!reg);
 
-    // if match is not found, fail
-    if (!match || !match.reg) return null;
+		// if match is not found, fail
+		if (!match || !match.reg) return null;
 
-    const firstHalf = [
-      ...splitStr.slice(0, match.i),
-      match.reg.input.substring(0, match.reg.index),
-    ].join(" ");
-    const secondHalf = [match.reg[0], ...splitStr.slice(match.i + 1)].join(" ");
-    return [firstHalf, secondHalf];
-  };
+		const firstHalf = [
+			...splitStr.slice(0, match.i),
+			match.reg.input.substring(0, match.reg.index),
+		].join(" ");
+		const secondHalf = [match.reg[0], ...splitStr.slice(match.i + 1)].join(" ");
+		return [firstHalf, secondHalf];
+	};
 
-  let ret;
-  // try to split by "Topic[: Attribute]" or "Topic [- Attribute]" (hyphens/colons)
-  if ((ret = splitBy(/(?<=^\w+):$|^[-—]$/))) return ret;
-  // try to split by "Attribute in [Topic, Topic, and Topic]" (commas)
-  if ((ret = splitBy(/^\w+,$/, false))) return ret;
-  // try to split by "Topic['s Attribute]" (apostrophe)
-  if ((ret = splitBy(/(?<=^\w+\'s?)$/))) return ret;
-  // try to split by "Attribute [in Topic]" (lowercase words)
-  if ((ret = splitBy(/^[a-z][A-Za-z]*$/))) return ret;
-  // otherwise, don't split the string
-  return [str, ""];
+	let ret;
+	// try to split by "Topic[: Attribute]" or "Topic [- Attribute]" (hyphens/colons)
+	if ((ret = splitBy(/(?<=^\w+):$|^[-—]$/))) return ret;
+	// try to split by "Attribute in [Topic, Topic, and Topic]" (commas)
+	if ((ret = splitBy(/^\w+,$/, false))) return ret;
+	// try to split by "Topic['s Attribute]" (apostrophe)
+	if ((ret = splitBy(/(?<=^\w+\'s?)$/))) return ret;
+	// try to split by "Attribute [in Topic]" (lowercase words)
+	if ((ret = splitBy(/^[a-z][A-Za-z]*$/))) return ret;
+	// otherwise, don't split the string
+	return [str, ""];
 }
 
-const unicornUtterancesHead = readFileAsBase64("src/assets/unicorn_head_1024.png");
+const unicornUtterancesHead = readFileAsBase64(
+	"src/assets/unicorn_head_1024.png",
+);
 
 interface TwitterCodeScreenProps {
-  title: string;
-  html: string;
-  blur: boolean;
+	title: string;
+	html: string;
+	blur: boolean;
 }
 
 const TwitterCodeScreen = ({ title, html, blur }: TwitterCodeScreenProps) => {
-  const rotations = [
-    "rotateX(-17deg) rotateY(32deg) rotateZ(-3deg) translate(16%, 0%)",
-    "rotateX(5deg) rotateY(35deg) rotateZ(345deg) translate(18%, 0)",
-    "rotateX(15deg) rotateY(25deg) rotateZ(12deg) translate(3%, -15%)",
-  ];
+	const rotations = [
+		"rotateX(-17deg) rotateY(32deg) rotateZ(-3deg) translate(16%, 0%)",
+		"rotateX(5deg) rotateY(35deg) rotateZ(345deg) translate(18%, 0)",
+		"rotateX(15deg) rotateY(25deg) rotateZ(12deg) translate(3%, -15%)",
+	];
 
-  // use second char of title as "deterministic" random value
-  const transform = rotations[title.charCodeAt(1) % rotations.length];
+	// use second char of title as "deterministic" random value
+	const transform = rotations[title.charCodeAt(1) % rotations.length];
 
-  return (
-    <div className={`absoluteFill codeScreenBg ${blur ? "blur" : ""}`}>
-      <div
-        className="absoluteFill codeScreen"
-        style={`transform: ${transform};`}
-      >
-        <div className="absoluteFill">
-          <pre dangerouslySetInnerHTML={{ __html: html }} />
-        </div>
-      </div>
-    </div>
-  );
+	return (
+		<div className={`absoluteFill codeScreenBg ${blur ? "blur" : ""}`}>
+			<div
+				className="absoluteFill codeScreen"
+				style={`transform: ${transform};`}
+			>
+				<div className="absoluteFill">
+					<pre dangerouslySetInnerHTML={{ __html: html }} />
+				</div>
+			</div>
+		</div>
+	);
 };
 const TwitterLargeCard = ({
-  post,
-  postHtml,
-  width,
-  authorImageMap,
+	post,
+	postHtml,
+	width,
+	authorImageMap,
 }: ComponentProps) => {
-  const title = post.title;
-  const [firstHalfTitle, secondHalfTitle] = splitSentence(title);
+	const title = post.title;
+	const [firstHalfTitle, secondHalfTitle] = splitSentence(title);
 
-  return <>
-    <TwitterCodeScreen title={post.title} html={postHtml} blur={true} />
-    <TwitterCodeScreen title={post.title} html={postHtml} blur={false} />
-    <div className="absoluteFill codeScreenOverlay" />
-    <div className="absoluteFill centerAll">
-      <h1
-        style={{
-          maxWidth: "90%",
-          textAlign: "center",
-          fontSize: `clamp(300%, 4.5rem, ${
-            Math.round(width / title.length) * 3
-          }px)`,
-        }}
-      >
-        {firstHalfTitle}
-        <span className="secondHalfTitle">{secondHalfTitle}</span>
-      </h1>
-    </div>
-    <div
-      className="absoluteFill backgroundColor"
-      style={{
-        zIndex: -1,
-      }}
-    />
-    <div className="bottomContainer">
-      <div className="bottomImagesContainer centerAll">
-        {post.authors.map((author) => (
-          <img
-            key={author}
-            src={authorImageMap[author]}
-            alt=""
-            className="bottomProfImg"
-            height={80}
-            width={80}
-          />
-        ))}
-      </div>
-      <div className="bottomImagesContainer centerAll">
-        <p>unicorn-utterances.com</p>
-        <img src={unicornUtterancesHead} alt="" height={80} width={80} />
-      </div>
-    </div>
-  </>;
+	return (
+		<>
+			<TwitterCodeScreen title={post.title} html={postHtml} blur={true} />
+			<TwitterCodeScreen title={post.title} html={postHtml} blur={false} />
+			<div className="absoluteFill codeScreenOverlay" />
+			<div className="absoluteFill centerAll">
+				<h1
+					style={{
+						maxWidth: "90%",
+						textAlign: "center",
+						fontSize: `clamp(300%, 4.5rem, ${
+							Math.round(width / title.length) * 3
+						}px)`,
+					}}
+				>
+					{firstHalfTitle}
+					<span className="secondHalfTitle">{secondHalfTitle}</span>
+				</h1>
+			</div>
+			<div
+				className="absoluteFill backgroundColor"
+				style={{
+					zIndex: -1,
+				}}
+			/>
+			<div className="bottomContainer">
+				<div className="bottomImagesContainer centerAll">
+					{post.authors.map((author) => (
+						<img
+							key={author}
+							src={authorImageMap[author]}
+							alt=""
+							className="bottomProfImg"
+							height={80}
+							width={80}
+						/>
+					))}
+				</div>
+				<div className="bottomImagesContainer centerAll">
+					<p>unicorn-utterances.com</p>
+					<img src={unicornUtterancesHead} alt="" height={80} width={80} />
+				</div>
+			</div>
+		</>
+	);
 };
 
 export default {
-  name: "twitter-preview",
-  css: style,
-  Component: TwitterLargeCard,
+	name: "twitter-preview",
+	css: style,
+	Component: TwitterLargeCard,
 } as Layout;
diff --git a/content/data/i18n/es.json b/content/data/i18n/es.json
index a5f84175..3b50aaed 100644
--- a/content/data/i18n/es.json
+++ b/content/data/i18n/es.json
@@ -4,4 +4,4 @@
 	"title.where_to_find_us": "Dónde encontrarnos",
 	"title.sponsors": "Patrocinadores",
 	"desc.about_us": "Acerca de Unicorn Utterances - quiénes somos, cuáles son nuestros objetivos, y cómo queremos ayudar a que otros aprendan"
-}
\ No newline at end of file
+}
diff --git a/content/data/i18n/fr.json b/content/data/i18n/fr.json
index 455a3f24..3c637d3c 100644
--- a/content/data/i18n/fr.json
+++ b/content/data/i18n/fr.json
@@ -4,4 +4,4 @@
 	"title.where_to_find_us": "Où Nous Trouver",
 	"title.sponsors": "Partenaires",
 	"desc.about_us": "À propos de Unicorn Utterances - qui nous sommes, quels sont nos buts, et comment nous voulons aidez les gens à apprendre"
-}
\ No newline at end of file
+}
diff --git a/content/data/i18n/pt.json b/content/data/i18n/pt.json
index 01f90dcd..01b6dea9 100644
--- a/content/data/i18n/pt.json
+++ b/content/data/i18n/pt.json
@@ -4,4 +4,4 @@
 	"title.where_to_find_us": "Onde nos podes encontrar?",
 	"title.sponsors": "Patrocinadores",
 	"desc.about_us": "Sobre Unicorn Utterances - quem somos nós, quais são os nossos objetivos e como queremos ajudar no processo de aprendizagem dos outros"
-}
\ No newline at end of file
+}
diff --git a/package-lock.json b/package-lock.json
index 1b868765..e707bf8f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,18 +30,18 @@
 				"@testing-library/preact": "^3.2.3",
 				"@types/jest": "^29.5.2",
 				"@types/json5": "^2.2.0",
-				"@types/node": "^20.4.4",
+				"@types/node": "^20.4.5",
 				"@types/uuid": "^9.0.2",
-				"@typescript-eslint/eslint-plugin": "^6.1.0",
-				"@typescript-eslint/parser": "^6.1.0",
+				"@typescript-eslint/eslint-plugin": "^6.2.0",
+				"@typescript-eslint/parser": "^6.2.0",
 				"@vercel/node": "^2.15.6",
-				"astro": "^2.9.2",
+				"astro": "^2.9.3",
 				"astro-icon": "^0.8.1",
 				"autoprefixer": "^10.4.14",
 				"classnames": "^2.3.2",
 				"dayjs": "^1.11.9",
 				"env-cmd": "^10.1.0",
-				"esbuild": "^0.18.16",
+				"esbuild": "^0.18.17",
 				"esbuild-jest": "^0.5.0",
 				"eslint": "^8.44.0",
 				"eslint-plugin-astro": "^0.27.1",
@@ -64,7 +64,7 @@
 				"lint-staged": "^13.2.3",
 				"npm-run-all": "^4.1.5",
 				"plausible-tracker": "^0.3.8",
-				"playwright": "^1.36.1",
+				"playwright": "^1.36.2",
 				"postcss": "^8.4.27",
 				"postcss-csso": "^6.0.1",
 				"preact-render-to-string": "^6.1.0",
@@ -90,7 +90,7 @@
 				"unist-util-is": "^6.0.0",
 				"unist-util-replace-all-between": "^0.1.1",
 				"unist-util-visit": "^5.0.0",
-				"vercel": "^31.0.4",
+				"vercel": "^31.1.1",
 				"vite-plugin-svgr": "^3.2.0"
 			}
 		},
@@ -412,6 +412,321 @@
 				"astro": "^2.9.1"
 			}
 		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/android-arm": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
+			"integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==",
+			"cpu": [
+				"arm"
+			],
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/android-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz",
+			"integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/android-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz",
+			"integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/darwin-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz",
+			"integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/darwin-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz",
+			"integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz",
+			"integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/freebsd-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz",
+			"integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/linux-arm": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz",
+			"integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==",
+			"cpu": [
+				"arm"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/linux-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz",
+			"integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/linux-ia32": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz",
+			"integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==",
+			"cpu": [
+				"ia32"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/linux-loong64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz",
+			"integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==",
+			"cpu": [
+				"loong64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/linux-mips64el": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz",
+			"integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==",
+			"cpu": [
+				"mips64el"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/linux-ppc64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz",
+			"integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==",
+			"cpu": [
+				"ppc64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/linux-riscv64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz",
+			"integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==",
+			"cpu": [
+				"riscv64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/linux-s390x": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz",
+			"integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==",
+			"cpu": [
+				"s390x"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/linux-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz",
+			"integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/netbsd-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz",
+			"integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/openbsd-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz",
+			"integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/sunos-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz",
+			"integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/win32-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz",
+			"integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@astrojs/vercel/node_modules/@esbuild/win32-ia32": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz",
+			"integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==",
+			"cpu": [
+				"ia32"
+			],
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/@astrojs/vercel/node_modules/@esbuild/win32-x64": {
 			"version": "0.17.19",
 			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
@@ -2342,6 +2657,342 @@
 				"source-map-support": "^0.5.21"
 			}
 		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/android-arm": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
+			"integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/android-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz",
+			"integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/android-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz",
+			"integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/darwin-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz",
+			"integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/darwin-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz",
+			"integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz",
+			"integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/freebsd-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz",
+			"integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-arm": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz",
+			"integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz",
+			"integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-ia32": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz",
+			"integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-loong64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz",
+			"integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==",
+			"cpu": [
+				"loong64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-mips64el": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz",
+			"integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==",
+			"cpu": [
+				"mips64el"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-ppc64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz",
+			"integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-riscv64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz",
+			"integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-s390x": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz",
+			"integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz",
+			"integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/netbsd-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz",
+			"integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/openbsd-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz",
+			"integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/sunos-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz",
+			"integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/win32-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz",
+			"integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/win32-ia32": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz",
+			"integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/win32-x64": {
 			"version": "0.17.19",
 			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
@@ -2424,10 +3075,325 @@
 				"get-tsconfig": "^4.4.0"
 			}
 		},
+		"node_modules/@esbuild/android-arm": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.17.tgz",
+			"integrity": "sha512-wHsmJG/dnL3OkpAcwbgoBTTMHVi4Uyou3F5mf58ZtmUyIKfcdA7TROav/6tCzET4A3QW2Q2FC+eFneMU+iyOxg==",
+			"cpu": [
+				"arm"
+			],
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/android-arm64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.17.tgz",
+			"integrity": "sha512-9np+YYdNDed5+Jgr1TdWBsozZ85U1Oa3xW0c7TWqH0y2aGghXtZsuT8nYRbzOMcl0bXZXjOGbksoTtVOlWrRZg==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/android-x64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.17.tgz",
+			"integrity": "sha512-O+FeWB/+xya0aLg23hHEM2E3hbfwZzjqumKMSIqcHbNvDa+dza2D0yLuymRBQQnC34CWrsJUXyH2MG5VnLd6uw==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/darwin-arm64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.17.tgz",
+			"integrity": "sha512-M9uJ9VSB1oli2BE/dJs3zVr9kcCBBsE883prage1NWz6pBS++1oNn/7soPNS3+1DGj0FrkSvnED4Bmlu1VAE9g==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/darwin-x64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.17.tgz",
+			"integrity": "sha512-XDre+J5YeIJDMfp3n0279DFNrGCXlxOuGsWIkRb1NThMZ0BsrWXoTg23Jer7fEXQ9Ye5QjrvXpxnhzl3bHtk0g==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.17.tgz",
+			"integrity": "sha512-cjTzGa3QlNfERa0+ptykyxs5A6FEUQQF0MuilYXYBGdBxD3vxJcKnzDlhDCa1VAJCmAxed6mYhA2KaJIbtiNuQ==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/freebsd-x64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.17.tgz",
+			"integrity": "sha512-sOxEvR8d7V7Kw8QqzxWc7bFfnWnGdaFBut1dRUYtu+EIRXefBc/eIsiUiShnW0hM3FmQ5Zf27suDuHsKgZ5QrA==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-arm": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.17.tgz",
+			"integrity": "sha512-2d3Lw6wkwgSLC2fIvXKoMNGVaeY8qdN0IC3rfuVxJp89CRfA3e3VqWifGDfuakPmp90+ZirmTfye1n4ncjv2lg==",
+			"cpu": [
+				"arm"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-arm64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.17.tgz",
+			"integrity": "sha512-c9w3tE7qA3CYWjT+M3BMbwMt+0JYOp3vCMKgVBrCl1nwjAlOMYzEo+gG7QaZ9AtqZFj5MbUc885wuBBmu6aADQ==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-ia32": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.17.tgz",
+			"integrity": "sha512-1DS9F966pn5pPnqXYz16dQqWIB0dmDfAQZd6jSSpiT9eX1NzKh07J6VKR3AoXXXEk6CqZMojiVDSZi1SlmKVdg==",
+			"cpu": [
+				"ia32"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-loong64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.17.tgz",
+			"integrity": "sha512-EvLsxCk6ZF0fpCB6w6eOI2Fc8KW5N6sHlIovNe8uOFObL2O+Mr0bflPHyHwLT6rwMg9r77WOAWb2FqCQrVnwFg==",
+			"cpu": [
+				"loong64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-mips64el": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.17.tgz",
+			"integrity": "sha512-e0bIdHA5p6l+lwqTE36NAW5hHtw2tNRmHlGBygZC14QObsA3bD4C6sXLJjvnDIjSKhW1/0S3eDy+QmX/uZWEYQ==",
+			"cpu": [
+				"mips64el"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-ppc64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.17.tgz",
+			"integrity": "sha512-BAAilJ0M5O2uMxHYGjFKn4nJKF6fNCdP1E0o5t5fvMYYzeIqy2JdAP88Az5LHt9qBoUa4tDaRpfWt21ep5/WqQ==",
+			"cpu": [
+				"ppc64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-riscv64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.17.tgz",
+			"integrity": "sha512-Wh/HW2MPnC3b8BqRSIme/9Zhab36PPH+3zam5pqGRH4pE+4xTrVLx2+XdGp6fVS3L2x+DrsIcsbMleex8fbE6g==",
+			"cpu": [
+				"riscv64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-s390x": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.17.tgz",
+			"integrity": "sha512-j/34jAl3ul3PNcK3pfI0NSlBANduT2UO5kZ7FCaK33XFv3chDhICLY8wJJWIhiQ+YNdQ9dxqQctRg2bvrMlYgg==",
+			"cpu": [
+				"s390x"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-x64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.17.tgz",
+			"integrity": "sha512-QM50vJ/y+8I60qEmFxMoxIx4de03pGo2HwxdBeFd4nMh364X6TIBZ6VQ5UQmPbQWUVWHWws5MmJXlHAXvJEmpQ==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/netbsd-x64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.17.tgz",
+			"integrity": "sha512-/jGlhWR7Sj9JPZHzXyyMZ1RFMkNPjC6QIAan0sDOtIo2TYk3tZn5UDrkE0XgsTQCxWTTOcMPf9p6Rh2hXtl5TQ==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/openbsd-x64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.17.tgz",
+			"integrity": "sha512-rSEeYaGgyGGf4qZM2NonMhMOP/5EHp4u9ehFiBrg7stH6BYEEjlkVREuDEcQ0LfIl53OXLxNbfuIj7mr5m29TA==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/sunos-x64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.17.tgz",
+			"integrity": "sha512-Y7ZBbkLqlSgn4+zot4KUNYst0bFoO68tRgI6mY2FIM+b7ZbyNVtNbDP5y8qlu4/knZZ73fgJDlXID+ohY5zt5g==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/win32-arm64": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.17.tgz",
+			"integrity": "sha512-bwPmTJsEQcbZk26oYpc4c/8PvTY3J5/QK8jM19DVlEsAB41M39aWovWoHtNm78sd6ip6prilxeHosPADXtEJFw==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/win32-ia32": {
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.17.tgz",
+			"integrity": "sha512-H/XaPtPKli2MhW+3CQueo6Ni3Avggi6hP/YvgkEe1aSaxw+AeO8MFjq8DlgfTd9Iz4Yih3QCZI6YLMoyccnPRg==",
+			"cpu": [
+				"ia32"
+			],
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/@esbuild/win32-x64": {
-			"version": "0.18.16",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.16.tgz",
-			"integrity": "sha512-sCIVrrtcWN5Ua7jYXNG1xD199IalrbfV2+0k/2Zf2OyV2FtnQnMgdzgpRAbi4AWlKJj1jkX+M+fEGPQj6BQB4w==",
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.17.tgz",
+			"integrity": "sha512-fGEb8f2BSA3CW7riJVurug65ACLuQAzKq0SSqkY2b2yHHH0MzDfbLyKIGzHwOI/gkHcxM/leuSW6D5w/LMNitA==",
 			"cpu": [
 				"x64"
 			],
@@ -6249,6 +7215,342 @@
 				}
 			}
 		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/android-arm": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.6.tgz",
+			"integrity": "sha512-bSC9YVUjADDy1gae8RrioINU6e1lCkg3VGVwm0QQ2E1CWcC4gnMce9+B6RpxuSsrsXsk1yojn7sp1fnG8erE2g==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/android-arm64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.6.tgz",
+			"integrity": "sha512-YnYSCceN/dUzUr5kdtUzB+wZprCafuD89Hs0Aqv9QSdwhYQybhXTaSTcrl6X/aWThn1a/j0eEpUBGOE7269REg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/android-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.6.tgz",
+			"integrity": "sha512-MVcYcgSO7pfu/x34uX9u2QIZHmXAB7dEiLQC5bBl5Ryqtpj9lT2sg3gNDEsrPEmimSJW2FXIaxqSQ501YLDsZQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/darwin-arm64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.6.tgz",
+			"integrity": "sha512-bsDRvlbKMQMt6Wl08nHtFz++yoZHsyTOxnjfB2Q95gato+Yi4WnRl13oC2/PJJA9yLCoRv9gqT/EYX0/zDsyMA==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/darwin-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.6.tgz",
+			"integrity": "sha512-xh2A5oPrYRfMFz74QXIQTQo8uA+hYzGWJFoeTE8EvoZGHb+idyV4ATaukaUvnnxJiauhs/fPx3vYhU4wiGfosg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.6.tgz",
+			"integrity": "sha512-EnUwjRc1inT4ccZh4pB3v1cIhohE2S4YXlt1OvI7sw/+pD+dIE4smwekZlEPIwY6PhU6oDWwITrQQm5S2/iZgg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/freebsd-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.6.tgz",
+			"integrity": "sha512-Uh3HLWGzH6FwpviUcLMKPCbZUAFzv67Wj5MTwK6jn89b576SR2IbEp+tqUHTr8DIl0iDmBAf51MVaP7pw6PY5Q==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/linux-arm": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.6.tgz",
+			"integrity": "sha512-7YdGiurNt7lqO0Bf/U9/arrPWPqdPqcV6JCZda4LZgEn+PTQ5SMEI4MGR52Bfn3+d6bNEGcWFzlIxiQdS48YUw==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/linux-arm64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.6.tgz",
+			"integrity": "sha512-bUR58IFOMJX523aDVozswnlp5yry7+0cRLCXDsxnUeQYJik1DukMY+apBsLOZJblpH+K7ox7YrKrHmJoWqVR9w==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/linux-ia32": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.6.tgz",
+			"integrity": "sha512-ujp8uoQCM9FRcbDfkqECoARsLnLfCUhKARTP56TFPog8ie9JG83D5GVKjQ6yVrEVdMie1djH86fm98eY3quQkQ==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/linux-loong64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.6.tgz",
+			"integrity": "sha512-y2NX1+X/Nt+izj9bLoiaYB9YXT/LoaQFYvCkVD77G/4F+/yuVXYCWz4SE9yr5CBMbOxOfBcy/xFL4LlOeNlzYQ==",
+			"cpu": [
+				"loong64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/linux-mips64el": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.6.tgz",
+			"integrity": "sha512-09AXKB1HDOzXD+j3FdXCiL/MWmZP0Ex9eR8DLMBVcHorrWJxWmY8Nms2Nm41iRM64WVx7bA/JVHMv081iP2kUA==",
+			"cpu": [
+				"mips64el"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/linux-ppc64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.6.tgz",
+			"integrity": "sha512-AmLhMzkM8JuqTIOhxnX4ubh0XWJIznEynRnZAVdA2mMKE6FAfwT2TWKTwdqMG+qEaeyDPtfNoZRpJbD4ZBv0Tg==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/linux-riscv64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.6.tgz",
+			"integrity": "sha512-Y4Ri62PfavhLQhFbqucysHOmRamlTVK10zPWlqjNbj2XMea+BOs4w6ASKwQwAiqf9ZqcY9Ab7NOU4wIgpxwoSQ==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/linux-s390x": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.6.tgz",
+			"integrity": "sha512-SPUiz4fDbnNEm3JSdUW8pBJ/vkop3M1YwZAVwvdwlFLoJwKEZ9L98l3tzeyMzq27CyepDQ3Qgoba44StgbiN5Q==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/linux-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.6.tgz",
+			"integrity": "sha512-a3yHLmOodHrzuNgdpB7peFGPx1iJ2x6m+uDvhP2CKdr2CwOaqEFMeSqYAHU7hG+RjCq8r2NFujcd/YsEsFgTGw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/netbsd-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.6.tgz",
+			"integrity": "sha512-EanJqcU/4uZIBreTrnbnre2DXgXSa+Gjap7ifRfllpmyAU7YMvaXmljdArptTHmjrkkKm9BK6GH5D5Yo+p6y5A==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/openbsd-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.6.tgz",
+			"integrity": "sha512-xaxeSunhQRsTNGFanoOkkLtnmMn5QbA0qBhNet/XLVsc+OVkpIWPHcr3zTW2gxVU5YOHFbIHR9ODuaUdNza2Vw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/sunos-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.6.tgz",
+			"integrity": "sha512-gnMnMPg5pfMkZvhHee21KbKdc6W3GR8/JuE0Da1kjwpK6oiFU3nqfHuVPgUX2rsOx9N2SadSQTIYV1CIjYG+xw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/win32-arm64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.6.tgz",
+			"integrity": "sha512-G95n7vP1UnGJPsVdKXllAJPtqjMvFYbN20e8RK8LVLhlTiSOH1sd7+Gt7rm70xiG+I5tM58nYgwWrLs6I1jHqg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@remix-run/dev/node_modules/@esbuild/win32-ia32": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.6.tgz",
+			"integrity": "sha512-96yEFzLhq5bv9jJo5JhTs1gI+1cKQ83cUpyxHuGqXVwQtY5Eq54ZEsKs8veKtiKwlrNimtckHEkj4mRh4pPjsg==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/@remix-run/dev/node_modules/@esbuild/win32-x64": {
 			"version": "0.17.6",
 			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.6.tgz",
@@ -7775,9 +9077,9 @@
 			}
 		},
 		"node_modules/@types/node": {
-			"version": "20.4.4",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.4.tgz",
-			"integrity": "sha512-CukZhumInROvLq3+b5gLev+vgpsIqC2D0deQr/yS1WnxvmYLlJXZpaQrQiseMY+6xusl79E04UjWoqyr+t1/Ew==",
+			"version": "20.4.5",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.5.tgz",
+			"integrity": "sha512-rt40Nk13II9JwQBdeYqmbn2Q6IVTA5uPhvSO+JVqdXw/6/4glI6oR9ezty/A9Hg5u7JH4OmYmuQ+XvjKm0Datg==",
 			"devOptional": true
 		},
 		"node_modules/@types/node-fetch": {
@@ -7893,16 +9195,16 @@
 			"integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA=="
 		},
 		"node_modules/@typescript-eslint/eslint-plugin": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.1.0.tgz",
-			"integrity": "sha512-qg7Bm5TyP/I7iilGyp6DRqqkt8na00lI6HbjWZObgk3FFSzH5ypRwAHXJhJkwiRtTcfn+xYQIMOR5kJgpo6upw==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.2.0.tgz",
+			"integrity": "sha512-rClGrMuyS/3j0ETa1Ui7s6GkLhfZGKZL3ZrChLeAiACBE/tRc1wq8SNZESUuluxhLj9FkUefRs2l6bCIArWBiQ==",
 			"dev": true,
 			"dependencies": {
 				"@eslint-community/regexpp": "^4.5.1",
-				"@typescript-eslint/scope-manager": "6.1.0",
-				"@typescript-eslint/type-utils": "6.1.0",
-				"@typescript-eslint/utils": "6.1.0",
-				"@typescript-eslint/visitor-keys": "6.1.0",
+				"@typescript-eslint/scope-manager": "6.2.0",
+				"@typescript-eslint/type-utils": "6.2.0",
+				"@typescript-eslint/utils": "6.2.0",
+				"@typescript-eslint/visitor-keys": "6.2.0",
 				"debug": "^4.3.4",
 				"graphemer": "^1.4.0",
 				"ignore": "^5.2.4",
@@ -7929,13 +9231,13 @@
 			}
 		},
 		"node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/scope-manager": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.1.0.tgz",
-			"integrity": "sha512-AxjgxDn27hgPpe2rQe19k0tXw84YCOsjDJ2r61cIebq1t+AIxbgiXKvD4999Wk49GVaAcdJ/d49FYel+Pp3jjw==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.2.0.tgz",
+			"integrity": "sha512-1ZMNVgm5nnHURU8ZSJ3snsHzpFeNK84rdZjluEVBGNu7jDymfqceB3kdIZ6A4xCfEFFhRIB6rF8q/JIqJd2R0Q==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "6.1.0",
-				"@typescript-eslint/visitor-keys": "6.1.0"
+				"@typescript-eslint/types": "6.2.0",
+				"@typescript-eslint/visitor-keys": "6.2.0"
 			},
 			"engines": {
 				"node": "^16.0.0 || >=18.0.0"
@@ -7946,9 +9248,9 @@
 			}
 		},
 		"node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/types": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.1.0.tgz",
-			"integrity": "sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.2.0.tgz",
+			"integrity": "sha512-1nRRaDlp/XYJQLvkQJG5F3uBTno5SHPT7XVcJ5n1/k2WfNI28nJsvLakxwZRNY5spuatEKO7d5nZWsQpkqXwBA==",
 			"dev": true,
 			"engines": {
 				"node": "^16.0.0 || >=18.0.0"
@@ -7959,12 +9261,12 @@
 			}
 		},
 		"node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/visitor-keys": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.1.0.tgz",
-			"integrity": "sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.2.0.tgz",
+			"integrity": "sha512-QbaYUQVKKo9bgCzpjz45llCfwakyoxHetIy8CAvYCtd16Zu1KrpzNHofwF8kGkpPOxZB2o6kz+0nqH8ZkIzuoQ==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "6.1.0",
+				"@typescript-eslint/types": "6.2.0",
 				"eslint-visitor-keys": "^3.4.1"
 			},
 			"engines": {
@@ -8009,15 +9311,15 @@
 			"dev": true
 		},
 		"node_modules/@typescript-eslint/parser": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.1.0.tgz",
-			"integrity": "sha512-hIzCPvX4vDs4qL07SYzyomamcs2/tQYXg5DtdAfj35AyJ5PIUqhsLf4YrEIFzZcND7R2E8tpQIZKayxg8/6Wbw==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.2.0.tgz",
+			"integrity": "sha512-igVYOqtiK/UsvKAmmloQAruAdUHihsOCvplJpplPZ+3h4aDkC/UKZZNKgB6h93ayuYLuEymU3h8nF1xMRbh37g==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/scope-manager": "6.1.0",
-				"@typescript-eslint/types": "6.1.0",
-				"@typescript-eslint/typescript-estree": "6.1.0",
-				"@typescript-eslint/visitor-keys": "6.1.0",
+				"@typescript-eslint/scope-manager": "6.2.0",
+				"@typescript-eslint/types": "6.2.0",
+				"@typescript-eslint/typescript-estree": "6.2.0",
+				"@typescript-eslint/visitor-keys": "6.2.0",
 				"debug": "^4.3.4"
 			},
 			"engines": {
@@ -8037,13 +9339,13 @@
 			}
 		},
 		"node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/scope-manager": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.1.0.tgz",
-			"integrity": "sha512-AxjgxDn27hgPpe2rQe19k0tXw84YCOsjDJ2r61cIebq1t+AIxbgiXKvD4999Wk49GVaAcdJ/d49FYel+Pp3jjw==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.2.0.tgz",
+			"integrity": "sha512-1ZMNVgm5nnHURU8ZSJ3snsHzpFeNK84rdZjluEVBGNu7jDymfqceB3kdIZ6A4xCfEFFhRIB6rF8q/JIqJd2R0Q==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "6.1.0",
-				"@typescript-eslint/visitor-keys": "6.1.0"
+				"@typescript-eslint/types": "6.2.0",
+				"@typescript-eslint/visitor-keys": "6.2.0"
 			},
 			"engines": {
 				"node": "^16.0.0 || >=18.0.0"
@@ -8054,9 +9356,9 @@
 			}
 		},
 		"node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/types": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.1.0.tgz",
-			"integrity": "sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.2.0.tgz",
+			"integrity": "sha512-1nRRaDlp/XYJQLvkQJG5F3uBTno5SHPT7XVcJ5n1/k2WfNI28nJsvLakxwZRNY5spuatEKO7d5nZWsQpkqXwBA==",
 			"dev": true,
 			"engines": {
 				"node": "^16.0.0 || >=18.0.0"
@@ -8067,12 +9369,12 @@
 			}
 		},
 		"node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.1.0.tgz",
-			"integrity": "sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.2.0.tgz",
+			"integrity": "sha512-QbaYUQVKKo9bgCzpjz45llCfwakyoxHetIy8CAvYCtd16Zu1KrpzNHofwF8kGkpPOxZB2o6kz+0nqH8ZkIzuoQ==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "6.1.0",
+				"@typescript-eslint/types": "6.2.0",
 				"eslint-visitor-keys": "^3.4.1"
 			},
 			"engines": {
@@ -8101,13 +9403,13 @@
 			}
 		},
 		"node_modules/@typescript-eslint/type-utils": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.1.0.tgz",
-			"integrity": "sha512-kFXBx6QWS1ZZ5Ni89TyT1X9Ag6RXVIVhqDs0vZE/jUeWlBv/ixq2diua6G7ece6+fXw3TvNRxP77/5mOMusx2w==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.2.0.tgz",
+			"integrity": "sha512-DnGZuNU2JN3AYwddYIqrVkYW0uUQdv0AY+kz2M25euVNlujcN2u+rJgfJsBFlUEzBB6OQkUqSZPyuTLf2bP5mw==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/typescript-estree": "6.1.0",
-				"@typescript-eslint/utils": "6.1.0",
+				"@typescript-eslint/typescript-estree": "6.2.0",
+				"@typescript-eslint/utils": "6.2.0",
 				"debug": "^4.3.4",
 				"ts-api-utils": "^1.0.1"
 			},
@@ -8141,13 +9443,13 @@
 			}
 		},
 		"node_modules/@typescript-eslint/typescript-estree": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.1.0.tgz",
-			"integrity": "sha512-nUKAPWOaP/tQjU1IQw9sOPCDavs/iU5iYLiY/6u7gxS7oKQoi4aUxXS1nrrVGTyBBaGesjkcwwHkbkiD5eBvcg==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.2.0.tgz",
+			"integrity": "sha512-Mts6+3HQMSM+LZCglsc2yMIny37IhUgp1Qe8yJUYVyO6rHP7/vN0vajKu3JvHCBIy8TSiKddJ/Zwu80jhnGj1w==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "6.1.0",
-				"@typescript-eslint/visitor-keys": "6.1.0",
+				"@typescript-eslint/types": "6.2.0",
+				"@typescript-eslint/visitor-keys": "6.2.0",
 				"debug": "^4.3.4",
 				"globby": "^11.1.0",
 				"is-glob": "^4.0.3",
@@ -8168,9 +9470,9 @@
 			}
 		},
 		"node_modules/@typescript-eslint/typescript-estree/node_modules/@typescript-eslint/types": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.1.0.tgz",
-			"integrity": "sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.2.0.tgz",
+			"integrity": "sha512-1nRRaDlp/XYJQLvkQJG5F3uBTno5SHPT7XVcJ5n1/k2WfNI28nJsvLakxwZRNY5spuatEKO7d5nZWsQpkqXwBA==",
 			"dev": true,
 			"engines": {
 				"node": "^16.0.0 || >=18.0.0"
@@ -8181,12 +9483,12 @@
 			}
 		},
 		"node_modules/@typescript-eslint/typescript-estree/node_modules/@typescript-eslint/visitor-keys": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.1.0.tgz",
-			"integrity": "sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.2.0.tgz",
+			"integrity": "sha512-QbaYUQVKKo9bgCzpjz45llCfwakyoxHetIy8CAvYCtd16Zu1KrpzNHofwF8kGkpPOxZB2o6kz+0nqH8ZkIzuoQ==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "6.1.0",
+				"@typescript-eslint/types": "6.2.0",
 				"eslint-visitor-keys": "^3.4.1"
 			},
 			"engines": {
@@ -8231,17 +9533,17 @@
 			"dev": true
 		},
 		"node_modules/@typescript-eslint/utils": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.1.0.tgz",
-			"integrity": "sha512-wp652EogZlKmQoMS5hAvWqRKplXvkuOnNzZSE0PVvsKjpexd/XznRVHAtrfHFYmqaJz0DFkjlDsGYC9OXw+OhQ==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.2.0.tgz",
+			"integrity": "sha512-RCFrC1lXiX1qEZN8LmLrxYRhOkElEsPKTVSNout8DMzf8PeWoQG7Rxz2SadpJa3VSh5oYKGwt7j7X/VRg+Y3OQ==",
 			"dev": true,
 			"dependencies": {
 				"@eslint-community/eslint-utils": "^4.4.0",
 				"@types/json-schema": "^7.0.12",
 				"@types/semver": "^7.5.0",
-				"@typescript-eslint/scope-manager": "6.1.0",
-				"@typescript-eslint/types": "6.1.0",
-				"@typescript-eslint/typescript-estree": "6.1.0",
+				"@typescript-eslint/scope-manager": "6.2.0",
+				"@typescript-eslint/types": "6.2.0",
+				"@typescript-eslint/typescript-estree": "6.2.0",
 				"semver": "^7.5.4"
 			},
 			"engines": {
@@ -8256,13 +9558,13 @@
 			}
 		},
 		"node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/scope-manager": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.1.0.tgz",
-			"integrity": "sha512-AxjgxDn27hgPpe2rQe19k0tXw84YCOsjDJ2r61cIebq1t+AIxbgiXKvD4999Wk49GVaAcdJ/d49FYel+Pp3jjw==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.2.0.tgz",
+			"integrity": "sha512-1ZMNVgm5nnHURU8ZSJ3snsHzpFeNK84rdZjluEVBGNu7jDymfqceB3kdIZ6A4xCfEFFhRIB6rF8q/JIqJd2R0Q==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "6.1.0",
-				"@typescript-eslint/visitor-keys": "6.1.0"
+				"@typescript-eslint/types": "6.2.0",
+				"@typescript-eslint/visitor-keys": "6.2.0"
 			},
 			"engines": {
 				"node": "^16.0.0 || >=18.0.0"
@@ -8273,9 +9575,9 @@
 			}
 		},
 		"node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/types": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.1.0.tgz",
-			"integrity": "sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.2.0.tgz",
+			"integrity": "sha512-1nRRaDlp/XYJQLvkQJG5F3uBTno5SHPT7XVcJ5n1/k2WfNI28nJsvLakxwZRNY5spuatEKO7d5nZWsQpkqXwBA==",
 			"dev": true,
 			"engines": {
 				"node": "^16.0.0 || >=18.0.0"
@@ -8286,12 +9588,12 @@
 			}
 		},
 		"node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/visitor-keys": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.1.0.tgz",
-			"integrity": "sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==",
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.2.0.tgz",
+			"integrity": "sha512-QbaYUQVKKo9bgCzpjz45llCfwakyoxHetIy8CAvYCtd16Zu1KrpzNHofwF8kGkpPOxZB2o6kz+0nqH8ZkIzuoQ==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "6.1.0",
+				"@typescript-eslint/types": "6.2.0",
 				"eslint-visitor-keys": "^3.4.1"
 			},
 			"engines": {
@@ -8500,6 +9802,342 @@
 				"vite-node": "^0.28.5"
 			}
 		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/android-arm": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.6.tgz",
+			"integrity": "sha512-bSC9YVUjADDy1gae8RrioINU6e1lCkg3VGVwm0QQ2E1CWcC4gnMce9+B6RpxuSsrsXsk1yojn7sp1fnG8erE2g==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/android-arm64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.6.tgz",
+			"integrity": "sha512-YnYSCceN/dUzUr5kdtUzB+wZprCafuD89Hs0Aqv9QSdwhYQybhXTaSTcrl6X/aWThn1a/j0eEpUBGOE7269REg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/android-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.6.tgz",
+			"integrity": "sha512-MVcYcgSO7pfu/x34uX9u2QIZHmXAB7dEiLQC5bBl5Ryqtpj9lT2sg3gNDEsrPEmimSJW2FXIaxqSQ501YLDsZQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/darwin-arm64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.6.tgz",
+			"integrity": "sha512-bsDRvlbKMQMt6Wl08nHtFz++yoZHsyTOxnjfB2Q95gato+Yi4WnRl13oC2/PJJA9yLCoRv9gqT/EYX0/zDsyMA==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/darwin-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.6.tgz",
+			"integrity": "sha512-xh2A5oPrYRfMFz74QXIQTQo8uA+hYzGWJFoeTE8EvoZGHb+idyV4ATaukaUvnnxJiauhs/fPx3vYhU4wiGfosg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.6.tgz",
+			"integrity": "sha512-EnUwjRc1inT4ccZh4pB3v1cIhohE2S4YXlt1OvI7sw/+pD+dIE4smwekZlEPIwY6PhU6oDWwITrQQm5S2/iZgg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/freebsd-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.6.tgz",
+			"integrity": "sha512-Uh3HLWGzH6FwpviUcLMKPCbZUAFzv67Wj5MTwK6jn89b576SR2IbEp+tqUHTr8DIl0iDmBAf51MVaP7pw6PY5Q==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/linux-arm": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.6.tgz",
+			"integrity": "sha512-7YdGiurNt7lqO0Bf/U9/arrPWPqdPqcV6JCZda4LZgEn+PTQ5SMEI4MGR52Bfn3+d6bNEGcWFzlIxiQdS48YUw==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/linux-arm64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.6.tgz",
+			"integrity": "sha512-bUR58IFOMJX523aDVozswnlp5yry7+0cRLCXDsxnUeQYJik1DukMY+apBsLOZJblpH+K7ox7YrKrHmJoWqVR9w==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/linux-ia32": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.6.tgz",
+			"integrity": "sha512-ujp8uoQCM9FRcbDfkqECoARsLnLfCUhKARTP56TFPog8ie9JG83D5GVKjQ6yVrEVdMie1djH86fm98eY3quQkQ==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/linux-loong64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.6.tgz",
+			"integrity": "sha512-y2NX1+X/Nt+izj9bLoiaYB9YXT/LoaQFYvCkVD77G/4F+/yuVXYCWz4SE9yr5CBMbOxOfBcy/xFL4LlOeNlzYQ==",
+			"cpu": [
+				"loong64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/linux-mips64el": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.6.tgz",
+			"integrity": "sha512-09AXKB1HDOzXD+j3FdXCiL/MWmZP0Ex9eR8DLMBVcHorrWJxWmY8Nms2Nm41iRM64WVx7bA/JVHMv081iP2kUA==",
+			"cpu": [
+				"mips64el"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/linux-ppc64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.6.tgz",
+			"integrity": "sha512-AmLhMzkM8JuqTIOhxnX4ubh0XWJIznEynRnZAVdA2mMKE6FAfwT2TWKTwdqMG+qEaeyDPtfNoZRpJbD4ZBv0Tg==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/linux-riscv64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.6.tgz",
+			"integrity": "sha512-Y4Ri62PfavhLQhFbqucysHOmRamlTVK10zPWlqjNbj2XMea+BOs4w6ASKwQwAiqf9ZqcY9Ab7NOU4wIgpxwoSQ==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/linux-s390x": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.6.tgz",
+			"integrity": "sha512-SPUiz4fDbnNEm3JSdUW8pBJ/vkop3M1YwZAVwvdwlFLoJwKEZ9L98l3tzeyMzq27CyepDQ3Qgoba44StgbiN5Q==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/linux-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.6.tgz",
+			"integrity": "sha512-a3yHLmOodHrzuNgdpB7peFGPx1iJ2x6m+uDvhP2CKdr2CwOaqEFMeSqYAHU7hG+RjCq8r2NFujcd/YsEsFgTGw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/netbsd-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.6.tgz",
+			"integrity": "sha512-EanJqcU/4uZIBreTrnbnre2DXgXSa+Gjap7ifRfllpmyAU7YMvaXmljdArptTHmjrkkKm9BK6GH5D5Yo+p6y5A==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/openbsd-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.6.tgz",
+			"integrity": "sha512-xaxeSunhQRsTNGFanoOkkLtnmMn5QbA0qBhNet/XLVsc+OVkpIWPHcr3zTW2gxVU5YOHFbIHR9ODuaUdNza2Vw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/sunos-x64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.6.tgz",
+			"integrity": "sha512-gnMnMPg5pfMkZvhHee21KbKdc6W3GR8/JuE0Da1kjwpK6oiFU3nqfHuVPgUX2rsOx9N2SadSQTIYV1CIjYG+xw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/win32-arm64": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.6.tgz",
+			"integrity": "sha512-G95n7vP1UnGJPsVdKXllAJPtqjMvFYbN20e8RK8LVLhlTiSOH1sd7+Gt7rm70xiG+I5tM58nYgwWrLs6I1jHqg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/win32-ia32": {
+			"version": "0.17.6",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.6.tgz",
+			"integrity": "sha512-96yEFzLhq5bv9jJo5JhTs1gI+1cKQ83cUpyxHuGqXVwQtY5Eq54ZEsKs8veKtiKwlrNimtckHEkj4mRh4pPjsg==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/@vanilla-extract/integration/node_modules/@esbuild/win32-x64": {
 			"version": "0.17.6",
 			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.6.tgz",
@@ -8760,9 +10398,9 @@
 			"dev": true
 		},
 		"node_modules/@vercel/next": {
-			"version": "3.9.0",
-			"resolved": "https://registry.npmjs.org/@vercel/next/-/next-3.9.0.tgz",
-			"integrity": "sha512-o5xGLLYU9crP3ReDJSTU8y4gwgAEbSQSp6CG9QQYHFkn3YBJrgubXpNj1+OSfCcGKH9AK0TAfayJPPbwKilwvA==",
+			"version": "3.9.2",
+			"resolved": "https://registry.npmjs.org/@vercel/next/-/next-3.9.2.tgz",
+			"integrity": "sha512-ashWLVn7NtLOFchBRYAs/aEE7edEq91IIGb+T8Cqcv4R1C9xb0m1UOp2r6X1HKV0FjqCWwg8MBEgt5vzK1cJ6w==",
 			"dev": true
 		},
 		"node_modules/@vercel/nft": {
@@ -9106,9 +10744,9 @@
 			"dev": true
 		},
 		"node_modules/@vercel/static-build": {
-			"version": "1.3.41",
-			"resolved": "https://registry.npmjs.org/@vercel/static-build/-/static-build-1.3.41.tgz",
-			"integrity": "sha512-1wHz338v/72RqmLu2S3XtUZkyTQfw1QR7kpODj+DIXVzz2HcpGqv70voex+B3FeC6wtD2yLCtTi2eLmFLEiB8A==",
+			"version": "1.3.42",
+			"resolved": "https://registry.npmjs.org/@vercel/static-build/-/static-build-1.3.42.tgz",
+			"integrity": "sha512-iu2jqCQ/xen6r82CxLjzSfGPYl0byCpB4ygoVwd6LRfP5XmXj4wh49ZL6KvP/0pQNlxT6ggaJHgmNPes438aCA==",
 			"dev": true,
 			"dependencies": {
 				"@vercel/gatsby-plugin-vercel-analytics": "1.0.10",
@@ -9695,9 +11333,9 @@
 			}
 		},
 		"node_modules/astro": {
-			"version": "2.9.2",
-			"resolved": "https://registry.npmjs.org/astro/-/astro-2.9.2.tgz",
-			"integrity": "sha512-ejdGM9SbK58AvJS8lbkre/d5CoW8JftqaRxc9rGqzpiZQ8iU8gfdFmi3Hzkcvd2HrGvYYsJku88pM6tkBPniJQ==",
+			"version": "2.9.3",
+			"resolved": "https://registry.npmjs.org/astro/-/astro-2.9.3.tgz",
+			"integrity": "sha512-EcFYnJytMgDhBf1MxWIG1GNwfDL2yRvVt+4aguYbcFDNz8EjLKgpLYbbTzR2VlIQu1vpxImZZ0bmPy8Hd+tAfw==",
 			"dependencies": {
 				"@astrojs/compiler": "^1.6.0",
 				"@astrojs/internal-helpers": "^0.1.1",
@@ -9858,6 +11496,321 @@
 				"url": "https://opencollective.com/node-fetch"
 			}
 		},
+		"node_modules/astro/node_modules/@esbuild/android-arm": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
+			"integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==",
+			"cpu": [
+				"arm"
+			],
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/android-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz",
+			"integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/android-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz",
+			"integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/darwin-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz",
+			"integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/darwin-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz",
+			"integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz",
+			"integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/freebsd-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz",
+			"integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/linux-arm": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz",
+			"integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==",
+			"cpu": [
+				"arm"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/linux-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz",
+			"integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/linux-ia32": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz",
+			"integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==",
+			"cpu": [
+				"ia32"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/linux-loong64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz",
+			"integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==",
+			"cpu": [
+				"loong64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/linux-mips64el": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz",
+			"integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==",
+			"cpu": [
+				"mips64el"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/linux-ppc64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz",
+			"integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==",
+			"cpu": [
+				"ppc64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/linux-riscv64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz",
+			"integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==",
+			"cpu": [
+				"riscv64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/linux-s390x": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz",
+			"integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==",
+			"cpu": [
+				"s390x"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/linux-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz",
+			"integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/netbsd-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz",
+			"integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/openbsd-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz",
+			"integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/sunos-x64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz",
+			"integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/win32-arm64": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz",
+			"integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/astro/node_modules/@esbuild/win32-ia32": {
+			"version": "0.17.19",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz",
+			"integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==",
+			"cpu": [
+				"ia32"
+			],
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/astro/node_modules/@esbuild/win32-x64": {
 			"version": "0.17.19",
 			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
@@ -12800,9 +14753,9 @@
 			}
 		},
 		"node_modules/esbuild": {
-			"version": "0.18.16",
-			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.16.tgz",
-			"integrity": "sha512-1xLsOXrDqwdHxyXb/x/SOyg59jpf/SH7YMvU5RNSU7z3TInaASNJWNFJ6iRvLvLETZMasF3d1DdZLg7sgRimRQ==",
+			"version": "0.18.17",
+			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.17.tgz",
+			"integrity": "sha512-1GJtYnUxsJreHYA0Y+iQz2UEykonY66HNWOb0yXYZi9/kNrORUEHVg87eQsCtqh59PEJ5YVZJO98JHznMJSWjg==",
 			"hasInstallScript": true,
 			"bin": {
 				"esbuild": "bin/esbuild"
@@ -12811,28 +14764,124 @@
 				"node": ">=12"
 			},
 			"optionalDependencies": {
-				"@esbuild/android-arm": "0.18.16",
-				"@esbuild/android-arm64": "0.18.16",
-				"@esbuild/android-x64": "0.18.16",
-				"@esbuild/darwin-arm64": "0.18.16",
-				"@esbuild/darwin-x64": "0.18.16",
-				"@esbuild/freebsd-arm64": "0.18.16",
-				"@esbuild/freebsd-x64": "0.18.16",
-				"@esbuild/linux-arm": "0.18.16",
-				"@esbuild/linux-arm64": "0.18.16",
-				"@esbuild/linux-ia32": "0.18.16",
-				"@esbuild/linux-loong64": "0.18.16",
-				"@esbuild/linux-mips64el": "0.18.16",
-				"@esbuild/linux-ppc64": "0.18.16",
-				"@esbuild/linux-riscv64": "0.18.16",
-				"@esbuild/linux-s390x": "0.18.16",
-				"@esbuild/linux-x64": "0.18.16",
-				"@esbuild/netbsd-x64": "0.18.16",
-				"@esbuild/openbsd-x64": "0.18.16",
-				"@esbuild/sunos-x64": "0.18.16",
-				"@esbuild/win32-arm64": "0.18.16",
-				"@esbuild/win32-ia32": "0.18.16",
-				"@esbuild/win32-x64": "0.18.16"
+				"@esbuild/android-arm": "0.18.17",
+				"@esbuild/android-arm64": "0.18.17",
+				"@esbuild/android-x64": "0.18.17",
+				"@esbuild/darwin-arm64": "0.18.17",
+				"@esbuild/darwin-x64": "0.18.17",
+				"@esbuild/freebsd-arm64": "0.18.17",
+				"@esbuild/freebsd-x64": "0.18.17",
+				"@esbuild/linux-arm": "0.18.17",
+				"@esbuild/linux-arm64": "0.18.17",
+				"@esbuild/linux-ia32": "0.18.17",
+				"@esbuild/linux-loong64": "0.18.17",
+				"@esbuild/linux-mips64el": "0.18.17",
+				"@esbuild/linux-ppc64": "0.18.17",
+				"@esbuild/linux-riscv64": "0.18.17",
+				"@esbuild/linux-s390x": "0.18.17",
+				"@esbuild/linux-x64": "0.18.17",
+				"@esbuild/netbsd-x64": "0.18.17",
+				"@esbuild/openbsd-x64": "0.18.17",
+				"@esbuild/sunos-x64": "0.18.17",
+				"@esbuild/win32-arm64": "0.18.17",
+				"@esbuild/win32-ia32": "0.18.17",
+				"@esbuild/win32-x64": "0.18.17"
+			}
+		},
+		"node_modules/esbuild-android-64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.14.47.tgz",
+			"integrity": "sha512-R13Bd9+tqLVFndncMHssZrPWe6/0Kpv2/dt4aA69soX4PRxlzsVpCvoJeFE8sOEoeVEiBkI0myjlkDodXlHa0g==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-android-arm64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.14.47.tgz",
+			"integrity": "sha512-OkwOjj7ts4lBp/TL6hdd8HftIzOy/pdtbrNA4+0oVWgGG64HrdVzAF5gxtJufAPOsEjkyh1oIYvKAUinKKQRSQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-darwin-64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.47.tgz",
+			"integrity": "sha512-R6oaW0y5/u6Eccti/TS6c/2c1xYTb1izwK3gajJwi4vIfNs1s8B1dQzI1UiC9T61YovOQVuePDcfqHLT3mUZJA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-darwin-arm64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.47.tgz",
+			"integrity": "sha512-seCmearlQyvdvM/noz1L9+qblC5vcBrhUaOoLEDDoLInF/VQ9IkobGiLlyTPYP5dW1YD4LXhtBgOyevoIHGGnw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-freebsd-64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.47.tgz",
+			"integrity": "sha512-ZH8K2Q8/Ux5kXXvQMDsJcxvkIwut69KVrYQhza/ptkW50DC089bCVrJZZ3sKzIoOx+YPTrmsZvqeZERjyYrlvQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-freebsd-arm64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.47.tgz",
+			"integrity": "sha512-ZJMQAJQsIOhn3XTm7MPQfCzEu5b9STNC+s90zMWe2afy9EwnHV7Ov7ohEMv2lyWlc2pjqLW8QJnz2r0KZmeAEQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
 			}
 		},
 		"node_modules/esbuild-jest": {
@@ -12849,6 +14898,166 @@
 				"esbuild": ">=0.8.50"
 			}
 		},
+		"node_modules/esbuild-linux-32": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.14.47.tgz",
+			"integrity": "sha512-FxZOCKoEDPRYvq300lsWCTv1kcHgiiZfNrPtEhFAiqD7QZaXrad8LxyJ8fXGcWzIFzRiYZVtB3ttvITBvAFhKw==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-linux-64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.47.tgz",
+			"integrity": "sha512-nFNOk9vWVfvWYF9YNYksZptgQAdstnDCMtR6m42l5Wfugbzu11VpMCY9XrD4yFxvPo9zmzcoUL/88y0lfJZJJw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-linux-arm": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.14.47.tgz",
+			"integrity": "sha512-ZGE1Bqg/gPRXrBpgpvH81tQHpiaGxa8c9Rx/XOylkIl2ypLuOcawXEAo8ls+5DFCcRGt/o3sV+PzpAFZobOsmA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-linux-arm64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.47.tgz",
+			"integrity": "sha512-ywfme6HVrhWcevzmsufjd4iT3PxTfCX9HOdxA7Hd+/ZM23Y9nXeb+vG6AyA6jgq/JovkcqRHcL9XwRNpWG6XRw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-linux-mips64le": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.47.tgz",
+			"integrity": "sha512-mg3D8YndZ1LvUiEdDYR3OsmeyAew4MA/dvaEJxvyygahWmpv1SlEEnhEZlhPokjsUMfRagzsEF/d/2XF+kTQGg==",
+			"cpu": [
+				"mips64el"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-linux-ppc64le": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.47.tgz",
+			"integrity": "sha512-WER+f3+szmnZiWoK6AsrTKGoJoErG2LlauSmk73LEZFQ/iWC+KhhDsOkn1xBUpzXWsxN9THmQFltLoaFEH8F8w==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-linux-riscv64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.47.tgz",
+			"integrity": "sha512-1fI6bP3A3rvI9BsaaXbMoaOjLE3lVkJtLxsgLHqlBhLlBVY7UqffWBvkrX/9zfPhhVMd9ZRFiaqXnB1T7BsL2g==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-linux-s390x": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.47.tgz",
+			"integrity": "sha512-eZrWzy0xFAhki1CWRGnhsHVz7IlSKX6yT2tj2Eg8lhAwlRE5E96Hsb0M1mPSE1dHGpt1QVwwVivXIAacF/G6mw==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-netbsd-64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.47.tgz",
+			"integrity": "sha512-Qjdjr+KQQVH5Q2Q1r6HBYswFTToPpss3gqCiSw2Fpq/ua8+eXSQyAMG+UvULPqXceOwpnPo4smyZyHdlkcPppQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-openbsd-64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.47.tgz",
+			"integrity": "sha512-QpgN8ofL7B9z8g5zZqJE+eFvD1LehRlxr25PBkjyyasakm4599iroUpaj96rdqRlO2ShuyqwJdr+oNqWwTUmQw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/esbuild-plugins-node-modules-polyfill": {
 			"version": "1.3.0",
 			"resolved": "https://registry.npmjs.org/esbuild-plugins-node-modules-polyfill/-/esbuild-plugins-node-modules-polyfill-1.3.0.tgz",
@@ -12866,6 +15075,38 @@
 				"esbuild": "^0.14.0 || ^0.15.0 || ^0.16.0 || ^0.17.0 || ^0.18.0"
 			}
 		},
+		"node_modules/esbuild-sunos-64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.47.tgz",
+			"integrity": "sha512-uOeSgLUwukLioAJOiGYm3kNl+1wJjgJA8R671GYgcPgCx7QR73zfvYqXFFcIO93/nBdIbt5hd8RItqbbf3HtAQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/esbuild-windows-32": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.47.tgz",
+			"integrity": "sha512-H0fWsLTp2WBfKLBgwYT4OTfFly4Im/8B5f3ojDv1Kx//kiubVY0IQunP2Koc/fr/0wI7hj3IiBDbSrmKlrNgLQ==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/esbuild-windows-64": {
 			"version": "0.14.47",
 			"resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.14.47.tgz",
@@ -12882,6 +15123,22 @@
 				"node": ">=12"
 			}
 		},
+		"node_modules/esbuild-windows-arm64": {
+			"version": "0.14.47",
+			"resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.47.tgz",
+			"integrity": "sha512-HFSW2lnp62fl86/qPQlqw6asIwCnEsEoNIL1h2uVMgakddf+vUuMcCbtUY1i8sst7KkgHrVKCJQB33YhhOweCQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/escalade": {
 			"version": "3.1.1",
 			"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
@@ -24520,13 +26777,13 @@
 			}
 		},
 		"node_modules/playwright": {
-			"version": "1.36.1",
-			"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.36.1.tgz",
-			"integrity": "sha512-2ZqHpD0U0COKR8bqR3W5IkyIAAM0mT9FgGJB9xWCI1qAUkqLxJskA1ueeQOTH2Qfz3+oxdwwf2EzdOX+RkZmmQ==",
+			"version": "1.36.2",
+			"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.36.2.tgz",
+			"integrity": "sha512-4Fmlq3KWsl85Bl4InJw1NC21aeQV0iSZuFvTDcy1F8zVmXmgQRe89GxF8zMSRt/KIS+2tUolak7EXVl9aC+JdA==",
 			"dev": true,
 			"hasInstallScript": true,
 			"dependencies": {
-				"playwright-core": "1.36.1"
+				"playwright-core": "1.36.2"
 			},
 			"bin": {
 				"playwright": "cli.js"
@@ -24536,9 +26793,9 @@
 			}
 		},
 		"node_modules/playwright-core": {
-			"version": "1.36.1",
-			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.36.1.tgz",
-			"integrity": "sha512-7+tmPuMcEW4xeCL9cp9KxmYpQYHKkyjwoXRnoeTowaeNat8PoBMk/HwCYhqkH2fRkshfKEOiVus/IhID2Pg8kg==",
+			"version": "1.36.2",
+			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.36.2.tgz",
+			"integrity": "sha512-sQYZt31dwkqxOrP7xy2ggDfEzUxM1lodjhsQ3NMMv5uGTRDsLxU0e4xf4wwMkF2gplIxf17QMBCodSFgm6bFVQ==",
 			"dev": true,
 			"bin": {
 				"playwright-core": "cli.js"
@@ -29735,21 +31992,21 @@
 			}
 		},
 		"node_modules/vercel": {
-			"version": "31.0.4",
-			"resolved": "https://registry.npmjs.org/vercel/-/vercel-31.0.4.tgz",
-			"integrity": "sha512-KO2r6he/KtCWg7mgdiGVJefe6Y369yfne794/K3mzFjJZo8A1lEt6vB5yy2a79G4SX8VY7JfT2DvfsAlhIb7vQ==",
+			"version": "31.1.1",
+			"resolved": "https://registry.npmjs.org/vercel/-/vercel-31.1.1.tgz",
+			"integrity": "sha512-0plv2fF2qjtygPMmctOsG64I/QAXX/WE7q1ryB8x0QlIpNflhFNrhMe4jxhGEWQ9iZzYmIH7aIgQ6hqk/6pNEQ==",
 			"dev": true,
 			"dependencies": {
 				"@vercel/build-utils": "6.8.2",
 				"@vercel/go": "2.5.1",
 				"@vercel/hydrogen": "0.0.64",
-				"@vercel/next": "3.9.0",
+				"@vercel/next": "3.9.2",
 				"@vercel/node": "2.15.6",
 				"@vercel/python": "3.1.60",
 				"@vercel/redwood": "1.1.15",
 				"@vercel/remix-builder": "1.8.18",
 				"@vercel/ruby": "1.3.76",
-				"@vercel/static-build": "1.3.41"
+				"@vercel/static-build": "1.3.42"
 			},
 			"bin": {
 				"vc": "dist/index.js",
diff --git a/package.json b/package.json
index b5af2838..e6f5caa9 100644
--- a/package.json
+++ b/package.json
@@ -52,18 +52,18 @@
 		"@testing-library/preact": "^3.2.3",
 		"@types/jest": "^29.5.2",
 		"@types/json5": "^2.2.0",
-		"@types/node": "^20.4.4",
+		"@types/node": "^20.4.5",
 		"@types/uuid": "^9.0.2",
-		"@typescript-eslint/eslint-plugin": "^6.1.0",
-		"@typescript-eslint/parser": "^6.1.0",
+		"@typescript-eslint/eslint-plugin": "^6.2.0",
+		"@typescript-eslint/parser": "^6.2.0",
 		"@vercel/node": "^2.15.6",
-		"astro": "^2.9.2",
+		"astro": "^2.9.3",
 		"astro-icon": "^0.8.1",
 		"autoprefixer": "^10.4.14",
 		"classnames": "^2.3.2",
 		"dayjs": "^1.11.9",
 		"env-cmd": "^10.1.0",
-		"esbuild": "^0.18.16",
+		"esbuild": "^0.18.17",
 		"esbuild-jest": "^0.5.0",
 		"eslint": "^8.44.0",
 		"eslint-plugin-astro": "^0.27.1",
@@ -86,7 +86,7 @@
 		"lint-staged": "^13.2.3",
 		"npm-run-all": "^4.1.5",
 		"plausible-tracker": "^0.3.8",
-		"playwright": "^1.36.1",
+		"playwright": "^1.36.2",
 		"postcss": "^8.4.27",
 		"postcss-csso": "^6.0.1",
 		"preact-render-to-string": "^6.1.0",
@@ -112,7 +112,7 @@
 		"unist-util-is": "^6.0.0",
 		"unist-util-replace-all-between": "^0.1.1",
 		"unist-util-visit": "^5.0.0",
-		"vercel": "^31.0.4",
+		"vercel": "^31.1.1",
 		"vite-plugin-svgr": "^3.2.0"
 	},
 	"lint-staged": {
diff --git a/postcss.config.cjs b/postcss.config.cjs
index f22a06b3..76b60896 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -1,7 +1,4 @@
 // @ts-nocheck
 module.exports = {
-	plugins: [
-		require("autoprefixer"),
-		require("postcss-csso"),
-	],
+	plugins: [require("autoprefixer"), require("postcss-csso")],
 };
diff --git a/src/components/banner-stickers/banner-stickers.ts b/src/components/banner-stickers/banner-stickers.ts
index 9d76e751..556c271e 100644
--- a/src/components/banner-stickers/banner-stickers.ts
+++ b/src/components/banner-stickers/banner-stickers.ts
@@ -12,7 +12,7 @@ export type StickerInfo = {
 export async function createSticker(
 	name: string,
 	width: number = STICKER_SIZE,
-	height: number = STICKER_SIZE
+	height: number = STICKER_SIZE,
 ): Promise<StickerInfo> {
 	const image = await getImage({
 		src: `/stickers/${name}.png`,
diff --git a/src/components/button/button.tsx b/src/components/button/button.tsx
index d3029c47..eb91a437 100644
--- a/src/components/button/button.tsx
+++ b/src/components/button/button.tsx
@@ -33,7 +33,7 @@ const ButtonWrapper = forwardRef(
 			rightIcon,
 			...props
 		}: ButtonProps<T>,
-		ref: Ref<T extends "a" ? HTMLAnchorElement : HTMLButtonElement>
+		ref: Ref<T extends "a" ? HTMLAnchorElement : HTMLButtonElement>,
 	) => {
 		const Wrapper: any = tag;
 
@@ -49,13 +49,13 @@ const ButtonWrapper = forwardRef(
 				{rightIcon && <div class="buttonIcon">{rightIcon}</div>}
 			</Wrapper>
 		);
-	}
+	},
 );
 
 export const Button = forwardRef(
 	<T extends AllowedTags = "a">(
 		{ class: className = "", ...props }: ButtonProps<T>,
-		ref: Ref<T extends "a" ? HTMLAnchorElement : HTMLButtonElement>
+		ref: Ref<T extends "a" ? HTMLAnchorElement : HTMLButtonElement>,
 	) => {
 		return (
 			<ButtonWrapper
@@ -64,13 +64,13 @@ export const Button = forwardRef(
 				ref={ref}
 			/>
 		);
-	}
+	},
 );
 
 export const LargeButton = forwardRef(
 	<T extends AllowedTags = "a">(
 		{ class: className = "", ...props }: ButtonProps<T>,
-		ref: Ref<T extends "a" ? HTMLAnchorElement : HTMLButtonElement>
+		ref: Ref<T extends "a" ? HTMLAnchorElement : HTMLButtonElement>,
 	) => {
 		return (
 			<ButtonWrapper
@@ -79,7 +79,7 @@ export const LargeButton = forwardRef(
 				ref={ref}
 			/>
 		);
-	}
+	},
 );
 
 type IconOnlyButtonProps<T extends AllowedTags = "a"> = Omit<
@@ -90,7 +90,7 @@ type IconOnlyButtonProps<T extends AllowedTags = "a"> = Omit<
 export const IconOnlyButton = forwardRef(
 	<T extends AllowedTags = "a">(
 		{ class: className = "", children, ...props }: IconOnlyButtonProps<T>,
-		ref: Ref<T extends "a" ? HTMLAnchorElement : HTMLButtonElement>
+		ref: Ref<T extends "a" ? HTMLAnchorElement : HTMLButtonElement>,
 	) => {
 		return (
 			<ButtonWrapper
@@ -101,18 +101,18 @@ export const IconOnlyButton = forwardRef(
 				<div class="iconOnlyButtonIcon">{children}</div>
 			</ButtonWrapper>
 		);
-	}
+	},
 );
 
 export const LargeIconOnlyButton = forwardRef(
 	<T extends AllowedTags = "a">(
 		{ class: className = "", children, ...props }: IconOnlyButtonProps<T>,
-		ref: Ref<T extends "a" ? HTMLAnchorElement : HTMLButtonElement>
+		ref: Ref<T extends "a" ? HTMLAnchorElement : HTMLButtonElement>,
 	) => {
 		return (
 			<ButtonWrapper {...props} class={`iconOnly large ${className}`} ref={ref}>
 				<div class="iconOnlyButtonIcon">{children}</div>
 			</ButtonWrapper>
 		);
-	}
+	},
 );
diff --git a/src/components/chip/chip.module.scss b/src/components/chip/chip.module.scss
index 474b2a3f..77074bbc 100644
--- a/src/components/chip/chip.module.scss
+++ b/src/components/chip/chip.module.scss
@@ -55,7 +55,8 @@
 		outline-offset: 0;
 		border-color: transparent;
 		@include transition(color background-color box-shadow);
-		outline: var(--chip_focus-outline_color) solid var(--chip_focus-outline_width);
+		outline: var(--chip_focus-outline_color) solid
+			var(--chip_focus-outline_width);
 		color: var(--chip_foreground-color);
 	}
 
diff --git a/src/components/chip/chip.tsx b/src/components/chip/chip.tsx
index 9fc53a76..568947a4 100644
--- a/src/components/chip/chip.tsx
+++ b/src/components/chip/chip.tsx
@@ -24,5 +24,5 @@ export const Chip = forwardRef<HTMLElement, ChipProps>(
 				<span class={`${style.chip_content}`}>{children}</span>
 			</Wrapper>
 		);
-	}
+	},
 );
diff --git a/src/components/collection-card/collection-card.module.scss b/src/components/collection-card/collection-card.module.scss
index b713657e..9860a7ae 100644
--- a/src/components/collection-card/collection-card.module.scss
+++ b/src/components/collection-card/collection-card.module.scss
@@ -1,7 +1,6 @@
 @import "src/tokens/index";
 
 :root {
-
 	--collection-card_corner-radius: var(--corner-radius_xl);
 
 	--collection-card_author_padding-top: var(--spc-3x);
@@ -90,7 +89,8 @@
 	}
 }
 
-.forwardIcon, .forwardIcon svg {
+.forwardIcon,
+.forwardIcon svg {
 	height: 100%;
 	width: 100%;
 }
diff --git a/src/components/hero/hero.module.scss b/src/components/hero/hero.module.scss
index 840c2e00..3500fa77 100644
--- a/src/components/hero/hero.module.scss
+++ b/src/components/hero/hero.module.scss
@@ -1,48 +1,48 @@
-@import "src/tokens/index";
-
-.header {
-	align-items: center;
-	position: relative;
-}
-
-.buttons {
-	gap: var(--spc-4x) var(--spc-6x);
-	padding: var(--spc-4x) 0;
-}
-
-.bannerLogo {
-	display: none;
-}
-
-.bannerLogoMobile {
-	display: block;
-	position: absolute;
-	top: calc(-1 * var(--site-spacing));
-	left: calc(-1 * var(--site-spacing));
-	right: calc(-1 * var(--site-spacing));
-	z-index: -1;
-}
-
-.bannerTextShadow {
-	text-shadow:
-		0 0 5px var(--background_primary),
-		0 0 6px var(--background_primary),
-		0 0 8px var(--background_primary),
-		0 0 8px var(--background_primary);
-}
-
-@include from($desktopSmall) {
-	.header {
-		display: grid;
-		grid-template-columns: repeat(2, minmax(0, 1fr));
-		gap: var(--site-spacing);
-	}
-
-	.bannerLogo {
-		display: block;
-	}
-
-	.bannerLogoMobile {
-		display: none;
-	}
-}
+@import "src/tokens/index";
+
+.header {
+	align-items: center;
+	position: relative;
+}
+
+.buttons {
+	gap: var(--spc-4x) var(--spc-6x);
+	padding: var(--spc-4x) 0;
+}
+
+.bannerLogo {
+	display: none;
+}
+
+.bannerLogoMobile {
+	display: block;
+	position: absolute;
+	top: calc(-1 * var(--site-spacing));
+	left: calc(-1 * var(--site-spacing));
+	right: calc(-1 * var(--site-spacing));
+	z-index: -1;
+}
+
+.bannerTextShadow {
+	text-shadow:
+		0 0 5px var(--background_primary),
+		0 0 6px var(--background_primary),
+		0 0 8px var(--background_primary),
+		0 0 8px var(--background_primary);
+}
+
+@include from($desktopSmall) {
+	.header {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: var(--site-spacing);
+	}
+
+	.bannerLogo {
+		display: block;
+	}
+
+	.bannerLogoMobile {
+		display: none;
+	}
+}
diff --git a/src/components/image/picture.tsx b/src/components/image/picture.tsx
index 807304fb..51f791c4 100644
--- a/src/components/image/picture.tsx
+++ b/src/components/image/picture.tsx
@@ -3,26 +3,23 @@ import { JSX } from "preact";
 
 interface PictureProps {
 	picture: GetPictureResult;
-	alt: string,
+	alt: string;
 	class?: string;
 	imgAttrs?: JSX.HTMLAttributes<HTMLImageElement>;
 }
 
 export const Picture = ({
-	picture, alt,
+	picture,
+	alt,
 	class: className,
 	imgAttrs,
 }: PictureProps) => {
 	return (
-		<picture class={`${className || ''}`}>
+		<picture class={`${className || ""}`}>
 			{picture.sources.map((attrs) => (
 				<source {...attrs} />
 			))}
-			<img
-				{...(picture.image as any)}
-				{...imgAttrs}
-				alt={alt}
-			/>
+			<img {...(picture.image as any)} {...imgAttrs} alt={alt} />
 		</picture>
 	);
 };
diff --git a/src/components/page-card/page-card.module.scss b/src/components/page-card/page-card.module.scss
index 0869d4ef..d69fccda 100644
--- a/src/components/page-card/page-card.module.scss
+++ b/src/components/page-card/page-card.module.scss
@@ -1,203 +1,230 @@
-@import "src/tokens/index";
-
-:root {
-  --page-card_container_corner-radius: calc(var(--site-spacing) * 2);
-  --page-card_container_padding: calc(var(--site-spacing) * 2);
-  --page-card_container_compound-padding: calc(var(--page-card_image_border_width) + var(--page-card_container_padding));
-  --page-card_description_padding-top: var(--spc-4x);
-
-  --page-card_image_size: 240px;
-  --page-card_image_border_width: 16px;
-  --page-card_image_inset: var(--spc-12x);
-  --page_card_image_corner-radius: 48px;
-
-  --page-card_button-gap: var(--site-spacing);
-
-  --page-card_image_border_color: var(--background_primary);
-  --page-card_container_background-color: var(--surface_primary_emphasis-none);
-
-  --page-card_title_color: var(--foreground_emphasis-high);
-  --page-card_supporting-text_color: var(--foreground_emphasis-medium);
-
-  @include from($tabletSmall) {
-    --page-card_container_padding: var(--spc-6x);
-    --page-card_image_size: 240px;
-    --page-card_max-width: 640px;
-  }
-
-  @include from($tabletLarge) {
-    --page-card_container_padding: var(--spc-12x);
-    --page-card_image_size: 320px;
-    --page-card_max-width: 960px;
-  }
-
-  @include from($desktopSmall) {
-    --page-card_container_padding: var(--spc-12x);
-    --page-card_image_inset: var(--spc-16x);
-    --page-card_image_size: 360px;
-    --page-card_max-width: 960px;
-  }
-}
-
-.pageCardContainer {
-  background: var(--page-card_container_background-color);
-  display: grid;
-  border-radius: var(--page-card_container_corner-radius);
-  grid-template-columns: 1fr;
-  grid-row-gap: var(--page-card_container_padding);
-  padding: 0 var(--page-card_container_padding) var(--page-card_container_padding) var(--page-card_container_padding);
-
-  margin-top: var(--page-card_image_inset);
-
-  @include from($tabletSmall) {
-    max-width: var(--page-card_max-width);
-    grid-template-columns: auto 1fr;
-    grid-template-rows: auto auto auto;
-    grid-row-gap: var(--page-card_container_padding);
-    grid-column-gap: var(--page-card_container_padding);
-    padding: var(--page-card_container_padding) var(--page-card_container_compound-padding) var(--page-card_container_compound-padding) var(--page-card_container_compound-padding);
-  }
-
-  @include from($tabletLarge) {
-    grid-template-columns: auto 1fr;
-    grid-template-rows: 1fr 1fr var(--page-card_container_padding) auto;
-    grid-row-gap: unset;
-    grid-column-gap: var(--page-card_container_padding);
-    padding: var(--page-card_container_padding) var(--page-card_container_compound-padding);
-  }
-
-  @include from($desktopSmall) {
-    margin-top: unset;
-    grid-template-columns: auto 1fr;
-    grid-template-rows: auto auto 1fr auto;
-    grid-column-gap: var(--page-card_container_padding);
-    grid-row-gap: var(--page-card_description_padding-top);
-    padding: var(--page-card_container_padding) var(--page-card_container_compound-padding) var(--page-card_container_padding) 0;
-  }
-}
-
-.imageContainer {
-  display: inline-block;
-
-  margin-left: auto;
-  margin-right: auto;
-  margin-top: calc(0px - var(--page-card_image_inset));
-
-  @include from($tabletSmall) {
-    margin-left: unset;
-    margin-right: unset;
-    grid-row: 1/1;
-    grid-column: 1/1;
-    margin-top: calc(0px - var(--page-card_image_inset) - var(--page-card_container_padding));
-  }
-
-  @include from($tabletLarge) {
-    grid-row: 1/3;
-    grid-column: 1/1;
-    margin-top: calc(0px - var(--page-card_image_inset) - var(--page-card_container_padding));
-  }
-
-  @include from($desktopSmall) {
-    grid-row: 1/5;
-    grid-column: unset;
-    margin-top: unset;
-    margin-left: calc(0px - var(--page-card_image_inset));
-  }
-}
-
-.image {
-  height: var(--page-card_image_size);
-  width: var(--page-card_image_size);
-  border-style: solid;
-  border-radius: var(--page_card_image_corner-radius);
-  border-width: var(--page-card_image_border_width);
-  border-color: var(--page-card_image_border_color);
-  overflow: hidden;
-}
-
-.title {
-  margin: 0;
-  color: var(--foreground_emphasis-high);
-
-  @include from($tabletSmall) {
-    display: flex;
-    align-items: center;
-    padding-bottom: var(--page-card_container_padding);
-  }
-
-  @include from($tabletLarge) {
-    display: flex;
-    align-items: flex-end;
-    padding-bottom: unset;
-    margin-bottom: var(--page-card_description_padding-top);
-  }
-
-  @include from($desktopSmall) {
-    display: unset;
-    align-items: unset;
-    margin-bottom: unset;
-    margin-top: calc(var(--page-card_container_compound-padding) - var(--page-card_container_padding));
-  }
-}
-
-.description {
-  margin: 0;
-  color: var(--foreground_emphasis-medium);
-
-  @include from($tabletSmall) {
-    grid-column: 1/3;
-    padding: 0 calc(var(--page-card_container_compound-padding) - var(--page-card_container_padding));
-  }
-
-  @include from($tabletLarge) {
-    grid-column: unset;
-    padding: unset;
-  }
-}
-
-.pageCardSpacer {
-  display: none;
-
-  @include from($tabletLarge) {
-    all: unset;
-  }
-}
-
-.buttonsContainer {
-  display: flex;
-  flex-direction: column;
-  gap: var(--page-card_button-gap);
-
-  @include from($tabletSmall) {
-    flex-direction: row;
-    grid-column: 1/3;
-    padding: 0 calc(var(--page-card_container_compound-padding) - var(--page-card_container_padding));
-  }
-
-  @include from($desktopSmall) {
-    grid-column: unset;
-    justify-content: space-between;
-    margin-bottom: calc(var(--page-card_container_compound-padding) - var(--page-card_container_padding));
-    padding: unset;
-  }
-}
-
-.buttonsContainer.twoButtons > * {
-  @include from($tabletSmall) {
-    flex-basis: 50%;
-  }
-
-  @include from($desktopSmall) {
-    flex-basis: unset;
-  }
-}
-
-.buttonsContainer:not(.twoButtons) > * {
-  @include from($tabletSmall) {
-    flex-basis: 100%;
-  }
-
-  @include from($desktopSmall) {
-    flex-basis: unset;
-  }
-}
+@import "src/tokens/index";
+
+:root {
+	--page-card_container_corner-radius: calc(var(--site-spacing) * 2);
+	--page-card_container_padding: calc(var(--site-spacing) * 2);
+	--page-card_container_compound-padding: calc(
+		var(--page-card_image_border_width) + var(--page-card_container_padding)
+	);
+	--page-card_description_padding-top: var(--spc-4x);
+
+	--page-card_image_size: 240px;
+	--page-card_image_border_width: 16px;
+	--page-card_image_inset: var(--spc-12x);
+	--page_card_image_corner-radius: 48px;
+
+	--page-card_button-gap: var(--site-spacing);
+
+	--page-card_image_border_color: var(--background_primary);
+	--page-card_container_background-color: var(--surface_primary_emphasis-none);
+
+	--page-card_title_color: var(--foreground_emphasis-high);
+	--page-card_supporting-text_color: var(--foreground_emphasis-medium);
+
+	@include from($tabletSmall) {
+		--page-card_container_padding: var(--spc-6x);
+		--page-card_image_size: 240px;
+		--page-card_max-width: 640px;
+	}
+
+	@include from($tabletLarge) {
+		--page-card_container_padding: var(--spc-12x);
+		--page-card_image_size: 320px;
+		--page-card_max-width: 960px;
+	}
+
+	@include from($desktopSmall) {
+		--page-card_container_padding: var(--spc-12x);
+		--page-card_image_inset: var(--spc-16x);
+		--page-card_image_size: 360px;
+		--page-card_max-width: 960px;
+	}
+}
+
+.pageCardContainer {
+	background: var(--page-card_container_background-color);
+	display: grid;
+	border-radius: var(--page-card_container_corner-radius);
+	grid-template-columns: 1fr;
+	grid-row-gap: var(--page-card_container_padding);
+	padding: 0 var(--page-card_container_padding)
+		var(--page-card_container_padding) var(--page-card_container_padding);
+
+	margin-top: var(--page-card_image_inset);
+
+	@include from($tabletSmall) {
+		max-width: var(--page-card_max-width);
+		grid-template-columns: auto 1fr;
+		grid-template-rows: auto auto auto;
+		grid-row-gap: var(--page-card_container_padding);
+		grid-column-gap: var(--page-card_container_padding);
+		padding: var(--page-card_container_padding)
+			var(--page-card_container_compound-padding)
+			var(--page-card_container_compound-padding)
+			var(--page-card_container_compound-padding);
+	}
+
+	@include from($tabletLarge) {
+		grid-template-columns: auto 1fr;
+		grid-template-rows: 1fr 1fr var(--page-card_container_padding) auto;
+		grid-row-gap: unset;
+		grid-column-gap: var(--page-card_container_padding);
+		padding: var(--page-card_container_padding)
+			var(--page-card_container_compound-padding);
+	}
+
+	@include from($desktopSmall) {
+		margin-top: unset;
+		grid-template-columns: auto 1fr;
+		grid-template-rows: auto auto 1fr auto;
+		grid-column-gap: var(--page-card_container_padding);
+		grid-row-gap: var(--page-card_description_padding-top);
+		padding: var(--page-card_container_padding)
+			var(--page-card_container_compound-padding)
+			var(--page-card_container_padding) 0;
+	}
+}
+
+.imageContainer {
+	display: inline-block;
+
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: calc(0px - var(--page-card_image_inset));
+
+	@include from($tabletSmall) {
+		margin-left: unset;
+		margin-right: unset;
+		grid-row: 1/1;
+		grid-column: 1/1;
+		margin-top: calc(
+			0px - var(--page-card_image_inset) - var(--page-card_container_padding)
+		);
+	}
+
+	@include from($tabletLarge) {
+		grid-row: 1/3;
+		grid-column: 1/1;
+		margin-top: calc(
+			0px - var(--page-card_image_inset) - var(--page-card_container_padding)
+		);
+	}
+
+	@include from($desktopSmall) {
+		grid-row: 1/5;
+		grid-column: unset;
+		margin-top: unset;
+		margin-left: calc(0px - var(--page-card_image_inset));
+	}
+}
+
+.image {
+	height: var(--page-card_image_size);
+	width: var(--page-card_image_size);
+	border-style: solid;
+	border-radius: var(--page_card_image_corner-radius);
+	border-width: var(--page-card_image_border_width);
+	border-color: var(--page-card_image_border_color);
+	overflow: hidden;
+}
+
+.title {
+	margin: 0;
+	color: var(--foreground_emphasis-high);
+
+	@include from($tabletSmall) {
+		display: flex;
+		align-items: center;
+		padding-bottom: var(--page-card_container_padding);
+	}
+
+	@include from($tabletLarge) {
+		display: flex;
+		align-items: flex-end;
+		padding-bottom: unset;
+		margin-bottom: var(--page-card_description_padding-top);
+	}
+
+	@include from($desktopSmall) {
+		display: unset;
+		align-items: unset;
+		margin-bottom: unset;
+		margin-top: calc(
+			var(--page-card_container_compound-padding) -
+				var(--page-card_container_padding)
+		);
+	}
+}
+
+.description {
+	margin: 0;
+	color: var(--foreground_emphasis-medium);
+
+	@include from($tabletSmall) {
+		grid-column: 1/3;
+		padding: 0
+			calc(
+				var(--page-card_container_compound-padding) -
+					var(--page-card_container_padding)
+			);
+	}
+
+	@include from($tabletLarge) {
+		grid-column: unset;
+		padding: unset;
+	}
+}
+
+.pageCardSpacer {
+	display: none;
+
+	@include from($tabletLarge) {
+		all: unset;
+	}
+}
+
+.buttonsContainer {
+	display: flex;
+	flex-direction: column;
+	gap: var(--page-card_button-gap);
+
+	@include from($tabletSmall) {
+		flex-direction: row;
+		grid-column: 1/3;
+		padding: 0
+			calc(
+				var(--page-card_container_compound-padding) -
+					var(--page-card_container_padding)
+			);
+	}
+
+	@include from($desktopSmall) {
+		grid-column: unset;
+		justify-content: space-between;
+		margin-bottom: calc(
+			var(--page-card_container_compound-padding) -
+				var(--page-card_container_padding)
+		);
+		padding: unset;
+	}
+}
+
+.buttonsContainer.twoButtons > * {
+	@include from($tabletSmall) {
+		flex-basis: 50%;
+	}
+
+	@include from($desktopSmall) {
+		flex-basis: unset;
+	}
+}
+
+.buttonsContainer:not(.twoButtons) > * {
+	@include from($tabletSmall) {
+		flex-basis: 100%;
+	}
+
+	@include from($desktopSmall) {
+		flex-basis: unset;
+	}
+}
diff --git a/src/components/pagination/pagination-popover.test.tsx b/src/components/pagination/pagination-popover.test.tsx
index 1e870b8d..3ba7a474 100644
--- a/src/components/pagination/pagination-popover.test.tsx
+++ b/src/components/pagination/pagination-popover.test.tsx
@@ -8,7 +8,7 @@ test("when the menu button is clicked, the menu popup is opened", async () => {
 				currentPage: 2,
 				lastPage: 11,
 			}}
-		/>
+		/>,
 	);
 
 	// click the "..." menu
@@ -27,7 +27,7 @@ test("when '+' is clicked, the page number is incremented", async () => {
 				currentPage: 2,
 				lastPage: 11,
 			}}
-		/>
+		/>,
 	);
 
 	// click the "..." menu
@@ -54,7 +54,7 @@ test("when '-' is clicked, the page number is decremented", async () => {
 				currentPage: 2,
 				lastPage: 11,
 			}}
-		/>
+		/>,
 	);
 
 	// click the "..." menu
@@ -84,7 +84,7 @@ test("when 'Go to page' is clicked, softNavigate is invoked with the input page
 			}}
 			getPageHref={(pageNum: number) => `./${pageNum}`}
 			softNavigate={softNavigate}
-		/>
+		/>,
 	);
 
 	// click the "..." menu
diff --git a/src/components/pagination/pagination-popover.tsx b/src/components/pagination/pagination-popover.tsx
index e0525f01..9cee821c 100644
--- a/src/components/pagination/pagination-popover.tsx
+++ b/src/components/pagination/pagination-popover.tsx
@@ -21,7 +21,7 @@ import { DOMProps } from "@react-types/shared";
 function PopupContents(
 	props: Pick<PaginationProps, "page" | "getPageHref" | "softNavigate"> & {
 		close: () => void;
-	}
+	},
 ) {
 	const [count, setCount] = useState(props.page.currentPage);
 	return (
@@ -123,7 +123,7 @@ function PaginationPopover({
 			popoverRef,
 			triggerRef,
 		},
-		state
+		state,
 	);
 
 	/* Setup dialog */
@@ -167,7 +167,7 @@ function PaginationPopover({
 }
 
 export function PaginationMenuAndPopover(
-	props: Pick<PaginationProps, "page" | "getPageHref" | "softNavigate">
+	props: Pick<PaginationProps, "page" | "getPageHref" | "softNavigate">,
 ) {
 	/* Setup trigger */
 	const triggerRef = useRef(null);
@@ -175,7 +175,7 @@ export function PaginationMenuAndPopover(
 	const { triggerProps, overlayProps } = useOverlayTrigger(
 		{ type: "dialog" },
 		state,
-		triggerRef
+		triggerRef,
 	);
 
 	return (
diff --git a/src/components/pagination/pagination.test.tsx b/src/components/pagination/pagination.test.tsx
index c7fb5562..cfa03526 100644
--- a/src/components/pagination/pagination.test.tsx
+++ b/src/components/pagination/pagination.test.tsx
@@ -1,5 +1,5 @@
 import { render } from "@testing-library/preact";
-import { Pagination } from './pagination';
+import { Pagination } from "./pagination";
 
 test("Pagination renders", () => {
 	const { baseElement, getByText } = render(
@@ -8,7 +8,7 @@ test("Pagination renders", () => {
 				currentPage: 3,
 				lastPage: 8,
 			}}
-		/>
+		/>,
 	);
 
 	expect(baseElement).toBeInTheDocument();
@@ -22,7 +22,7 @@ test("when there is only one page, nothing is rendered", () => {
 				currentPage: 1,
 				lastPage: 1,
 			}}
-		/>
+		/>,
 	);
 
 	expect(container.childNodes).toHaveLength(0);
@@ -35,7 +35,7 @@ test("when there is more than one page, the pages are rendered", () => {
 				currentPage: 1,
 				lastPage: 2,
 			}}
-		/>
+		/>,
 	);
 
 	expect(container.childNodes).not.toHaveLength(0);
@@ -50,7 +50,7 @@ test("when page 1 is selected, its button has the selected state", () => {
 				currentPage: 1,
 				lastPage: 11,
 			}}
-		/>
+		/>,
 	);
 
 	const button1 = getByText("1");
@@ -67,7 +67,7 @@ test("when the previous button is clicked, softNavigate is called for the previo
 				lastPage: 11,
 			}}
 			softNavigate={softNavigate}
-		/>
+		/>,
 	);
 
 	const previous = getByTestId("pagination-previous");
@@ -86,7 +86,7 @@ test("when the next button is clicked, softNavigate is called for the next page"
 				lastPage: 11,
 			}}
 			softNavigate={softNavigate}
-		/>
+		/>,
 	);
 
 	const next = getByTestId("pagination-next");
@@ -105,7 +105,7 @@ test("when a page button is clicked, softNavigate is called for its page", () =>
 				lastPage: 11,
 			}}
 			softNavigate={softNavigate}
-		/>
+		/>,
 	);
 
 	const button5 = getByText("5");
diff --git a/src/components/pagination/pagination.tsx b/src/components/pagination/pagination.tsx
index a7dd94c8..71b91e1e 100644
--- a/src/components/pagination/pagination.tsx
+++ b/src/components/pagination/pagination.tsx
@@ -3,7 +3,10 @@ import forward from "src/icons/arrow_right.svg?raw";
 import back from "src/icons/arrow_left.svg?raw";
 import { PaginationMenuAndPopover } from "components/pagination/pagination-popover";
 import { useEffect, useState } from "preact/hooks";
-import { PaginationButtonProps, PaginationProps } from "components/pagination/types";
+import {
+	PaginationButtonProps,
+	PaginationProps,
+} from "components/pagination/types";
 import { usePagination } from "./use-pagination";
 import { onSoftNavClick } from "./on-click-base";
 
@@ -14,11 +17,18 @@ function PaginationButton({
 	selected,
 	softNavigate,
 }: PaginationButtonProps) {
-	const pageOptionalMin = Math.min(Math.max(1, pageInfo.currentPage - 1), pageInfo.lastPage - 3);
+	const pageOptionalMin = Math.min(
+		Math.max(1, pageInfo.currentPage - 1),
+		pageInfo.lastPage - 3,
+	);
 	const isOptional = pageNum < pageOptionalMin || pageNum > pageOptionalMin + 3;
 
 	return (
-		<li className={`${styles.paginationItem} ${isOptional ? styles.paginationItemExtra : ''}`}>
+		<li
+			className={`${styles.paginationItem} ${
+				isOptional ? styles.paginationItemExtra : ""
+			}`}
+		>
 			<a
 				className={`text-style-body-medium-bold ${styles.paginationButton} ${
 					selected ? styles.selected : ""
@@ -38,7 +48,7 @@ function PaginationButton({
  * This prevents the pagination menu from rendering on SSR, which throws errors
  */
 function PaginationMenuWrapper(
-	props: Pick<PaginationProps, "page" | "getPageHref" | "softNavigate">
+	props: Pick<PaginationProps, "page" | "getPageHref" | "softNavigate">,
 ) {
 	const [shouldRender, setShouldRender] = useState(false);
 
diff --git a/src/components/pagination/use-pagination.ts b/src/components/pagination/use-pagination.ts
index 6b9bc134..32355905 100644
--- a/src/components/pagination/use-pagination.ts
+++ b/src/components/pagination/use-pagination.ts
@@ -16,7 +16,7 @@ export function usePagination(page: PageInfo) {
 
 		const firstPageNum = Math.max(
 			2,
-			Math.min(page.lastPage - PAGE_BUTTON_COUNT, page.currentPage - 1)
+			Math.min(page.lastPage - PAGE_BUTTON_COUNT, page.currentPage - 1),
 		);
 
 		const pages = [
@@ -32,7 +32,7 @@ export function usePagination(page: PageInfo) {
 			page.lastPage,
 		].filter(
 			// ensure that displayed pages are within the desired range
-			(i) => (i === "..." && isDotsEnabled) || (+i > 0 && +i <= page.lastPage)
+			(i) => (i === "..." && isDotsEnabled) || (+i > 0 && +i <= page.lastPage),
 		);
 
 		return {
diff --git a/src/components/post-card/post-card-grid.tsx b/src/components/post-card/post-card-grid.tsx
index 2416008a..f0240fcf 100644
--- a/src/components/post-card/post-card-grid.tsx
+++ b/src/components/post-card/post-card-grid.tsx
@@ -26,9 +26,12 @@ export function PostCardGrid({ postsToDisplay, ...props }: PostGridProps) {
 						unicornProfilePicMap={props.unicornProfilePicMap}
 					/>
 				) : (
-					<PostCard post={post} unicornProfilePicMap={props.unicornProfilePicMap} />
+					<PostCard
+						post={post}
+						unicornProfilePicMap={props.unicornProfilePicMap}
+					/>
 				);
 			})}
 		</ul>
-	)
+	);
 }
diff --git a/src/components/post-card/post-card.module.scss b/src/components/post-card/post-card.module.scss
index b0932230..36c9331b 100644
--- a/src/components/post-card/post-card.module.scss
+++ b/src/components/post-card/post-card.module.scss
@@ -119,7 +119,8 @@
 	text-decoration: none;
 }
 
-.authorName:hover, .authorName:focus {
+.authorName:hover,
+.authorName:focus {
 	text-decoration: underline;
 }
 
diff --git a/src/components/related-posts/related-posts-card.module.scss b/src/components/related-posts/related-posts-card.module.scss
index 5eed5d3c..68d475f5 100644
--- a/src/components/related-posts/related-posts-card.module.scss
+++ b/src/components/related-posts/related-posts-card.module.scss
@@ -8,7 +8,7 @@
 	gap: var(--spc-1x);
 	border-radius: var(--corner-radius_m);
 	text-decoration: none;
-	
+
 	@include transition(background-color);
 }
 
diff --git a/src/components/select/select.module.scss b/src/components/select/select.module.scss
index fef0bb1a..70ce6c41 100644
--- a/src/components/select/select.module.scss
+++ b/src/components/select/select.module.scss
@@ -11,7 +11,9 @@
 	--popup_item_padding: var(--spc-2x);
 	--popup_item_label_padding: var(--spc-1x);
 	--popup_item_min-height: var(--min-target-size_m);
-	--popup_item_corner-radius: calc(var(--popup_corner-radius) - var(--popup_padding));
+	--popup_item_corner-radius: calc(
+		var(--popup_corner-radius) - var(--popup_padding)
+	);
 	--popup_item_icon-size: var(--icon-size_dense);
 
 	--popup_item_background-color_hovered: var(--surface_primary_emphasis-medium);
diff --git a/src/components/select/select.tsx b/src/components/select/select.tsx
index 9b34d0e4..642631e1 100644
--- a/src/components/select/select.tsx
+++ b/src/components/select/select.tsx
@@ -7,9 +7,9 @@ import {
 	useSelect,
 	AriaListBoxOptions,
 	DismissButton,
-  Overlay,
-  usePopover,
-  AriaPopoverProps,
+	Overlay,
+	usePopover,
+	AriaPopoverProps,
 } from "react-aria";
 import { PropsWithChildren } from "preact/compat";
 import down from "src/icons/chevron_down.svg?raw";
@@ -21,25 +21,29 @@ import { Node } from "@react-types/shared";
 
 export { Item, Section } from "react-stately";
 
-interface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef'> {
+interface PopoverProps extends Omit<AriaPopoverProps, "popoverRef"> {
 	state: OverlayTriggerState;
 }
 
-function Popover({ children, state, ...props }: PropsWithChildren<PopoverProps>) {
+function Popover({
+	children,
+	state,
+	...props
+}: PropsWithChildren<PopoverProps>) {
 	const popoverRef = useRef(null);
-	const { popoverProps, underlayProps } = usePopover({
-		...props,
-    offset: 8,
-		popoverRef
-	}, state);
+	const { popoverProps, underlayProps } = usePopover(
+		{
+			...props,
+			offset: 8,
+			popoverRef,
+		},
+		state,
+	);
 
 	return (
 		<Overlay>
 			<div {...underlayProps} className={styles.underlay} />
-			<div
-				{...popoverProps}
-				ref={popoverRef}
-			>
+			<div {...popoverProps} ref={popoverRef}>
 				<DismissButton onDismiss={state.close} />
 				{children}
 				<DismissButton onDismiss={state.close} />
@@ -65,34 +69,36 @@ export function Select<T extends object>({
 	const { labelProps, triggerProps, valueProps, menuProps } = useSelect(
 		props,
 		state,
-		ref
+		ref,
 	);
 
 	return (
-		<div  style={{ display: 'inline-block' }}>
+		<div style={{ display: "inline-block" }}>
 			<div {...labelProps} class={"visually-hidden"}>
 				Post sort order
 			</div>
-      <HiddenSelect
-        isDisabled={props.isDisabled}
-        state={state}
-        triggerRef={ref}
-        label={props.label}
-        name={props.name}
-      />
-      {/* onPress and onPressStart isn't working for Preact */}
+			<HiddenSelect
+				isDisabled={props.isDisabled}
+				state={state}
+				triggerRef={ref}
+				label={props.label}
+				name={props.name}
+			/>
+			{/* onPress and onPressStart isn't working for Preact */}
 			<Button
 				class={`${className} ${classNameName}`}
 				tag="button"
 				type="button"
-        variant={state.isOpen ? "primary-emphasized" : "primary"}
+				variant={state.isOpen ? "primary-emphasized" : "primary"}
 				ref={ref}
-        onMouseDown={triggerProps.onPressStart as never}
-        onClick={triggerProps.onPress as never}
+				onMouseDown={triggerProps.onPressStart as never}
+				onClick={triggerProps.onPress as never}
 				{...triggerProps}
 				rightIcon={
 					<span
-            style={{transform: state.isOpen ? 'rotate(-180deg)' : 'rotate(0deg)'}}
+						style={{
+							transform: state.isOpen ? "rotate(-180deg)" : "rotate(0deg)",
+						}}
 						className={styles.downSpan}
 						dangerouslySetInnerHTML={{ __html: down }}
 					></span>
@@ -106,9 +112,9 @@ export function Select<T extends object>({
 			</Button>
 
 			{state.isOpen && (
-					<Popover state={state} triggerRef={ref} placement="bottom end">
-						<ListBox {...menuProps} state={state} />
-					</Popover>
+				<Popover state={state} triggerRef={ref} placement="bottom end">
+					<ListBox {...menuProps} state={state} />
+				</Popover>
 			)}
 		</div>
 	);
@@ -145,7 +151,7 @@ export function Option({ item, state }: OptionProps) {
 			key: item.key,
 		},
 		state,
-		ref
+		ref,
 	);
 
 	return (
@@ -154,7 +160,9 @@ export function Option({ item, state }: OptionProps) {
 			ref={ref}
 			class={`${styles.option} ${isSelected ? styles.selected : ""}`}
 		>
-			<span className={`text-style-button-regular ${styles.optionText}`}>{item.rendered}</span>
+			<span className={`text-style-button-regular ${styles.optionText}`}>
+				{item.rendered}
+			</span>
 			{isSelected && (
 				<span
 					className={styles.checkmark}
diff --git a/src/components/subheader/subheader.module.scss b/src/components/subheader/subheader.module.scss
index 342ed807..000a56ca 100644
--- a/src/components/subheader/subheader.module.scss
+++ b/src/components/subheader/subheader.module.scss
@@ -1,21 +1,21 @@
 :root {
-    --subheader_padding-top: calc(var(--site-spacing) * 2);
-    --subheader_padding-bottom: var(--spc-4x);
-    --subheader_gap: var(--spc-4x);
+	--subheader_padding-top: calc(var(--site-spacing) * 2);
+	--subheader_padding-bottom: var(--spc-4x);
+	--subheader_gap: var(--spc-4x);
 
-    --subheader_label_color: var(--foreground_emphasis-high);
+	--subheader_label_color: var(--foreground_emphasis-high);
 }
 
 .container {
-    padding-top: var(--subheader_padding-top);
-    padding-bottom: var(--subheader_padding-bottom);
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: var(--subheader_gap);
+	padding-top: var(--subheader_padding-top);
+	padding-bottom: var(--subheader_padding-bottom);
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: var(--subheader_gap);
 }
 
 .heading {
-    color: var(--subheader_label_color);
-    margin: 0;
-}
\ No newline at end of file
+	color: var(--subheader_label_color);
+	margin: 0;
+}
diff --git a/src/components/subheader/subheader.tsx b/src/components/subheader/subheader.tsx
index 5abba607..9347ffa9 100644
--- a/src/components/subheader/subheader.tsx
+++ b/src/components/subheader/subheader.tsx
@@ -3,25 +3,38 @@ import styles from "./subheader.module.scss";
 import { createElement } from "preact";
 
 type SubHeaderProps = PropsWithOptionalChildren<{
-    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    class?: string;
-    style?: string;
-    text: string;
+	tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+	class?: string;
+	style?: string;
+	text: string;
 }>;
 
-export function SubHeader({ tag, children, text, class: className, ...props }: SubHeaderProps) {
-    const Heading = (props: any) => createElement(tag, {
-        ...props,
-    }, props.children);
+export function SubHeader({
+	tag,
+	children,
+	text,
+	class: className,
+	...props
+}: SubHeaderProps) {
+	const Heading = (props: any) =>
+		createElement(
+			tag,
+			{
+				...props,
+			},
+			props.children,
+		);
 
-    return (
-        <div className={styles.container}>
-            <Heading className={[
-                styles.heading,
-                "text-style-headline-4",
-                className
-            ].filter(c => !!c).join(" ")}>{text}</Heading>
-            {children}
-        </div>
-    );
+	return (
+		<div className={styles.container}>
+			<Heading
+				className={[styles.heading, "text-style-headline-4", className]
+					.filter((c) => !!c)
+					.join(" ")}
+			>
+				{text}
+			</Heading>
+			{children}
+		</div>
+	);
 }
diff --git a/src/env.d.ts b/src/env.d.ts
index dc790a86..92317955 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -1 +1 @@
-/// <reference types="@astrojs/image/client" />
\ No newline at end of file
+/// <reference types="@astrojs/image/client" />
diff --git a/src/global.scss b/src/global.scss
index 1f5a966d..fd64f7fc 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -68,7 +68,8 @@ body {
 	margin: 0;
 	padding: 0;
 	color: var(--foreground_emphasis-high);
-	transition: color $animStyle $animSpeed,
+	transition:
+		color $animStyle $animSpeed,
 		background-color $animStyle $animSpeed;
 }
 
@@ -94,7 +95,8 @@ body {
 	height: auto;
 }
 
-img.circleImg, .circleImg img {
+img.circleImg,
+.circleImg img {
 	flex-shrink: 0;
 	flex-grow: 0;
 	border-radius: 50%;
diff --git a/src/pages/rss.xml.ts b/src/pages/rss.xml.ts
index 4c5dd372..9c845c81 100644
--- a/src/pages/rss.xml.ts
+++ b/src/pages/rss.xml.ts
@@ -5,7 +5,7 @@ import { ExtendedPostInfo } from "types/index";
 
 const postImportResult = import.meta.glob<MarkdownInstance<ExtendedPostInfo>>(
 	"../../content/blog/**/*.md",
-	{ eager: true }
+	{ eager: true },
 );
 const posts = Object.values(postImportResult);
 
@@ -30,7 +30,7 @@ export const get = () => {
 		.sort((a, b) =>
 			new Date(b.frontmatter.published) > new Date(a.frontmatter.published)
 				? 1
-				: -1
+				: -1,
 		)
 		.forEach((post) => {
 			const nodeUrl = `${siteUrl}/posts/${post.frontmatter.slug}`;
diff --git a/src/styles/markdown/blockquote.scss b/src/styles/markdown/blockquote.scss
index 91fd3bf3..4a8537a8 100644
--- a/src/styles/markdown/blockquote.scss
+++ b/src/styles/markdown/blockquote.scss
@@ -8,12 +8,14 @@ blockquote:not([class]) {
 	position: relative;
 	margin: var(--site-spacing) 0;
 	padding: 0;
-	padding-left: calc(var(--blockquote_border-width) + var(--blockquote_padding-start));
+	padding-left: calc(
+		var(--blockquote_border-width) + var(--blockquote_padding-start)
+	);
 
 	color: var(--foreground_emphasis-medium);
 
 	&::before {
-		content: '';
+		content: "";
 		display: block;
 		position: absolute;
 		left: 0;
diff --git a/src/styles/markdown/codeblock.scss b/src/styles/markdown/codeblock.scss
index 6babf590..306d05aa 100644
--- a/src/styles/markdown/codeblock.scss
+++ b/src/styles/markdown/codeblock.scss
@@ -4,7 +4,10 @@
 :root {
 	--code-block_padding: var(--spc-2x);
 	--code-block_corner-radius: var(--corner-radius_l);
-	--code-block_inner-corner-radius: calc(var(--code-block_corner-radius) - var(--code-block_padding) - var(--code-block_border_width));
+	--code-block_inner-corner-radius: calc(
+		var(--code-block_corner-radius) - var(--code-block_padding) -
+			var(--code-block_border_width)
+	);
 
 	--code-block_header_gap: var(--spc-4x);
 	--code-block_header_min-height: var(--min-target-size_xl);
@@ -30,7 +33,9 @@ pre.shiki {
 
 		color: var(--code-block_header_title_color);
 
-		min-height: calc(var(--code-block_header_min-height) - 2*var(--code-block_padding));
+		min-height: calc(
+			var(--code-block_header_min-height) - 2 * var(--code-block_padding)
+		);
 		padding: 0 var(--code-block_header_title_margin-horizontal);
 
 		display: flex;
diff --git a/src/styles/markdown/embed.scss b/src/styles/markdown/embed.scss
index c780ea22..bb45cf16 100644
--- a/src/styles/markdown/embed.scss
+++ b/src/styles/markdown/embed.scss
@@ -5,13 +5,17 @@
 	--embed_header_gap: var(--spc-2x);
 	--embed_corner-radius: var(--corner-radius_l);
 
-	--embed-iframe_margin: calc( var(--embed_header_padding) / 2 );
-	--embed-iframe_corner-radius: calc( var(--embed_corner-radius) - var(--embed-iframe_margin) );
+	--embed-iframe_margin: calc(var(--embed_header_padding) / 2);
+	--embed-iframe_corner-radius: calc(
+		var(--embed_corner-radius) - var(--embed-iframe_margin)
+	);
 	--embed-iframe_border-width: var(--border-width_s);
 
 	--embed_background-color: var(--surface_primary_emphasis-none);
 	--embed_favicon_container_size: var(--min-target-size_m);
-	--embed_favicon_container_background-color: var(--surface_primary_emphasis-low);
+	--embed_favicon_container_background-color: var(
+		--surface_primary_emphasis-low
+	);
 	--embed_favicon_icon-size: var(--icon-size_regular);
 	--embed_favicon_icon_color: var(--primary_on-variant);
 	--embed_iframe_background-color: var(--surface_primary_emphasis-low);
@@ -41,12 +45,16 @@
 			width: var(--embed_favicon_container_size);
 			height: var(--embed_favicon_container_size);
 			flex-shrink: 0;
-			padding: calc((var(--embed_favicon_container_size) - var(--embed_favicon_icon-size)) / 2);
+			padding: calc(
+				(var(--embed_favicon_container_size) - var(--embed_favicon_icon-size)) /
+					2
+			);
 
 			background-color: var(--embed_favicon_container_background-color);
 			border-radius: 50%;
 
-			& picture, & img {
+			& picture,
+			& img {
 				width: var(--embed_favicon_icon-size);
 				height: var(--embed_favicon_icon-size);
 			}
@@ -56,12 +64,12 @@
 			flex: 1;
 			min-width: 0;
 
-			&> p {
+			& > p {
 				@extend .text-style-body-medium-bold;
 				margin: 0;
 			}
 
-			&> a {
+			& > a {
 				@extend .text-style-body-small-bold;
 				white-space: nowrap;
 				overflow: hidden;
@@ -89,7 +97,8 @@
 
 	&__placeholder {
 		background-color: var(--embed_iframe_background-color);
-		border: var(--embed-iframe_border-width) solid var(--embed_iframe_border_color);
+		border: var(--embed-iframe_border-width) solid
+			var(--embed_iframe_border_color);
 		border-radius: var(--embed-iframe_corner-radius);
 		margin: var(--embed-iframe_margin);
 
@@ -99,7 +108,7 @@
 			margin-top: 0;
 		}
 
-		&> .button {
+		& > .button {
 			position: absolute;
 			top: 50%;
 			left: 50%;
@@ -107,10 +116,11 @@
 		}
 	}
 
-	&> iframe {
+	& > iframe {
 		box-sizing: border-box;
 		display: block;
-		border: var(--embed-iframe_border-width) solid var(--embed_iframe_border_color);
+		border: var(--embed-iframe_border-width) solid
+			var(--embed_iframe_border_color);
 		border-radius: var(--embed-iframe_corner-radius);
 		margin: var(--embed-iframe_margin);
 		overflow: hidden;
diff --git a/src/styles/markdown/hints.scss b/src/styles/markdown/hints.scss
index d090926c..6377f4c0 100644
--- a/src/styles/markdown/hints.scss
+++ b/src/styles/markdown/hints.scss
@@ -9,7 +9,9 @@
 	--hint-container_corner-radius_expanded: var(--corner-radius_m);
 
 	// We calculate the content radius off of two tokens so they update accordingly if any of the values is changed
-	--hint-content_corner-radius: calc(var(--hint-container_corner-radius_expanded) - var(--hint-container_padding));
+	--hint-content_corner-radius: calc(
+		var(--hint-container_corner-radius_expanded) - var(--hint-container_padding)
+	);
 	--hint-content_background-color: var(--background_primary);
 	--hint-content_padding: var(--spc-4x);
 
@@ -20,8 +22,12 @@
 	--hint-header_gap: var(--spc-2x);
 
 	--hint-container_background-color: var(--surface_primary_emphasis-low);
-	--hint-container_background-color_hovered: var(--surface_primary_emphasis-medium);
-	--hint-container_background-color_pressed: var(--surface_primary_emphasis-high);
+	--hint-container_background-color_hovered: var(
+		--surface_primary_emphasis-medium
+	);
+	--hint-container_background-color_pressed: var(
+		--surface_primary_emphasis-high
+	);
 	--hint-container_background-color_focused: var(--background_focus);
 
 	--hint-container_foreground-color: var(--foreground_emphasis-high);
@@ -41,7 +47,7 @@
 .hint {
 	margin: var(--site-spacing) 0;
 
-	&> .hint__container {
+	& > .hint__container {
 		display: inline-block;
 		overflow: hidden;
 		max-width: 100%;
@@ -55,9 +61,9 @@
 			transform: rotateZ(180deg);
 		}
 
-		&> .hint__title {
+		& > .hint__title {
 			&::marker {
-				content: '';
+				content: "";
 			}
 
 			display: flex;
@@ -74,7 +80,7 @@
 			outline: none !important;
 		}
 
-		&> .hint__content {
+		& > .hint__content {
 			margin: var(--hint-container_padding);
 			background-color: var(--hint-content_background-color);
 			border-radius: var(--hint-content_corner-radius);
@@ -82,12 +88,12 @@
 
 			@include transition(background-color);
 
-			&> *:first-child {
+			& > *:first-child {
 				margin-top: 0;
 				padding-top: 0;
 			}
 
-			&> *:last-child {
+			& > *:last-child {
 				margin-bottom: 0;
 				padding-bottom: 0;
 			}
@@ -107,7 +113,8 @@
 		@supports selector(:has(*)) {
 			&:has(.hint__title:focus-visible) {
 				background-color: var(--hint-container_background-color_focused);
-				outline: var(--hint_focus-outline_width) solid var(--hint_focus-outline_color);
+				outline: var(--hint_focus-outline_width) solid
+					var(--hint_focus-outline_color);
 			}
 		}
 
@@ -117,7 +124,8 @@
 		@supports not selector(:has(*)) {
 			&:focus-within {
 				background-color: var(--hint-container_background-color_focused);
-				outline: var(--hint_focus-outline_width) solid var(--hint_focus-outline_color);
+				outline: var(--hint_focus-outline_width) solid
+					var(--hint_focus-outline_color);
 			}
 		}
 	}
diff --git a/src/styles/markdown/lists.scss b/src/styles/markdown/lists.scss
index 053b328f..8ed764eb 100644
--- a/src/styles/markdown/lists.scss
+++ b/src/styles/markdown/lists.scss
@@ -8,7 +8,10 @@
 
 	// should match public/icons/list-bowtie-*.svg
 	--list_bowtie_size: 16px;
-	--list_bowtie_top: calc((var(--list_item_padding-vertical) / 2) + ((var(--p_medium_line-height) - var(--list_bowtie_size)) / 2))
+	--list_bowtie_top: calc(
+		(var(--list_item_padding-vertical) / 2) +
+			((var(--p_medium_line-height) - var(--list_bowtie_size)) / 2)
+	);
 }
 
 .post-body ul:not([class]) {
@@ -17,16 +20,20 @@
 	padding: calc(var(--list_item_padding-vertical) / 2) 0;
 	padding-left: var(--list_padding-start);
 
-	&> li {
-		background: url('/icons/list-bowtie-light.svg') no-repeat 0 var(--list_bowtie_top);
+	& > li {
+		background: url("/icons/list-bowtie-light.svg") no-repeat 0
+			var(--list_bowtie_top);
 		padding: calc(var(--list_item_padding-vertical) / 2) 0;
-		padding-left: calc(var(--list_bowtie_size) + var(--list_item_padding-start));
+		padding-left: calc(
+			var(--list_bowtie_size) + var(--list_item_padding-start)
+		);
 
 		@include darkTheme {
-			background: url('/icons/list-bowtie-dark.svg') no-repeat 0 var(--list_bowtie_top);
+			background: url("/icons/list-bowtie-dark.svg") no-repeat 0
+				var(--list_bowtie_top);
 		}
 
-		&> *:first-child {
+		& > *:first-child {
 			margin-top: 0;
 		}
 	}
diff --git a/src/styles/markdown/table.scss b/src/styles/markdown/table.scss
index 2993f759..4a9977bb 100644
--- a/src/styles/markdown/table.scss
+++ b/src/styles/markdown/table.scss
@@ -7,7 +7,9 @@
 
 	--table_header_padding: var(--spc-3x);
 	--table_grid-wrapper_cell-gap: var(--border-width_s);
-	--table_grid-wrapper_corner-radius: calc(var(--table_corner-radius) - var(--table_padding-horizontal));
+	--table_grid-wrapper_corner-radius: calc(
+		var(--table_corner-radius) - var(--table_padding-horizontal)
+	);
 	--table_cell_padding-horizontal: var(--spc-3x);
 	--table_cell_padding-vertical: var(--spc-2x);
 
@@ -101,7 +103,7 @@ thead {
 		position: relative;
 
 		&:not(:last-child)::after {
-			content: '';
+			content: "";
 			display: block;
 			position: absolute;
 			top: 50%;
@@ -121,17 +123,31 @@ tbody {
 	border-radius: var(--table_grid-wrapper_corner-radius);
 
 	td {
-		padding: var(--table_cell_padding-vertical) var(--table_cell_padding-horizontal);
-		background: linear-gradient(var(--table_cell_background-color), var(--table_cell_background-color)),
-			linear-gradient(var(--table_grid-wrapper_background-color), var(--table_grid-wrapper_background-color));
+		padding: var(--table_cell_padding-vertical)
+			var(--table_cell_padding-horizontal);
+		background: linear-gradient(
+				var(--table_cell_background-color),
+				var(--table_cell_background-color)
+			),
+			linear-gradient(
+				var(--table_grid-wrapper_background-color),
+				var(--table_grid-wrapper_background-color)
+			);
 
-		border: var(--table_grid-wrapper_cell-gap) solid var(--table_grid-wrapper_background-color);
+		border: var(--table_grid-wrapper_cell-gap) solid
+			var(--table_grid-wrapper_background-color);
 	}
 
 	tr:nth-child(even) {
 		td {
-			background: linear-gradient(var(--table_cell-alternate_background-color), var(--table_cell-alternate_background-color)),
-				linear-gradient(var(--table_grid-wrapper_background-color), var(--table_grid-wrapper_background-color));
+			background: linear-gradient(
+					var(--table_cell-alternate_background-color),
+					var(--table_cell-alternate_background-color)
+				),
+				linear-gradient(
+					var(--table_grid-wrapper_background-color),
+					var(--table_grid-wrapper_background-color)
+				);
 		}
 	}
 
@@ -152,6 +168,7 @@ tbody {
 	}
 }
 
-th > code, td > code {
+th > code,
+td > code {
 	word-break: break-word;
 }
diff --git a/src/styles/markdown/tabs.scss b/src/styles/markdown/tabs.scss
index cf2eefb2..85c996c3 100644
--- a/src/styles/markdown/tabs.scss
+++ b/src/styles/markdown/tabs.scss
@@ -50,7 +50,8 @@
 	user-select: none;
 }
 
-.tabs__tab[aria-selected="true"], .tabs__tab[aria-selected=""] {
+.tabs__tab[aria-selected="true"],
+.tabs__tab[aria-selected=""] {
 	background-color: var(--tab_background-color_selected);
 	color: var(--tab_foreground-color_selected);
 }
@@ -76,7 +77,8 @@
 	background-color: var(--tabbed-wrapper_background-color);
 }
 
-.tabs__tab-panel[aria-hidden="true"], .tabs__tab-panel[aria-hidden=""] {
+.tabs__tab-panel[aria-hidden="true"],
+.tabs__tab-panel[aria-hidden=""] {
 	display: none;
 }
 
@@ -111,7 +113,8 @@
 			grid-row-start: 2;
 			grid-column: 1 / 3;
 
-			&[aria-hidden="true"], &[aria-hidden=""] {
+			&[aria-hidden="true"],
+			&[aria-hidden=""] {
 				display: block;
 				visibility: hidden;
 			}
diff --git a/src/styles/markdown/tooltips.scss b/src/styles/markdown/tooltips.scss
index 33d9e24d..13a81d8c 100644
--- a/src/styles/markdown/tooltips.scss
+++ b/src/styles/markdown/tooltips.scss
@@ -31,14 +31,14 @@
 		align-items: center;
 		gap: var(--tooltip_icon-margin);
 
-		&> svg {
+		& > svg {
 			padding: var(--icon-size-dense-padding);
 			width: var(--tooltip_icon-size);
 			height: var(--tooltip_icon-size);
 			color: var(--tooltip_icon-color);
 		}
 
-		&> p {
+		& > p {
 			@extend .text-style-body-medium-bold;
 			margin: 0;
 		}
@@ -48,18 +48,16 @@
 		padding-left: calc(var(--tooltip_icon-size) + var(--tooltip_icon-margin));
 		margin-top: var(--tooltip_desc-gap);
 
-		&> * {
+		& > * {
 			@extend .text-style-body-small;
 		}
 
-		&> *:first-child {
+		& > *:first-child {
 			margin-top: 0;
 		}
 
-		&> *:last-child {
+		& > *:last-child {
 			margin-bottom: 0;
 		}
 	}
 }
-
-
diff --git a/src/styles/post-body.scss b/src/styles/post-body.scss
index 1d2c08f8..5defc465 100644
--- a/src/styles/post-body.scss
+++ b/src/styles/post-body.scss
@@ -57,16 +57,21 @@
 
 	color: var(--foreground_emphasis-high);
 
-	h1, .text-style-headline-1,
-	h2, .text-style-headline-2,
-	h3, .text-style-headline-3,
-	h4, .text-style-headline-4,
-	h5, .text-style-headline-5,
-	h6, .text-style-headline-6 {
+	h1,
+	.text-style-headline-1,
+	h2,
+	.text-style-headline-2,
+	h3,
+	.text-style-headline-3,
+	h4,
+	.text-style-headline-4,
+	h5,
+	.text-style-headline-5,
+	h6,
+	.text-style-headline-6 {
 		color: var(--foreground_emphasis-high);
 	}
 
-
 	// Fix autolink-headings anchors positioning
 	.anchor {
 		line-height: 1;
@@ -135,7 +140,8 @@
 		background-color: #eee;
 		border-radius: 3px;
 		border: 1px solid #b4b4b4;
-		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
+		box-shadow:
+			0 1px 1px rgba(0, 0, 0, 0.2),
 			0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
 		color: #333;
 		display: inline-block;
diff --git a/src/styles/text-styles.scss b/src/styles/text-styles.scss
index 8e70cb7f..cc89aac8 100644
--- a/src/styles/text-styles.scss
+++ b/src/styles/text-styles.scss
@@ -1,28 +1,32 @@
 @import "src/tokens/index";
 
 @font-face {
-	font-family: 'Figtree';
-	src: url('/fonts/Figtree/Figtree-VariableFont_wght.ttf') format("truetype-variations");
+	font-family: "Figtree";
+	src: url("/fonts/Figtree/Figtree-VariableFont_wght.ttf")
+		format("truetype-variations");
 	font-weight: 1 999;
 }
 
 @font-face {
-	font-family: 'Figtree';
+	font-family: "Figtree";
 	font-style: italic;
-	src: url('/fonts/Figtree/Figtree-Italic-VariableFont_wght.ttf') format("truetype-variations");
+	src: url("/fonts/Figtree/Figtree-Italic-VariableFont_wght.ttf")
+		format("truetype-variations");
 	font-weight: 1 999;
 }
 
 @font-face {
-	font-family: 'Roboto Mono';
-	src: url('/fonts/Roboto_Mono/RobotoMono-VariableFont_wght.ttf') format("truetype-variations");
+	font-family: "Roboto Mono";
+	src: url("/fonts/Roboto_Mono/RobotoMono-VariableFont_wght.ttf")
+		format("truetype-variations");
 	font-weight: 1 999;
 }
 
 @font-face {
-	font-family: 'Roboto Mono';
+	font-family: "Roboto Mono";
 	font-style: italic;
-	src: url('/fonts/Roboto_Mono/RobotoMono-Italic-VariableFont_wght.ttf') format("truetype-variations");
+	src: url("/fonts/Roboto_Mono/RobotoMono-Italic-VariableFont_wght.ttf")
+		format("truetype-variations");
 	font-weight: 1 999;
 }
 
@@ -35,49 +39,56 @@
 	font-family: var(--uu-font-family);
 }
 
-h1, .text-style-headline-1 {
+h1,
+.text-style-headline-1 {
 	font-family: var(--uu-font-family);
 	font-size: var(--h1_font-size);
 	font-weight: var(--weight_black);
 	line-height: var(--h1_line-height);
 }
 
-h2, .text-style-headline-2 {
+h2,
+.text-style-headline-2 {
 	font-family: var(--uu-font-family);
 	font-size: var(--h2_font-size);
 	font-weight: var(--weight_extrabold);
 	line-height: var(--h2_line-height);
 }
 
-h3, .text-style-headline-3 {
+h3,
+.text-style-headline-3 {
 	font-family: var(--uu-font-family);
 	font-size: var(--h3_font-size);
 	font-weight: var(--weight_bold);
 	line-height: var(--h3_line-height);
 }
 
-h4, .text-style-headline-4 {
+h4,
+.text-style-headline-4 {
 	font-family: var(--uu-font-family);
 	font-size: var(--h4_font-size);
 	font-weight: var(--weight_bold);
 	line-height: var(--h4_line-height);
 }
 
-h5, .text-style-headline-5 {
+h5,
+.text-style-headline-5 {
 	font-family: var(--uu-font-family);
 	font-size: var(--h5_font-size);
 	font-weight: var(--weight_bold);
 	line-height: var(--h5_line-height);
 }
 
-h6, .text-style-headline-6 {
+h6,
+.text-style-headline-6 {
 	font-family: var(--uu-font-family);
 	font-size: var(--h6_font-size);
 	font-weight: var(--weight_bold);
 	line-height: var(--h6_line-height);
 }
 
-p, .text-style-body-large {
+p,
+.text-style-body-large {
 	font-family: var(--uu-font-family);
 	font-size: var(--p_large_font-size);
 	font-weight: var(--weight_regular);
@@ -124,7 +135,8 @@ p, .text-style-body-large {
 	margin: 0;
 }
 
-button, .text-style-button-regular {
+button,
+.text-style-button-regular {
 	font-family: var(--uu-font-family);
 	font-size: var(--button_regular_font-size);
 	font-weight: var(--weight_semibold);
@@ -132,7 +144,9 @@ button, .text-style-button-regular {
 	margin: 0;
 }
 
-pre, code, .text-style-code {
+pre,
+code,
+.text-style-code {
 	@extend .text-style-body-large;
 	font-family: var(--uu-font-family-code);
 }
diff --git a/src/styles/variables/border_widths.scss b/src/styles/variables/border_widths.scss
index 413389ef..c2bf0e0f 100644
--- a/src/styles/variables/border_widths.scss
+++ b/src/styles/variables/border_widths.scss
@@ -1,7 +1,7 @@
-:root {
-  --border-width_s: 1px;
-  --border-width_m: 2px;
-  --border-width_l: 4px;
-  --border-width_xl: 8px;
-  --border-width_focus: var(--border-width_l);
-}
+:root {
+	--border-width_s: 1px;
+	--border-width_m: 2px;
+	--border-width_l: 4px;
+	--border-width_xl: 8px;
+	--border-width_focus: var(--border-width_l);
+}
diff --git a/src/styles/variables/corner_radius.scss b/src/styles/variables/corner_radius.scss
index 4e4c0d60..4997fa40 100644
--- a/src/styles/variables/corner_radius.scss
+++ b/src/styles/variables/corner_radius.scss
@@ -1,7 +1,7 @@
-:root {
-  --corner-radius_s: 8px;
-  --corner-radius_m: 16px;
-  --corner-radius_l: 24px;
-  --corner-radius_xl: 32px;
-  --corner-radius_circular: 9999px;
-}
+:root {
+	--corner-radius_s: 8px;
+	--corner-radius_m: 16px;
+	--corner-radius_l: 24px;
+	--corner-radius_xl: 32px;
+	--corner-radius_circular: 9999px;
+}
diff --git a/src/styles/variables/fonts.scss b/src/styles/variables/fonts.scss
index 6a9a3ab9..713b692c 100644
--- a/src/styles/variables/fonts.scss
+++ b/src/styles/variables/fonts.scss
@@ -1,108 +1,106 @@
 @import "src/tokens/index";
 
 :root {
-  --uu-font-family: "Figtree", "Arial", "Roboto", sans-serif;
-  --uu-font-family-code: "Roboto Mono", monospace;
-  --weight_regular: 400;
-  --weight_semibold: 600;
-  --weight_bold: 700;
-  --weight_extrabold: 800;
-  --weight_black: 900;
+	--uu-font-family: "Figtree", "Arial", "Roboto", sans-serif;
+	--uu-font-family-code: "Roboto Mono", monospace;
+	--weight_regular: 400;
+	--weight_semibold: 600;
+	--weight_bold: 700;
+	--weight_extrabold: 800;
+	--weight_black: 900;
 
-  --h1_font-size: #{pxToRem(32)};
-  --h1_line-height: 100%;
-  --h1_block-padding-top: #{pxToRem(16)};
-  --h1_block-padding-bottom: #{pxToRem(16)};
+	--h1_font-size: #{pxToRem(32)};
+	--h1_line-height: 100%;
+	--h1_block-padding-top: #{pxToRem(16)};
+	--h1_block-padding-bottom: #{pxToRem(16)};
 
-  --h2_font-size: #{pxToRem(28)};
-  --h2_line-height: #{pxToRem(32)};
-  --h2_block-padding-top: #{pxToRem(16)};
-  --h2_block-padding-bottom: #{pxToRem(8)};
+	--h2_font-size: #{pxToRem(28)};
+	--h2_line-height: #{pxToRem(32)};
+	--h2_block-padding-top: #{pxToRem(16)};
+	--h2_block-padding-bottom: #{pxToRem(8)};
 
-  --h3_font-size: #{pxToRem(24)};
-  --h3_line-height: #{pxToRem(28)};
-  --h3_block-padding-top: #{pxToRem(16)};
-  --h3_block-padding-bottom: #{pxToRem(4)};
+	--h3_font-size: #{pxToRem(24)};
+	--h3_line-height: #{pxToRem(28)};
+	--h3_block-padding-top: #{pxToRem(16)};
+	--h3_block-padding-bottom: #{pxToRem(4)};
 
-  --h4_font-size: #{pxToRem(22)};
-  --h4_line-height: #{pxToRem(24)};
-  --h4_block-padding-top: #{pxToRem(16)};
-  --h4_block-padding-bottom: #{pxToRem(0)};
+	--h4_font-size: #{pxToRem(22)};
+	--h4_line-height: #{pxToRem(24)};
+	--h4_block-padding-top: #{pxToRem(16)};
+	--h4_block-padding-bottom: #{pxToRem(0)};
 
-  --h5_font-size: #{pxToRem(20)};
-  --h5_line-height: #{pxToRem(24)};
-  --h5_block-padding-top: #{pxToRem(16)};
-  --h5_block-padding-bottom: #{pxToRem(0)};
+	--h5_font-size: #{pxToRem(20)};
+	--h5_line-height: #{pxToRem(24)};
+	--h5_block-padding-top: #{pxToRem(16)};
+	--h5_block-padding-bottom: #{pxToRem(0)};
 
-  --h6_font-size: #{pxToRem(18)};
-  --h6_line-height: #{pxToRem(20)};
-  --h6_block-padding-top: #{pxToRem(16)};
-  --h6_block-padding-bottom: #{pxToRem(0)};
+	--h6_font-size: #{pxToRem(18)};
+	--h6_line-height: #{pxToRem(20)};
+	--h6_block-padding-top: #{pxToRem(16)};
+	--h6_block-padding-bottom: #{pxToRem(0)};
 
-  --p_block-padding-vertical: #{pxToRem(16)};
+	--p_block-padding-vertical: #{pxToRem(16)};
 
-  --p_large_font-size: #{pxToRem(16)};
-  --p_large_line-height: #{pxToRem(20)};
+	--p_large_font-size: #{pxToRem(16)};
+	--p_large_line-height: #{pxToRem(20)};
 
-  --p_medium_font-size: #{pxToRem(14)};
-  --p_medium_line-height: #{pxToRem(20)};
+	--p_medium_font-size: #{pxToRem(14)};
+	--p_medium_line-height: #{pxToRem(20)};
 
-  --p_small_font-size: #{pxToRem(12)};
-  --p_small_line-height: #{pxToRem(16)};
+	--p_small_font-size: #{pxToRem(12)};
+	--p_small_line-height: #{pxToRem(16)};
 
-  --button_block-padding-vertical: var(--spc-3x);
+	--button_block-padding-vertical: var(--spc-3x);
 
+	--button_large_font-size: #{pxToRem(16)};
+	--button_large_line-height: #{pxToRem(20)};
 
-  --button_large_font-size: #{pxToRem(16)};
-  --button_large_line-height: #{pxToRem(20)};
+	--button_regular_font-size: #{pxToRem(14)};
+	--button_regular_line-height: #{pxToRem(20)};
 
-  --button_regular_font-size: #{pxToRem(14)};
-  --button_regular_line-height: #{pxToRem(20)};
+	@include from($desktopSmall) {
+		--h1_font-size: #{pxToRem(48)};
+		--h1_line-height: 100%;
+		--h1_block-padding-top: #{pxToRem(24)};
+		--h1_block-padding-bottom: #{pxToRem(24)};
 
-  @include from($desktopSmall) {
+		--h2_font-size: #{pxToRem(40)};
+		--h2_line-height: 100%;
+		--h2_block-padding-top: #{pxToRem(24)};
+		--h2_block-padding-bottom: #{pxToRem(16)};
 
-    --h1_font-size: #{pxToRem(48)};
-    --h1_line-height: 100%;
-    --h1_block-padding-top: #{pxToRem(24)};
-    --h1_block-padding-bottom: #{pxToRem(24)};
+		--h3_font-size: #{pxToRem(32)};
+		--h3_line-height: #{pxToRem(36)};
+		--h3_block-padding-top: #{pxToRem(24)};
+		--h3_block-padding-bottom: #{pxToRem(8)};
 
-    --h2_font-size: #{pxToRem(40)};
-    --h2_line-height: 100%;
-    --h2_block-padding-top: #{pxToRem(24)};
-    --h2_block-padding-bottom: #{pxToRem(16)};
+		--h4_font-size: #{pxToRem(28)};
+		--h4_line-height: #{pxToRem(32)};
+		--h4_block-padding-top: #{pxToRem(24)};
+		--h4_block-padding-bottom: #{pxToRem(8)};
 
-    --h3_font-size: #{pxToRem(32)};
-    --h3_line-height: #{pxToRem(36)};
-    --h3_block-padding-top: #{pxToRem(24)};
-    --h3_block-padding-bottom: #{pxToRem(8)};
+		--h5_font-size: #{pxToRem(24)};
+		--h5_line-height: #{pxToRem(28)};
+		--h5_block-padding-top: #{pxToRem(24)};
+		--h5_block-padding-bottom: #{pxToRem(8)};
 
-    --h4_font-size: #{pxToRem(28)};
-    --h4_line-height: #{pxToRem(32)};
-    --h4_block-padding-top: #{pxToRem(24)};
-    --h4_block-padding-bottom: #{pxToRem(8)};
+		--h6_font-size: #{pxToRem(20)};
+		--h6_line-height: #{pxToRem(24)};
+		--h6_block-padding-top: #{pxToRem(24)};
+		--h6_block-padding-bottom: #{pxToRem(8)};
 
-    --h5_font-size: #{pxToRem(24)};
-    --h5_line-height: #{pxToRem(28)};
-    --h5_block-padding-top: #{pxToRem(24)};
-    --h5_block-padding-bottom: #{pxToRem(8)};
+		--p_block-padding-vertical: #{pxToRem(24)};
 
-    --h6_font-size: #{pxToRem(20)};
-    --h6_line-height: #{pxToRem(24)};
-    --h6_block-padding-top: #{pxToRem(24)};
-    --h6_block-padding-bottom: #{pxToRem(8)};
+		--p_large_font-size: #{pxToRem(18)};
+		--p_large_line-height: #{pxToRem(24)};
 
-    --p_block-padding-vertical: #{pxToRem(24)};
+		--p_medium_font-size: #{pxToRem(16)};
+		--p_medium_line-height: #{pxToRem(20)};
 
-    --p_large_font-size: #{pxToRem(18)};
-    --p_large_line-height: #{pxToRem(24)};
+		--p_small_font-size: #{pxToRem(14)};
+		--p_small_line-height: #{pxToRem(20)};
 
-    --p_medium_font-size: #{pxToRem(16)};
-    --p_medium_line-height: #{pxToRem(20)};
-
-    --p_small_font-size: #{pxToRem(14)};
-    --p_small_line-height: #{pxToRem(20)};
-
-    --button_large_font-size: #{pxToRem(18)};
-    --button_large_line-height: #{pxToRem(24)};
-  }
+		--button_large_font-size: #{pxToRem(18)};
+		--button_large_line-height: #{pxToRem(24)};
+	}
 }
diff --git a/src/styles/variables/icons.scss b/src/styles/variables/icons.scss
index 553dd844..87303de5 100644
--- a/src/styles/variables/icons.scss
+++ b/src/styles/variables/icons.scss
@@ -1,15 +1,15 @@
-:root {
-  /*
-  ** Default size for icons.
-  */
-
-  --icon-size_regular: 1.5rem;
-
-  /*
-  ** Size for dense layouts with small text sizes.
-  ** The fixed dimension and the padding serve to
-  ** automatically resize the icon to the desired 18pt.
-  */
-  --icon-size_dense: 1.25rem;
-  --icon-size-dense-padding: 0.0625rem;
-};
+:root {
+	/*
+  ** Default size for icons.
+  */
+
+	--icon-size_regular: 1.5rem;
+
+	/*
+  ** Size for dense layouts with small text sizes.
+  ** The fixed dimension and the padding serve to
+  ** automatically resize the icon to the desired 18pt.
+  */
+	--icon-size_dense: 1.25rem;
+	--icon-size-dense-padding: 0.0625rem;
+}
diff --git a/src/styles/variables/max_widths.scss b/src/styles/variables/max_widths.scss
index e6804dbb..a5d2ce36 100644
--- a/src/styles/variables/max_widths.scss
+++ b/src/styles/variables/max_widths.scss
@@ -1,7 +1,7 @@
-:root {
-  --max-width_xs: 480px;
-  --max-width_s: 640px;
-  --max-width_m: 960px;
-  --max-width_l: 1280px;
-  --max-width_xl: 1920px;
-};
+:root {
+	--max-width_xs: 480px;
+	--max-width_s: 640px;
+	--max-width_m: 960px;
+	--max-width_l: 1280px;
+	--max-width_xl: 1920px;
+}
diff --git a/src/styles/variables/shadows.scss b/src/styles/variables/shadows.scss
index 4fb55c31..43fd2d2c 100644
--- a/src/styles/variables/shadows.scss
+++ b/src/styles/variables/shadows.scss
@@ -1,6 +1,10 @@
-:root {
-  --shadow_sticker_light: 0px 1px 1.5px rgba(0, 0, 0, 0.24), 0px 0.5px 0px rgba(0, 0, 0, 0.12);
-  --shadow_popup_light: 0px 8px 16px rgba(79, 97, 109, 0.24), 0px 4px 6px rgba(79, 97, 109, 0.24);
-  --shadow_sticker_dark: 0px 1px 1.5px rgba(0, 0, 0, 0.72), 0px 0.5px 0px rgba(0, 0, 0, 0.36);
-  --shadow_popup_dark: 0px 8px 16px rgba(0, 0, 0, 0.72), 0px 4px 6px rgba(0, 0, 0, 0.72);
-}
+:root {
+	--shadow_sticker_light: 0px 1px 1.5px rgba(0, 0, 0, 0.24),
+		0px 0.5px 0px rgba(0, 0, 0, 0.12);
+	--shadow_popup_light: 0px 8px 16px rgba(79, 97, 109, 0.24),
+		0px 4px 6px rgba(79, 97, 109, 0.24);
+	--shadow_sticker_dark: 0px 1px 1.5px rgba(0, 0, 0, 0.72),
+		0px 0.5px 0px rgba(0, 0, 0, 0.36);
+	--shadow_popup_dark: 0px 8px 16px rgba(0, 0, 0, 0.72),
+		0px 4px 6px rgba(0, 0, 0, 0.72);
+}
diff --git a/src/styles/variables/spacing.scss b/src/styles/variables/spacing.scss
index 840f7a36..16b3b6ef 100644
--- a/src/styles/variables/spacing.scss
+++ b/src/styles/variables/spacing.scss
@@ -20,11 +20,11 @@
 	--chip-gap: var(--spc-2x);
 	--site-spacing: var(--spc-4x);
 
-  @include from($tabletLarge) {
-    --site-spacing: var(--spc-6x);
-  }
+	@include from($tabletLarge) {
+		--site-spacing: var(--spc-6x);
+	}
 
-  @include from($desktopSmall) {
-    --site-spacing: var(--spc-8x);
-  }
+	@include from($desktopSmall) {
+		--site-spacing: var(--spc-8x);
+	}
 }
diff --git a/src/styles/variables/target_sizes.scss b/src/styles/variables/target_sizes.scss
index d610bb33..2820e3d6 100644
--- a/src/styles/variables/target_sizes.scss
+++ b/src/styles/variables/target_sizes.scss
@@ -1,6 +1,6 @@
-:root {
-  --min-target-size_s: 32px;
-  --min-target-size_m: 40px;
-  --min-target-size_l: 48px;
-  --min-target-size_xl: 56px;
-}
+:root {
+	--min-target-size_s: 32px;
+	--min-target-size_m: 40px;
+	--min-target-size_l: 48px;
+	--min-target-size_xl: 56px;
+}
diff --git a/src/tokens/_breakpoints.scss b/src/tokens/_breakpoints.scss
index 8a9c2e0d..05e250af 100644
--- a/src/tokens/_breakpoints.scss
+++ b/src/tokens/_breakpoints.scss
@@ -1,18 +1,18 @@
-// Update breakpoints.ts when updating this file
-$desktopLarge: 1920px;
-$desktopSmall: 1280px;
-$tabletLarge: 960px;
-$tabletSmall: 640px;
-$mobile: 400px;
-
-@mixin until($breakpoint) {
-  @media screen and (max-width: $breakpoint) {
-    @content;
-  }
-}
-
-@mixin from($breakpoint) {
-  @media screen and (min-width: $breakpoint) {
-    @content;
-  }
-}
+// Update breakpoints.ts when updating this file
+$desktopLarge: 1920px;
+$desktopSmall: 1280px;
+$tabletLarge: 960px;
+$tabletSmall: 640px;
+$mobile: 400px;
+
+@mixin until($breakpoint) {
+	@media screen and (max-width: $breakpoint) {
+		@content;
+	}
+}
+
+@mixin from($breakpoint) {
+	@media screen and (min-width: $breakpoint) {
+		@content;
+	}
+}
diff --git a/src/tokens/_index.scss b/src/tokens/_index.scss
index c471b556..9e6e8b33 100644
--- a/src/tokens/_index.scss
+++ b/src/tokens/_index.scss
@@ -1,3 +1,3 @@
-@import "./_breakpoints.scss";
-@import "./_utils.scss";
-@import "./_vars.scss";
+@import "./_breakpoints.scss";
+@import "./_utils.scss";
+@import "./_vars.scss";
diff --git a/src/utils/api.ts b/src/utils/api.ts
index afacee70..9344d462 100644
--- a/src/utils/api.ts
+++ b/src/utils/api.ts
@@ -8,16 +8,16 @@ export function getPostsByLang(language: Languages): PostInfo[] {
 
 export function getPostsByUnicorn(
 	authorId: string,
-	language: Languages
+	language: Languages,
 ): PostInfo[] {
 	return getPostsByLang(language).filter((post) =>
-		post.authors.find((postAuthor) => postAuthor === authorId)
+		post.authors.find((postAuthor) => postAuthor === authorId),
 	);
 }
 
 export function getPostsByCollection(
 	collection: string,
-	language: Languages
+	language: Languages,
 ): PostInfo[] {
 	return getPostsByLang(language)
 		.filter((post) => post.collection === collection)
diff --git a/src/utils/data.ts b/src/utils/data.ts
index 94dad067..279b58cc 100644
--- a/src/utils/data.ts
+++ b/src/utils/data.ts
@@ -48,12 +48,12 @@ const fullUnicorns: UnicornInfo[] = unicornsRaw.map((unicorn) => {
 	 */
 	const relativeServerPath = getFullRelativePath(
 		"/content/data/",
-		unicorn.profileImg
+		unicorn.profileImg,
 	);
 	const profileImgSize = getImageSize(
 		unicorn.profileImg,
 		dataDirectory,
-		dataDirectory
+		dataDirectory,
 	);
 
 	// Mutation go BRR
@@ -68,7 +68,7 @@ const fullUnicorns: UnicornInfo[] = unicornsRaw.map((unicorn) => {
 	};
 
 	newUnicorn.rolesMeta = unicorn.roles.map(
-		(role) => rolesRaw.find((rRole) => rRole.id === role)! as RolesEnum
+		(role) => rolesRaw.find((rRole) => rRole.id === role)! as RolesEnum,
 	);
 
 	// normalize social links - if a URL or "@name" is entered, only preserve the last part
@@ -99,7 +99,7 @@ function getCollections(): CollectionInfo[] {
 		return files.map((file, i): CollectionInfo => {
 			const fileContents = fs.readFileSync(
 				join(collectionsDirectory, slug, file),
-				"utf8"
+				"utf8",
 			);
 
 			const frontmatter = matter(fileContents).data as RawCollectionInfo;
@@ -107,7 +107,7 @@ function getCollections(): CollectionInfo[] {
 			const coverImgSize = getImageSize(
 				frontmatter.coverImg,
 				join(collectionsDirectory, slug),
-				join(collectionsDirectory, slug)
+				join(collectionsDirectory, slug),
 			);
 
 			const coverImgMeta = {
@@ -116,13 +116,13 @@ function getCollections(): CollectionInfo[] {
 				relativePath: frontmatter.coverImg,
 				relativeServerPath: getFullRelativePath(
 					`/content/collections/${slug}`,
-					frontmatter.coverImg
+					frontmatter.coverImg,
 				),
 				absoluteFSPath: join(collectionsDirectory, slug, frontmatter.coverImg),
 			};
 
 			const authorsMeta = frontmatter.authors.map((authorId) =>
-				fullUnicorns.find((u) => u.id === authorId)
+				fullUnicorns.find((u) => u.id === authorId),
 			);
 
 			return {
@@ -155,7 +155,7 @@ function getPosts(): Array<PostInfo> {
 		return files.map((file, i): PostInfo => {
 			const fileContents = fs.readFileSync(
 				join(postsDirectory, slug, file),
-				"utf8"
+				"utf8",
 			);
 
 			const frontmatter = matter(fileContents).data as RawPostInfo;
@@ -175,7 +175,7 @@ function getPosts(): Array<PostInfo> {
 				locales,
 				locale: locales[i],
 				authorsMeta: frontmatter.authors.map((authorId) =>
-					fullUnicorns.find((u) => u.id === authorId)
+					fullUnicorns.find((u) => u.id === authorId),
 				),
 				wordCount: (counts.InlineCodeWords || 0) + (counts.WordNode || 0),
 				publishedMeta:
diff --git a/src/utils/get-suggested-articles.ts b/src/utils/get-suggested-articles.ts
index 74755ad5..4ffb4e11 100644
--- a/src/utils/get-suggested-articles.ts
+++ b/src/utils/get-suggested-articles.ts
@@ -57,13 +57,13 @@ const getOrderRange = (arr: PostInfo[]) => {
 		{
 			largest: null as PostInfo,
 			smallest: null as PostInfo,
-		}
+		},
 	);
 };
 
 export const getSuggestedArticles = (
 	postNode: ExtendedPostInfo,
-	lang: Languages
+	lang: Languages,
 ) => {
 	const suggestedPosts = getPostsByLang(lang);
 
@@ -119,7 +119,7 @@ export const getSuggestedArticles = (
 		}
 		const howManyTagsSimilar = howManySimilarBetween(
 			post.tags,
-			postNode.tags || []
+			postNode.tags || [],
 		);
 		if (howManyTagsSimilar > 0) {
 			similarTags.push({ post, howManyTagsSimilar });
diff --git a/src/utils/get-unicorn-profile-pic-map.ts b/src/utils/get-unicorn-profile-pic-map.ts
index ca4cdcc2..c542bc6e 100644
--- a/src/utils/get-unicorn-profile-pic-map.ts
+++ b/src/utils/get-unicorn-profile-pic-map.ts
@@ -16,7 +16,7 @@ const unicornProfilePicMap = Promise.all(
 			alt: "",
 		})),
 		id: unicorn.id,
-	}))
+	})),
 );
 
 export const getUnicornProfilePicMap = async () => {
diff --git a/src/utils/markdown/file-tree/file-list.tsx b/src/utils/markdown/file-tree/file-list.tsx
index 17cc28a6..95a3d6c5 100644
--- a/src/utils/markdown/file-tree/file-list.tsx
+++ b/src/utils/markdown/file-tree/file-list.tsx
@@ -26,7 +26,7 @@ const FolderIcon = makeSVGIcon(
 	`<svg viewBox="0 0 20 20">
 <path d="M4 3C2.89543 3 2 3.89543 2 5V15C2 16.1046 2.89543 17 4 17H16C17.1046 17 18 16.1046 18 15V8C18 6.89543 17.1046 6 16 6H11L10.0528 4.10557C9.714 3.428 9.02148 3 8.26393 3H4Z"/>
 </svg>
-`
+`,
 );
 
 export interface File {
diff --git a/src/utils/markdown/get-picture-hack.ts b/src/utils/markdown/get-picture-hack.ts
index e75e04ba..a56fc3b8 100644
--- a/src/utils/markdown/get-picture-hack.ts
+++ b/src/utils/markdown/get-picture-hack.ts
@@ -6,7 +6,7 @@ import {
 import squoosh_service from "../../../node_modules/@astrojs/image/dist/loaders/squoosh.js";
 
 export function getPicture(
-	params: GetPictureParams
+	params: GetPictureParams,
 ): Promise<GetPictureResult> {
 	// HACK: This is a hack that heavily relies on `getImage`'s internals :(
 	globalThis.astroImage = {
diff --git a/src/utils/markdown/hints/hints.tsx b/src/utils/markdown/hints/hints.tsx
index 59bd51f3..57bcdbef 100644
--- a/src/utils/markdown/hints/hints.tsx
+++ b/src/utils/markdown/hints/hints.tsx
@@ -8,7 +8,7 @@ const chevron_down = await fs.readFile("src/icons/chevron_down.svg", "utf8");
 interface HintProps {
 	title: string;
 	children: Node[];
-};
+}
 
 /** @jsxImportSource hastscript */
 export function Hint({ title, children }: HintProps): Element {
@@ -20,9 +20,7 @@ export function Hint({ title, children }: HintProps): Element {
 					{title}
 				</summary>
 
-				<div class="hint__content">
-					{children}
-				</div>
+				<div class="hint__content">{children}</div>
 			</details>
 		</div>
 	) as never;
diff --git a/src/utils/markdown/iframes/iframe-placeholder.tsx b/src/utils/markdown/iframes/iframe-placeholder.tsx
index f4b20e9c..e702ccc3 100644
--- a/src/utils/markdown/iframes/iframe-placeholder.tsx
+++ b/src/utils/markdown/iframes/iframe-placeholder.tsx
@@ -16,7 +16,11 @@ export interface IFramePlaceholderProps {
 }
 
 /** @jsxImportSource hastscript */
-export function IFramePlaceholder({ height, width, ...props }: IFramePlaceholderProps): Element {
+export function IFramePlaceholder({
+	height,
+	width,
+	...props
+}: IFramePlaceholderProps): Element {
 	return (
 		<div class="embed">
 			<div class="embed__header">
@@ -26,7 +30,7 @@ export function IFramePlaceholder({ height, width, ...props }: IFramePlaceholder
 							<source {...source} />
 						))}
 						<img
-							{...props.pageIcon.image as any}
+							{...(props.pageIcon.image as any)}
 							alt=""
 							loading="lazy"
 							decoding="async"
@@ -54,9 +58,7 @@ export function IFramePlaceholder({ height, width, ...props }: IFramePlaceholder
 					target="_blank"
 				>
 					<div class="buttonIcon">{fromHtml(launch)}</div>
-					<div class="innerText">
-						New tab
-					</div>
+					<div class="innerText">New tab</div>
 				</a>
 			</div>
 			<div
diff --git a/src/utils/markdown/iframes/iframe-script.ts b/src/utils/markdown/iframes/iframe-script.ts
index ad2c9ed2..f83b70f3 100644
--- a/src/utils/markdown/iframes/iframe-script.ts
+++ b/src/utils/markdown/iframes/iframe-script.ts
@@ -3,7 +3,7 @@
  */
 export const iFrameClickToRun = () => {
 	const iframeButtons: HTMLElement[] = document.querySelectorAll(
-		"[data-iframeurl] > button"
+		"[data-iframeurl] > button",
 	) as never;
 
 	[...iframeButtons].forEach((el) => {
diff --git a/src/utils/markdown/iframes/rehype-transform.ts b/src/utils/markdown/iframes/rehype-transform.ts
index 83238839..c5ed56b7 100644
--- a/src/utils/markdown/iframes/rehype-transform.ts
+++ b/src/utils/markdown/iframes/rehype-transform.ts
@@ -40,7 +40,7 @@ function fetchPageIcon(src: URL, srcHast: Root): Promise<GetPictureResult> {
 		// <link rel="manifest" href="/manifest.json">
 		const manifestPath: Element = find(
 			srcHast,
-			(node: unknown) => (node as Element)?.properties?.rel?.[0] === "manifest"
+			(node: unknown) => (node as Element)?.properties?.rel?.[0] === "manifest",
 		);
 
 		let iconLink: string;
@@ -63,8 +63,10 @@ function fetchPageIcon(src: URL, srcHast: Root): Promise<GetPictureResult> {
 		if (!iconLink) {
 			// fetch `favicon.ico`
 			// <link rel="shortcut icon" type="image/png" href="https://example.com/img.png">
-			const favicon: Element = find(srcHast, (node: unknown) =>
-				(node as Element)?.properties?.rel?.toString()?.includes("icon")
+			const favicon: Element = find(
+				srcHast,
+				(node: unknown) =>
+					(node as Element)?.properties?.rel?.toString()?.includes("icon"),
 			);
 
 			if (favicon) {
@@ -155,7 +157,7 @@ export const rehypeUnicornIFrameClickToRun: Plugin<
 				const width = iframeNode.properties.width ?? EMBED_SIZE.w;
 				const height = iframeNode.properties.height ?? EMBED_SIZE.h;
 				const info: PageInfo = (await fetchPageInfo(
-					iframeNode.properties.src.toString()
+					iframeNode.properties.src.toString(),
 				).catch(() => null)) || { icon: await fetchDefaultPageIcon() };
 
 				const iframeReplacement = IFramePlaceholder({
@@ -167,7 +169,7 @@ export const rehypeUnicornIFrameClickToRun: Plugin<
 				});
 
 				Object.assign(iframeNode, iframeReplacement);
-			})
+			}),
 		);
 	};
 };
diff --git a/src/utils/markdown/rehype-header-text.ts b/src/utils/markdown/rehype-header-text.ts
index 220347e6..4dc941c9 100644
--- a/src/utils/markdown/rehype-header-text.ts
+++ b/src/utils/markdown/rehype-header-text.ts
@@ -8,29 +8,29 @@ import { visit } from "unist-util-visit";
  * Plugin to add `data-header-text`s to headings.
  */
 export const rehypeHeaderText = () => {
-  return (tree: Root, file) => {
-    visit(tree, "element", (node: Parent["children"][number]) => {
-      if (
-        headingRank(node) &&
-        "properties" in node &&
-        node.properties &&
-        !hasProperty(node, "data-header-text")
-      ) {
-        const headerText = toString(node);
-        node.properties["data-header-text"] = headerText;
+	return (tree: Root, file) => {
+		visit(tree, "element", (node: Parent["children"][number]) => {
+			if (
+				headingRank(node) &&
+				"properties" in node &&
+				node.properties &&
+				!hasProperty(node, "data-header-text")
+			) {
+				const headerText = toString(node);
+				node.properties["data-header-text"] = headerText;
 
-        const headingWithID = {
-          value: headerText,
-          depth: headingRank(node)!,
-          slug: node.properties["id"] as string,
-        };
+				const headingWithID = {
+					value: headerText,
+					depth: headingRank(node)!,
+					slug: node.properties["id"] as string,
+				};
 
-        if (file.data.astro.frontmatter.headingsWithId) {
-          file.data.astro.frontmatter.headingsWithId.push(headingWithID);
-        } else {
-          file.data.astro.frontmatter.headingsWithId = [headingWithID];
-        }
-      }
-    });
-  };
+				if (file.data.astro.frontmatter.headingsWithId) {
+					file.data.astro.frontmatter.headingsWithId.push(headingWithID);
+				} else {
+					file.data.astro.frontmatter.headingsWithId = [headingWithID];
+				}
+			}
+		});
+	};
 };
diff --git a/src/utils/markdown/rehype-unicorn-element-map.ts b/src/utils/markdown/rehype-unicorn-element-map.ts
index 7603f572..ff5131ac 100644
--- a/src/utils/markdown/rehype-unicorn-element-map.ts
+++ b/src/utils/markdown/rehype-unicorn-element-map.ts
@@ -25,7 +25,7 @@ export const rehypeUnicornElementMap: Plugin<[], Root> = () => {
 					"/content/",
 					parentFolder,
 					slug,
-					node.properties.src.toString()
+					node.properties.src.toString(),
 				);
 			}
 
diff --git a/src/utils/markdown/tables/tables-script.ts b/src/utils/markdown/tables/tables-script.ts
index 03d0ae37..c5306e33 100644
--- a/src/utils/markdown/tables/tables-script.ts
+++ b/src/utils/markdown/tables/tables-script.ts
@@ -4,7 +4,7 @@ export const enableTables = () => {
 			(e.target as HTMLElement).dataset.sticky =
 				e.intersectionRatio < 1 ? "pinned" : "";
 		},
-		{ threshold: [1] }
+		{ threshold: [1] },
 	);
 
 	document.querySelectorAll("thead").forEach((e) => observer.observe(e));
diff --git a/src/utils/markdown/tabs/rehype-transform.ts b/src/utils/markdown/tabs/rehype-transform.ts
index 6f3f1ae3..71ce84b3 100644
--- a/src/utils/markdown/tabs/rehype-transform.ts
+++ b/src/utils/markdown/tabs/rehype-transform.ts
@@ -33,7 +33,7 @@ const getApproxLineCount = (nodes: Node[], inParagraph?: boolean): number => {
 		if ("children" in n) {
 			lines += getApproxLineCount(
 				(n as Parent).children as Node[],
-				isInParagraph
+				isInParagraph,
 			);
 		}
 		// assume that any div/p/br causes a line break
@@ -125,7 +125,7 @@ export const rehypeTabs: Plugin<[], Root> = () => {
 
 			// Determine if the set of tabs should use a constant height (via the "tabs-small" class)
 			const tabHeights = tabs.map(({ contents }) =>
-				getApproxLineCount(contents)
+				getApproxLineCount(contents),
 			);
 			const isSmall =
 				// all tabs must be <= 30 approx. lines (less than the height of most desktop viewports)
@@ -145,13 +145,13 @@ export const rehypeTabs: Plugin<[], Root> = () => {
 			tree,
 			{ type: "raw", value: "<!-- tabs:start -->" } as never,
 			{ type: "raw", value: "<!-- tabs:end -->" } as never,
-			replaceTabNodes
+			replaceTabNodes,
 		);
 		replaceAllBetween(
 			tree,
 			{ type: "comment", value: " tabs:start " } as never,
 			{ type: "comment", value: " tabs:end " } as never,
-			replaceTabNodes
+			replaceTabNodes,
 		);
 		return tree;
 	};
diff --git a/src/utils/markdown/tabs/tabs-script.ts b/src/utils/markdown/tabs/tabs-script.ts
index 6aa9b0f8..1e9c169c 100644
--- a/src/utils/markdown/tabs/tabs-script.ts
+++ b/src/utils/markdown/tabs/tabs-script.ts
@@ -85,7 +85,7 @@ export const enableTabs = () => {
 
 		tabs.forEach((tab) => {
 			const panel = parent.querySelector<HTMLElement>(
-				`#${tab.getAttribute("aria-controls")}`
+				`#${tab.getAttribute("aria-controls")}`,
 			);
 			entry.set(tab.dataset.tabname, {
 				tab,
diff --git a/src/utils/markdown/tabs/tabs.tsx b/src/utils/markdown/tabs/tabs.tsx
index 9da5f2fc..a6470eb6 100644
--- a/src/utils/markdown/tabs/tabs.tsx
+++ b/src/utils/markdown/tabs/tabs.tsx
@@ -14,7 +14,7 @@ export interface TabInfo {
 interface TabsProps {
 	tabs: TabInfo[];
 	isSmall: boolean;
-};
+}
 
 /** @jsxImportSource hastscript */
 export function Tabs({ tabs, isSmall }: TabsProps): Element {
@@ -46,9 +46,7 @@ export function Tabs({ tabs, isSmall }: TabsProps): Element {
 					aria-labelledby={`tab-${index}`}
 					aria-hidden={index === 0 ? undefined : true}
 				>
-					<div class="tabs__tab-panel__inner">
-					{contents}
-					</div>
+					<div class="tabs__tab-panel__inner">{contents}</div>
 				</div>
 			))}
 		</div>
diff --git a/src/utils/markdown/tooltips/tooltips.tsx b/src/utils/markdown/tooltips/tooltips.tsx
index 033a2f13..3a7fa3cd 100644
--- a/src/utils/markdown/tooltips/tooltips.tsx
+++ b/src/utils/markdown/tooltips/tooltips.tsx
@@ -10,7 +10,7 @@ interface TooltipProps {
 	icon: "info" | "warning";
 	title: string;
 	children: Node[];
-};
+}
 
 /** @jsxImportSource hastscript */
 export function Tooltip({ icon, title, children }: TooltipProps): Element {
@@ -20,9 +20,7 @@ export function Tooltip({ icon, title, children }: TooltipProps): Element {
 				{icon === "info" ? fromHtml(info) : fromHtml(warning)}
 				<p>{title}</p>
 			</div>
-			<div class="tooltip__content">
-				{children}
-			</div>
+			<div class="tooltip__content">{children}</div>
 		</blockquote>
 	) as never;
 }
diff --git a/src/utils/translations.test.ts b/src/utils/translations.test.ts
index 2b98b8c8..d92e9100 100644
--- a/src/utils/translations.test.ts
+++ b/src/utils/translations.test.ts
@@ -32,7 +32,7 @@ describe("utils/translations.ts", () => {
 
 		test("returns 'fr' from '/posts/test/index.fr.md'", () => {
 			const lang = translations.getLanguageFromFilename(
-				"/posts/test/index.fr.md"
+				"/posts/test/index.fr.md",
 			);
 			expect(lang).toBe("fr");
 		});
@@ -42,7 +42,7 @@ describe("utils/translations.ts", () => {
 		test("returns an initial prefix", () => {
 			const expected: Languages = "fr";
 			const actual = translations.getPrefixLanguageFromPath(
-				`/${expected}/something/extra/en/fr/hi`
+				`/${expected}/something/extra/en/fr/hi`,
 			);
 
 			expect(actual).toEqual(expected);
@@ -51,7 +51,7 @@ describe("utils/translations.ts", () => {
 		test("returns an initial prefix with no preceding slash", () => {
 			const expected: Languages = "fr";
 			const actual = translations.getPrefixLanguageFromPath(
-				`${expected}/something/extra/en/fr/hi`
+				`${expected}/something/extra/en/fr/hi`,
 			);
 
 			expect(actual).toEqual(expected);
@@ -69,7 +69,7 @@ describe("utils/translations.ts", () => {
 		test("removes an initial prefix", () => {
 			const lang: Languages = "fr";
 			const actual = translations.removePrefixLanguageFromPath(
-				`/${lang}/something/extra/hi`
+				`/${lang}/something/extra/hi`,
 			);
 
 			expect(actual).toEqual("/something/extra/hi");
@@ -78,7 +78,7 @@ describe("utils/translations.ts", () => {
 		test("removes an initial prefix with no preceding slash", () => {
 			const lang: Languages = "fr";
 			const actual = translations.removePrefixLanguageFromPath(
-				`${lang}/something/extra/hi`
+				`${lang}/something/extra/hi`,
 			);
 
 			expect(actual).toEqual("something/extra/hi");
@@ -94,7 +94,7 @@ describe("utils/translations.ts", () => {
 		test("is not confused by prefixes that appear after the start of the path", () => {
 			const lang: Languages = "en";
 			const actual = translations.removePrefixLanguageFromPath(
-				`/${lang}/${lang}/es/fr/something/hi`
+				`/${lang}/${lang}/es/fr/something/hi`,
 			);
 
 			expect(actual).toEqual(`/${lang}/es/fr/something/hi`);
diff --git a/src/utils/translations.ts b/src/utils/translations.ts
index b85b9e13..98cd151e 100644
--- a/src/utils/translations.ts
+++ b/src/utils/translations.ts
@@ -14,7 +14,7 @@ function isLanguageKey(str: string): str is Languages {
  * code handles the parsing and converting of translation formats
  */
 export function fileToOpenGraphConverter<T extends Languages>(
-	lang: T
+	lang: T,
 ): T extends `${infer Lang}-${infer Region}`
 	? `${Lang}_${Uppercase<Region>}`
 	: T {
@@ -89,7 +89,7 @@ export function removePrefixLanguageFromPath(path: string) {
  */
 export function getTranslatedPage(
 	astro: { url: URL },
-	glob: MarkdownInstance<Record<string, unknown>>[]
+	glob: MarkdownInstance<Record<string, unknown>>[],
 ): {
 	locales: Languages[];
 	page: MarkdownInstance<Record<string, unknown>>;
@@ -98,7 +98,7 @@ export function getTranslatedPage(
 	const lang = getPrefixLanguageFromPath(astro.url.pathname);
 
 	const matchedResult = globResults.find((md) =>
-		md.file.endsWith(`${lang}.md`)
+		md.file.endsWith(`${lang}.md`),
 	);
 	const enResult = globResults.find((md) => md.file.split(".")[1] === "md");
 
@@ -128,8 +128,8 @@ const i18n: Partial<Record<Languages, Map<string, string>>> =
 			([file, content]: [string, { default: Record<string, string> }]) => [
 				basename(file).split(".")[0],
 				new Map(Object.entries(content.default)),
-			]
-		)
+			],
+		),
 	);
 
 // warn about any values that do not have full translations
@@ -140,7 +140,7 @@ for (const key of i18n.en?.keys() || []) {
 
 	if (missing.length) {
 		console.log(
-			`i18n: key "${key}" is missing from /content/data/i18n for languages: ${missing}`
+			`i18n: key "${key}" is missing from /content/data/i18n for languages: ${missing}`,
 		);
 	}
 }
@@ -157,7 +157,7 @@ export function translate(astro: { url: URL }, key: string, ...args: string[]) {
 
 	if (!value) {
 		console.warn(
-			`Translation key "${key}" is not specified in /content/data/i18n/${lang}.json`
+			`Translation key "${key}" is not specified in /content/data/i18n/${lang}.json`,
 		);
 		value = i18n.en?.get(key);
 	}
diff --git a/src/views/about/about.module.scss b/src/views/about/about.module.scss
index 55b481a8..2456b881 100644
--- a/src/views/about/about.module.scss
+++ b/src/views/about/about.module.scss
@@ -28,7 +28,7 @@
 
 	margin: var(--spc-2x);
 
-	background-color: #FFF;
+	background-color: #fff;
 	border-radius: var(--corner-radius_s);
 	overflow: hidden;
 }
diff --git a/src/views/about/translations-header/about-us-translations-header.module.scss b/src/views/about/translations-header/about-us-translations-header.module.scss
index e2874a2b..1af16845 100644
--- a/src/views/about/translations-header/about-us-translations-header.module.scss
+++ b/src/views/about/translations-header/about-us-translations-header.module.scss
@@ -1,8 +1,8 @@
 .translationContainer {
-  font-weight: bold;
-  border: var(--cardOutlineStyle);
-  border-radius: var(--cardRadius);
-  padding: 0.75rem;
-  background: var(--cardActiveBackground);
-  margin: 1rem 0;
+	font-weight: bold;
+	border: var(--cardOutlineStyle);
+	border-radius: var(--cardRadius);
+	padding: 0.75rem;
+	background: var(--cardActiveBackground);
+	margin: 1rem 0;
 }
diff --git a/src/views/base/translations/translations-header.module.scss b/src/views/base/translations/translations-header.module.scss
index a682b269..3f424306 100644
--- a/src/views/base/translations/translations-header.module.scss
+++ b/src/views/base/translations/translations-header.module.scss
@@ -2,7 +2,7 @@
 
 .text {
 	margin: 0 !important;
-	margin-left: var(--spc-2x) !important;;
+	margin-left: var(--spc-2x) !important;
 }
 
 .card {
diff --git a/src/views/blog-post/article-nav/article-nav.module.scss b/src/views/blog-post/article-nav/article-nav.module.scss
index 4a4f53e2..11a3a5c1 100644
--- a/src/views/blog-post/article-nav/article-nav.module.scss
+++ b/src/views/blog-post/article-nav/article-nav.module.scss
@@ -15,8 +15,12 @@
 	--article-nav_item_overline-color: var(--primary_default);
 
 	--article-nav_item_background-color: var(--transparent);
-	--article-nav_item_background-color_hovered: var(--surface_primary_emphasis-low);
-	--article-nav_item_background-color_pressed: var(--surface_primary_emphasis-low);
+	--article-nav_item_background-color_hovered: var(
+		--surface_primary_emphasis-low
+	);
+	--article-nav_item_background-color_pressed: var(
+		--surface_primary_emphasis-low
+	);
 	--article-nav_item_background-color_focused: var(--background_focus);
 
 	--article-nav_item_border_color: var(--surface_primary_emphasis-low);
@@ -42,10 +46,12 @@
 	display: flex;
 	flex-direction: column;
 	gap: var(--article-nav_item_gap);
-	padding: var(--article-nav_item_padding-vertical) var(--article-nav_item_padding-horizontal);
+	padding: var(--article-nav_item_padding-vertical)
+		var(--article-nav_item_padding-horizontal);
 
 	background-color: var(--article-nav_item_background-color);
-	border: var(--article-nav_item_border-width) solid var(--article-nav_item_border_color);
+	border: var(--article-nav_item_border-width) solid
+		var(--article-nav_item_border_color);
 	border-radius: var(--article-nav_item_corner-radius);
 	@include transition(background-color border-color);
 
diff --git a/src/views/blog-post/article-nav/article-nav.tsx b/src/views/blog-post/article-nav/article-nav.tsx
index 5cd0d074..3dc9c85a 100644
--- a/src/views/blog-post/article-nav/article-nav.tsx
+++ b/src/views/blog-post/article-nav/article-nav.tsx
@@ -16,30 +16,28 @@ function ArticleNavItem({ post, type }: ArticleNavItemProps) {
 			class={`${style.item} ${style[`item--${type}`]}`}
 			data-navigation-path={href}
 		>
-			{
-				type === "previous"
-					? (
-						<span class={`${style.item__overline} text-style-button-regular`}>
-							<span
-								class={`${style.icon}`}
-								dangerouslySetInnerHTML={{ __html: arrow_left }}
-							/>
-							Previous article
-						</span>
-					)
-					: (
-						<span class={`${style.item__overline} text-style-button-regular`}>
-							Next article
-							<span
-								class={`${style.icon}`}
-								dangerouslySetInnerHTML={{ __html: arrow_right }}
-							/>
-						</span>
-					)
-			}
-			<a href={href} class="text-style-body-medium-bold">{getShortTitle(post)}</a>
+			{type === "previous" ? (
+				<span class={`${style.item__overline} text-style-button-regular`}>
+					<span
+						class={`${style.icon}`}
+						dangerouslySetInnerHTML={{ __html: arrow_left }}
+					/>
+					Previous article
+				</span>
+			) : (
+				<span class={`${style.item__overline} text-style-button-regular`}>
+					Next article
+					<span
+						class={`${style.icon}`}
+						dangerouslySetInnerHTML={{ __html: arrow_right }}
+					/>
+				</span>
+			)}
+			<a href={href} class="text-style-body-medium-bold">
+				{getShortTitle(post)}
+			</a>
 		</div>
-	)
+	);
 }
 
 export interface ArticleNavProps {
@@ -57,5 +55,5 @@ export function ArticleNav({ post, postSeries }: ArticleNavProps) {
 			{prevPost && <ArticleNavItem post={prevPost} type="previous" />}
 			{nextPost && <ArticleNavItem post={nextPost} type="next" />}
 		</div>
-	)
+	);
 }
diff --git a/src/views/blog-post/blog-post-layout/blog-post-layout.module.scss b/src/views/blog-post/blog-post-layout/blog-post-layout.module.scss
index 6ddc2c09..08e6853b 100644
--- a/src/views/blog-post/blog-post-layout/blog-post-layout.module.scss
+++ b/src/views/blog-post/blog-post-layout/blog-post-layout.module.scss
@@ -14,7 +14,8 @@
 	padding: var(--site-spacing);
 }
 
-.sidebarLeft, .sidebarRight {
+.sidebarLeft,
+.sidebarRight {
 	flex-basis: 25%;
 	flex-grow: 0;
 	flex-shrink: 0;
@@ -42,8 +43,6 @@
 @keyframes fadeIn {
 	0% {
 		opacity: 0;
-
-
 	}
 	100% {
 		opacity: 1;
diff --git a/src/views/blog-post/post-title-header/post-title-header.module.scss b/src/views/blog-post/post-title-header/post-title-header.module.scss
index 3a105d0e..c173f3f3 100644
--- a/src/views/blog-post/post-title-header/post-title-header.module.scss
+++ b/src/views/blog-post/post-title-header/post-title-header.module.scss
@@ -33,7 +33,8 @@
 
 	padding: var(--article-header_details_padding-vertical) 0;
 
-	.date, .authors {
+	.date,
+	.authors {
 		display: flex;
 		align-items: center;
 
@@ -59,7 +60,7 @@
 			color: var(--article-header_details_date_edited_color);
 
 			&::before {
-				content: '•';
+				content: "•";
 				margin-left: var(--article-header_details_date-gap);
 				padding-right: var(--article-header_details_date-gap);
 			}
diff --git a/src/views/blog-post/series/base.ts b/src/views/blog-post/series/base.ts
index e7b5b007..3ac1c636 100644
--- a/src/views/blog-post/series/base.ts
+++ b/src/views/blog-post/series/base.ts
@@ -16,7 +16,7 @@ interface ActivePostMeta extends ExtendedPostInfo {
 
 export function findActivePost(
 	post: ExtendedPostInfo,
-	seriesPosts: ExtendedPostInfo[]
+	seriesPosts: ExtendedPostInfo[],
 ) {
 	const newPosts = [...seriesPosts] as ActivePostMeta[];
 
diff --git a/src/views/blog-post/series/series-toc.module.scss b/src/views/blog-post/series/series-toc.module.scss
index 6eb66836..23beec34 100644
--- a/src/views/blog-post/series/series-toc.module.scss
+++ b/src/views/blog-post/series/series-toc.module.scss
@@ -147,7 +147,6 @@
 	height: 100%;
 	width: var(--series-nav_chapter-item_border_width);
 	background: var(--series-nav_chapter-item_border_color_selected);
-
 }
 
 .navigationItem[data-is-active]::after {
diff --git a/src/views/blog-post/table-of-contents/table-of-contents.module.scss b/src/views/blog-post/table-of-contents/table-of-contents.module.scss
index b7ae7aa4..35206460 100644
--- a/src/views/blog-post/table-of-contents/table-of-contents.module.scss
+++ b/src/views/blog-post/table-of-contents/table-of-contents.module.scss
@@ -1,7 +1,6 @@
 @import "src/tokens/index";
 
 :root {
-
 	--toc_header_padding-top: var(--site-spacing);
 	--toc_header_padding-horizontal: var(--site-spacing);
 	--toc_header_padding-bottom: var(--spc-4x);
@@ -63,7 +62,8 @@
 }
 
 .tocTitle {
-	margin: var(--toc_header_padding-top) var(--toc_header_padding-horizontal) var(--toc_header_padding-bottom);
+	margin: var(--toc_header_padding-top) var(--toc_header_padding-horizontal)
+		var(--toc_header_padding-bottom);
 }
 
 .tableList {
@@ -89,7 +89,8 @@
 }
 
 .tableListItem:not(.depth2) > a {
-	padding: var(--toc_item_padding-vertical) var(--toc_item_padding-end) var(--toc_item_padding-vertical) var(--toc_item_padding-start);
+	padding: var(--toc_item_padding-vertical) var(--toc_item_padding-end)
+		var(--toc_item_padding-vertical) var(--toc_item_padding-start);
 }
 
 .tableListItem:hover > a {
@@ -105,7 +106,8 @@
 	pointer-events: none;
 }
 
-.tableListItem:hover > a > *, :global(.toc-is-active) .tableListItemLinkInner {
+.tableListItem:hover > a > *,
+:global(.toc-is-active) .tableListItemLinkInner {
 	color: var(--foreground_emphasis-high);
 }
 
@@ -113,7 +115,10 @@
 }
 
 .depth2 > a > * {
-	margin-left: calc(var(--toc_sub-item_dot_size) + var(--toc_sub-item_dot_margin-end) + var(--toc_sub-item_padding-start));
+	margin-left: calc(
+		var(--toc_sub-item_dot_size) + var(--toc_sub-item_dot_margin-end) +
+			var(--toc_sub-item_padding-start)
+	);
 	position: relative;
 }
 
@@ -122,41 +127,64 @@
 	border: none !important;
 }
 
-.depth2:not(:global(.toc-is-active)):not(:hover):not(:active) > a:not(:focus-visible) > *::before {
+.depth2:not(:global(.toc-is-active)):not(:hover):not(:active)
+	> a:not(:focus-visible)
+	> *::before {
 	content: " ";
 	background: var(--toc_divider_color);
 	height: 100%;
 	width: 2px;
 	position: absolute;
-	left: calc(-2px - var(--toc_sub-item_padding-start) - calc(var(--toc_sub-item_dot_size) / 2));
+	left: calc(
+		-2px - var(--toc_sub-item_padding-start) - calc(var(--toc_sub-item_dot_size) /
+					2)
+	);
 	top: 0;
 }
 
 /* Extended line */
 @supports selector(:has(*)) {
-	.depth2:not(:global(.toc-is-active)):not(:hover):not(:active):not(:has(:focus-visible))
-		+ .depth2:not(:global(.toc-is-active)):not(:hover):not(:active):not(:has(:focus-visible))
-		> a > *::before {
+	.depth2:not(:global(.toc-is-active)):not(:hover):not(:active):not(
+			:has(:focus-visible)
+		)
+		+ .depth2:not(:global(.toc-is-active)):not(:hover):not(:active):not(
+			:has(:focus-visible)
+		)
+		> a
+		> *::before {
 		content: " ";
 		background: var(--toc_divider_color);
 		height: calc(100% + var(--toc_item_min-height));
 		width: 2px;
 		position: absolute;
-		left: calc(-2px - var(--toc_sub-item_padding-start) - calc(var(--toc_sub-item_dot_size) / 2));
+		left: calc(
+			-2px - var(--toc_sub-item_padding-start) - calc(var(
+							--toc_sub-item_dot_size
+						) / 2)
+		);
 		bottom: 0;
 		top: unset;
 	}
 }
 @supports not selector(:has(*)) {
-	.depth2:not(:global(.toc-is-active)):not(:hover):not(:active):not(:focus-within)
-		+ .depth2:not(:global(.toc-is-active)):not(:hover):not(:active):not(:focus-within)
-		> a > *::before {
+	.depth2:not(:global(.toc-is-active)):not(:hover):not(:active):not(
+			:focus-within
+		)
+		+ .depth2:not(:global(.toc-is-active)):not(:hover):not(:active):not(
+			:focus-within
+		)
+		> a
+		> *::before {
 		content: " ";
 		background: var(--toc_divider_color);
 		height: calc(100% + var(--toc_item_min-height));
 		width: 2px;
 		position: absolute;
-		left: calc(-2px - var(--toc_sub-item_padding-start) - calc(var(--toc_sub-item_dot_size) / 2));
+		left: calc(
+			-2px - var(--toc_sub-item_padding-start) - calc(var(
+							--toc_sub-item_dot_size
+						) / 2)
+		);
 		bottom: 0;
 		top: unset;
 	}
@@ -174,7 +202,9 @@
 	height: 100%;
 	width: var(--toc_sub-item_dot_size);
 	position: absolute;
-	left: calc(0px - var(--toc_sub-item_padding-start) - calc(var(--toc_sub-item_dot_size)));
+	left: calc(
+		0px - var(--toc_sub-item_padding-start) - calc(var(--toc_sub-item_dot_size))
+	);
 	top: 0;
 }
 
@@ -192,7 +222,9 @@
 	height: 100%;
 	width: var(--toc_sub-item_dot_size);
 	position: absolute;
-	left: calc(0px - var(--toc_sub-item_padding-start) - calc(var(--toc_sub-item_dot_size)));
+	left: calc(
+		0px - var(--toc_sub-item_padding-start) - calc(var(--toc_sub-item_dot_size))
+	);
 	top: 0;
 }
 
diff --git a/src/views/collections/collection-page.module.scss b/src/views/collections/collection-page.module.scss
index a35b1234..68132023 100644
--- a/src/views/collections/collection-page.module.scss
+++ b/src/views/collections/collection-page.module.scss
@@ -1,277 +1,278 @@
 @import "src/tokens/index";
 
 :root {
-  --collection-page_banner_corner-radius: var(--corner-radius_l);
+	--collection-page_banner_corner-radius: var(--corner-radius_l);
 
-  --collection-page_padding: var(--site-spacing);
-  --collection-page_gap: var(--site-spacing);
+	--collection-page_padding: var(--site-spacing);
+	--collection-page_gap: var(--site-spacing);
 
-  --collection-page_content_gap: var(--site-spacing);
-  --collection-page_content_button-gap: var(--spc-4x);
+	--collection-page_content_gap: var(--site-spacing);
+	--collection-page_content_button-gap: var(--spc-4x);
 
-  --collection-page_title_padding-top: var(--site-spacing);
-  --collection-page_title_padding-bottom: var(--spc-2x);
+	--collection-page_title_padding-top: var(--site-spacing);
+	--collection-page_title_padding-bottom: var(--spc-2x);
 
-  --collection-page_title_color: var(--foreground_emphasis-high);
-  --collection-page_subtitle_color: var(--foreground_emphasis-medium);
-  --collection-page_description_color: var(--foreground_emphasis-high);
+	--collection-page_title_color: var(--foreground_emphasis-high);
+	--collection-page_subtitle_color: var(--foreground_emphasis-medium);
+	--collection-page_description_color: var(--foreground_emphasis-high);
 
-  // Author section
-  --collection-page_author_padding: var(--spc-6x);
-  --collection-page_author_corner-radius: var(--corner-radius_l);
-  --collection-page_author_avatar_size: 48px;
-  --collection-page_author_avatar_border-width: var(--border-width_m);
-  --collection-page_author_details_gap: var(--spc-4x);
-  --collection-page_author_details_dot_padding-horizontal: var(--spc-1x);
-  --collection-page_author_description_padding-top: var(--spc-4x);
+	// Author section
+	--collection-page_author_padding: var(--spc-6x);
+	--collection-page_author_corner-radius: var(--corner-radius_l);
+	--collection-page_author_avatar_size: 48px;
+	--collection-page_author_avatar_border-width: var(--border-width_m);
+	--collection-page_author_details_gap: var(--spc-4x);
+	--collection-page_author_details_dot_padding-horizontal: var(--spc-1x);
+	--collection-page_author_description_padding-top: var(--spc-4x);
 
-  --collection-page_author_name_color: var(--foreground_emphasis-high);
-  --collection-page_author_count-articles_color: var(--foreground_emphasis-high);
-  --collection-page_author_count-words_color: var(--foreground_emphasis-medium);
-  --collection-page_author_dot_color: var(--foreground_emphasis-medium);
-  --collection-page_author_description_color: var(--foreground_emphasis-high);
+	--collection-page_author_name_color: var(--foreground_emphasis-high);
+	--collection-page_author_count-articles_color: var(
+		--foreground_emphasis-high
+	);
+	--collection-page_author_count-words_color: var(--foreground_emphasis-medium);
+	--collection-page_author_dot_color: var(--foreground_emphasis-medium);
+	--collection-page_author_description_color: var(--foreground_emphasis-high);
 
-  @include from($tabletSmall) {
-    --collection-page_banner_max-width: 240px;
-    --collection-page_title_padding-top: 0px;
-  }
+	@include from($tabletSmall) {
+		--collection-page_banner_max-width: 240px;
+		--collection-page_title_padding-top: 0px;
+	}
 
-  @include from($tabletLarge) {
-    --collection-page_banner_max-width: 400px;
-  }
+	@include from($tabletLarge) {
+		--collection-page_banner_max-width: 400px;
+	}
 
-  @include from($desktopSmall) {
-    --collection-page_banner_corner-radius: var(--corner-radius_xl);
-    --collection-page_banner_max-width: 480px;
-  }
+	@include from($desktopSmall) {
+		--collection-page_banner_corner-radius: var(--corner-radius_xl);
+		--collection-page_banner_max-width: 480px;
+	}
 }
 
 .collectionPageContainer {
-  padding: var(--collection-page_padding);
-  max-width: var(--max-width_l);
-  margin: 0 auto;
+	padding: var(--collection-page_padding);
+	max-width: var(--max-width_l);
+	margin: 0 auto;
 }
 
 .collectionPageInnerContainer {
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: repeat(3, min-content);
+	display: grid;
+	grid-template-columns: 1fr;
+	grid-template-rows: repeat(3, min-content);
 
-  @include from($tabletSmall) {
-    grid-template-columns: min-content 1fr;
-    grid-template-rows: repeat(2, min-content);
-    grid-column-gap: var(--collection-page_gap);
-  }
+	@include from($tabletSmall) {
+		grid-template-columns: min-content 1fr;
+		grid-template-rows: repeat(2, min-content);
+		grid-column-gap: var(--collection-page_gap);
+	}
 
-  @include from($desktopSmall) {
-    grid-template-columns: min-content 1fr;
-    grid-template-rows: min-content 1fr;
-    grid-column-gap: var(--collection-page_gap);
-  }
+	@include from($desktopSmall) {
+		grid-template-columns: min-content 1fr;
+		grid-template-rows: min-content 1fr;
+		grid-column-gap: var(--collection-page_gap);
+	}
 }
 
 .titleAndDescContainer {
-  @include from($tabletSmall) {
-    grid-column: 2;
-    grid-row: 1;
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-  }
+	@include from($tabletSmall) {
+		grid-column: 2;
+		grid-row: 1;
+		display: flex;
+		justify-content: center;
+		flex-direction: column;
+	}
 
-  @include from($desktopSmall) {
-    grid-column: 2;
-    grid-row: 1;
-    display: unset;
-    justify-content: unset;
-    flex-direction: unset;
-  }
+	@include from($desktopSmall) {
+		grid-column: 2;
+		grid-row: 1;
+		display: unset;
+		justify-content: unset;
+		flex-direction: unset;
+	}
 }
 
 .title {
-  color: var(--collection-page_title_color);
-  margin: 0;
-  margin-bottom: var(--collection-page_title_padding-bottom);
-  margin-top: var(--collection-page_title_padding-top);
+	color: var(--collection-page_title_color);
+	margin: 0;
+	margin-bottom: var(--collection-page_title_padding-bottom);
+	margin-top: var(--collection-page_title_padding-top);
 }
 
 .description {
-  color: var(--collection-page_subtitle_color);
-  margin: 0;
+	color: var(--collection-page_subtitle_color);
+	margin: 0;
 }
 
 .contentContainer {
-  display: flex;
-  flex-direction: column;
-  gap: var(--collection-page_content_gap);
-  margin-top: var(--collection-page_content_gap);
+	display: flex;
+	flex-direction: column;
+	gap: var(--collection-page_content_gap);
+	margin-top: var(--collection-page_content_gap);
 
+	@include from($tabletSmall) {
+		grid-column: 1 / 3;
+		grid-row: 2;
+	}
 
-  @include from($tabletSmall) {
-    grid-column: 1 / 3;
-    grid-row: 2;
-  }
-
-  @include from($desktopSmall) {
-    grid-column: 2;
-    grid-row: 2;
-  }
+	@include from($desktopSmall) {
+		grid-column: 2;
+		grid-row: 2;
+	}
 }
 
-.content>*:first-child {
-  margin-top: 0 !important;
+.content > *:first-child {
+	margin-top: 0 !important;
 }
 
-.content>*:last-child {
-  margin-bottom: 0 !important;
+.content > *:last-child {
+	margin-bottom: 0 !important;
 }
 
 .coverImage {
-  @include from($tabletSmall) {
-    grid-column: 1;
-    grid-row: 1;
-  }
+	@include from($tabletSmall) {
+		grid-column: 1;
+		grid-row: 1;
+	}
 
-  @include from($desktopSmall) {
-    grid-column: 1;
-    grid-row: 1 / 3;
-  }
+	@include from($desktopSmall) {
+		grid-column: 1;
+		grid-row: 1 / 3;
+	}
 }
 
 .coverImage img {
-  max-width: 368px;
-  max-height: 552px;
-  width: 100%;
+	max-width: 368px;
+	max-height: 552px;
+	width: 100%;
 
-  border-radius: var(--collection-page_banner_corner-radius);
+	border-radius: var(--collection-page_banner_corner-radius);
 
-  margin: 0 auto;
-  margin-bottom: var(--collection-page_gap);
-  display: block;
+	margin: 0 auto;
+	margin-bottom: var(--collection-page_gap);
+	display: block;
 
-  @include from($tabletSmall) {
-    margin: unset;
-    display: unset;
-    max-width: unset;
-    max-height: unset;
-    width: 240px;
-    height: 360px;
-  }
+	@include from($tabletSmall) {
+		margin: unset;
+		display: unset;
+		max-width: unset;
+		max-height: unset;
+		width: 240px;
+		height: 360px;
+	}
 
-  @include from($desktopSmall) {
-    height: 720px;
-    width: 480px;
-  }
+	@include from($desktopSmall) {
+		height: 720px;
+		width: 480px;
+	}
 }
 
 .buttonContainer {
-  display: flex;
-  flex-direction: row;
-  gap: var(--collection-page_content_button-gap);
+	display: flex;
+	flex-direction: row;
+	gap: var(--collection-page_content_button-gap);
 }
 
-.buttonContainer>* {
-  width: 1px;
-  flex-grow: 1;
+.buttonContainer > * {
+	width: 1px;
+	flex-grow: 1;
 }
 
 .authorsList {
-  list-style: none;
-  margin: 0;
-  padding: 0;
+	list-style: none;
+	margin: 0;
+	padding: 0;
 }
 
 .authorContainer {
-  padding: var(--collection-page_author_padding);
-  background-color: var(--surface_primary_emphasis-none);
-  border-radius: var(--collection-page_author_corner-radius);
-  display: grid;
+	padding: var(--collection-page_author_padding);
+	background-color: var(--surface_primary_emphasis-none);
+	border-radius: var(--collection-page_author_corner-radius);
+	display: grid;
 
-  grid-template-columns: min-content 1fr;
-  grid-template-rows: repeat(3, min-content);
+	grid-template-columns: min-content 1fr;
+	grid-template-rows: repeat(3, min-content);
 
-  @include from($tabletSmall) {
-    grid-template-columns: min-content 1fr min-content;
-    grid-column-gap: var(--collection-page_description_padding-top);
-  }
+	@include from($tabletSmall) {
+		grid-template-columns: min-content 1fr min-content;
+		grid-column-gap: var(--collection-page_description_padding-top);
+	}
 }
 
 .authorImage {
-  height: var(--collection-page_author_avatar_size);
-  width: var(--collection-page_author_avatar_size);
-  align-self: center;
-  border-radius: 50%;
-  overflow: hidden;
-  border-style: solid;
-  border-width: var(--collection-page_author_avatar_border-width);
-  margin-right: var(--collection-page_author_details_gap);
+	height: var(--collection-page_author_avatar_size);
+	width: var(--collection-page_author_avatar_size);
+	align-self: center;
+	border-radius: 50%;
+	overflow: hidden;
+	border-style: solid;
+	border-width: var(--collection-page_author_avatar_border-width);
+	margin-right: var(--collection-page_author_details_gap);
 
-  grid-row: 1;
-  grid-column: 1;
+	grid-row: 1;
+	grid-column: 1;
 
-  @include from($tabletSmall) {
-    grid-row: 1;
-    grid-column: 1;
-  }
+	@include from($tabletSmall) {
+		grid-row: 1;
+		grid-column: 1;
+	}
 }
 
 .authorImage img {
-  height: 100%;
-  width: 100%;
+	height: 100%;
+	width: 100%;
 }
 
 .authorMetaData {
-  height: max-content;
-  align-self: center;
+	height: max-content;
+	align-self: center;
 
-  grid-row: 1;
-  grid-column: 2;
+	grid-row: 1;
+	grid-column: 2;
 
-  @include from($desktopSmall) {
-    grid-row: 1;
-    grid-column: 2;
-  }
+	@include from($desktopSmall) {
+		grid-row: 1;
+		grid-column: 2;
+	}
 }
 
 .authorName {
-  margin: 0;
-  color: var(--collection-page_author_name_color);
+	margin: 0;
+	color: var(--collection-page_author_name_color);
 }
 
 .authorArticles {
-  margin: 0;
-  color: var(--collection-page_author_count-articles_color);
+	margin: 0;
+	color: var(--collection-page_author_count-articles_color);
 }
 
 .authorWordCount,
 .authorMetaSeperatorDot {
-  margin: 0;
-  color: var(--collection-page_author_count-words_color);
+	margin: 0;
+	color: var(--collection-page_author_count-words_color);
 }
 
 .viewProfileBtn {
-  height: fit-content;
-  align-self: center;
+	height: fit-content;
+	align-self: center;
 
-  grid-row: 3;
-  grid-column: 1 / 3;
+	grid-row: 3;
+	grid-column: 1 / 3;
 
-  @include from($tabletSmall) {
-    grid-row: 1;
-    grid-column: 3;
-  }
+	@include from($tabletSmall) {
+		grid-row: 1;
+		grid-column: 3;
+	}
 }
 
 .authorDescription {
-  padding-top: var(--collection-page_author_description_padding-top);
-  padding-bottom: var(--collection-page_title_padding-bottom);
+	padding-top: var(--collection-page_author_description_padding-top);
+	padding-bottom: var(--collection-page_title_padding-bottom);
 
-  grid-row: 2;
-  grid-column: 1 / 3;
+	grid-row: 2;
+	grid-column: 1 / 3;
 
-  @include from($tabletSmall) {
-    padding-bottom: unset;
-    grid-row: 2;
-    grid-column: 1 / span 3;
-  }
+	@include from($tabletSmall) {
+		padding-bottom: unset;
+		grid-row: 2;
+		grid-column: 1 / span 3;
+	}
 }
diff --git a/src/views/collections/framework-field-guide/components/pricing-card.module.scss b/src/views/collections/framework-field-guide/components/pricing-card.module.scss
index e1aa15c8..8dba2908 100644
--- a/src/views/collections/framework-field-guide/components/pricing-card.module.scss
+++ b/src/views/collections/framework-field-guide/components/pricing-card.module.scss
@@ -1,291 +1,294 @@
-@import "../tokens/utils";
-@import "../tokens/breakpoints";
-
-.pricingCardContainerLi {
-	display: block;
-	padding: var(--section-ver-padding) var(--section-hor-padding);
-	border-radius: var(--pricing-container-radius);
-	background: var(--pricing-container_default);
-	transition: background var(--color-transition-time)
-			var(--color-transition-ease),
-		color var(--color-transition-time) var(--color-transition-ease);
-	position: relative;
-}
-
-.pricingCardContainerLi.highlighted {
-	background: var(--pricing-container_highlighted);
-}
-
-@include from($desktop) {
-	.pricingCardContainerLi {
-		width: calc(100% / 3 - var(--pricing-container-radius));
-	}
-	.pricingCardContainerLi.highlighted {
-		width: calc(100% / 3);
-	}
-}
-
-.pricingCardContainer {
-	display: flex;
-	flex-direction: column;
-	gap: var(--section-gap);
-	text-align: center;
-}
-
-.topTextContainer {
-	display: flex;
-	flex-direction: column;
-	flex-wrap: nowrap;
-	gap: var(--section-gap);
-}
-
-@include from($tablet) {
-	.topTextContainer {
-		flex-direction: row;
-	}
-
-	.topTextContainer > div {
-		width: 50%;
-	}
-
-	.topTextContainer > div:first-child {
-		text-align: start;
-	}
-
-	.topTextContainer > div:last-child {
-		text-align: end;
-	}
-}
-
-@include from($desktop) {
-	.topTextContainer {
-		flex-direction: column;
-	}
-
-	.topTextContainer > div {
-		width: 100%;
-	}
-
-	.topTextContainer > div:first-child,
-	.topTextContainer > div:last-child {
-		text-align: center;
-	}
-}
-
-.saleTag {
-	position: absolute;
-	height: var(--sale-badge-size);
-	width: var(--sale-badge-size);
-	top: var(--sale-badge-offset);
-	right: var(--sale-badge-offset);
-	transform: rotate(var(--sale-badge-rotation));
-}
-
-.pricingTitle {
-	color: var(--on-dark-emphasis-high);
-	margin: 0;
-	margin-bottom: var(--spc-1x);
-}
-
-.pricingDescription {
-	color: var(--on-dark-emphasis-medium);
-	margin: 0;
-}
-
-.pricingPrice {
-	color: var(--on-dark-emphasis-high);
-	margin: 0;
-	margin-bottom: var(--spc-1x);
-}
-
-.enterpriseToggleContainer {
-	display: grid;
-	grid-template-rows: 1fr;
-	grid-template-columns: 1fr auto 1fr;
-	align-items: center;
-}
-
-.enterpriseToggleText {
-	margin: 0;
-	color: var(--slate-300);
-	padding: 0 var(--spc-2x);
-}
-
-@include from($desktop) {
-	.enterpriseToggleText {
-		padding: 0 var(--spc-1x);
-	}
-}
-
-.enterpriseToggleText {
-	text-align: right;
-}
-
-.enterpriseToggleText + .enterpriseToggleText {
-	text-align: left;
-}
-
-.enterpriseToggle:not(:checked) + .enterpriseToggleText {
-	color: var(--slate-050);
-}
-
-.enterpriseToggle:checked + .enterpriseToggleText + .enterpriseToggleText {
-	color: var(--slate-050);
-}
-
-.individualText {
-	order: -1;
-}
-
-input[type="checkbox"].enterpriseToggle {
-	appearance: none;
-	width: var(--pricing-toggle-width);
-	height: var(--pricing-toggle-height);
-	position: relative;
-	border-radius: 50px;
-	box-sizing: content-box;
-	cursor: pointer;
-	transition: background 150ms ease-in-out;
-	background: var(--pricing-toggle-track-color);
-}
-
-input[type="checkbox"].enterpriseToggle:hover {
-	background: var(--pricing-toggle-track-color_hovered);
-}
-
-input[type="checkbox"].enterpriseToggle:active {
-	background: var(--pricing-toggle-track-color_pressed);
-}
-
-/* Thumb */
-input[type="checkbox"].enterpriseToggle::before {
-	top: 50%;
-	left: var(--pricing-toggle-gap);
-	transform: translateY(-50%);
-	transition: left 150ms ease-in-out, background-color 150ms ease-in-out,
-		height 150ms ease-in-out, width 150ms ease-in-out;
-	content: " ";
-	width: var(--pricing-toggle-thumb-size);
-	height: var(--pricing-toggle-thumb-size);
-	background: var(--slate-200);
-	position: absolute;
-	border-radius: 50px;
-}
-
-input[type="checkbox"].enterpriseToggle:hover::before {
-	width: var(--pricing-toggle-thumb-size_hovered);
-	height: var(--pricing-toggle-thumb-size_hovered);
-}
-
-input[type="checkbox"].enterpriseToggle:active::before {
-	width: var(--pricing-toggle-thumb-size_pressed);
-	height: var(--pricing-toggle-thumb-size_pressed);
-}
-
-input[type="checkbox"].enterpriseToggle:hover::before {
-	left: var(--pricing-toggle-gap_hovered);
-}
-
-input[type="checkbox"].enterpriseToggle:active::before {
-	left: var(--pricing-toggle-gap_pressed);
-}
-
-input[type="checkbox"].enterpriseToggle:checked {
-	background: var(--slate-500);
-}
-
-input[type="checkbox"].enterpriseToggle:checked::before {
-	left: calc(
-		100% - var(--pricing-toggle-thumb-size) - var(--pricing-toggle-gap)
-	);
-}
-
-input[type="checkbox"].enterpriseToggle:checked:hover::before {
-	left: calc(
-		100% - var(--pricing-toggle-thumb-size_hovered) -
-			var(--pricing-toggle-gap_hovered)
-	);
-}
-
-input[type="checkbox"].enterpriseToggle:checked:active::before {
-	left: calc(
-		100% - var(--pricing-toggle-thumb-size_pressed) -
-			var(--pricing-toggle-gap_pressed)
-	);
-}
-
-.pricingEnterpriseExplainer {
-	color: var(--on-dark-emphasis-medium);
-	margin: 0;
-	opacity: 0;
-	transition: opacity 300ms ease-in-out;
-}
-
-.divider {
-	display: none;
-	border: none;
-	border-top: 2px dotted #607090;
-}
-
-@include from($tablet) {
-	.divider {
-		display: block;
-	}
-}
-
-.listItems {
-	text-align: start;
-	display: flex;
-	flex-direction: column;
-	flex-wrap: nowrap;
-	gap: var(--section-gap);
-}
-
-@include from($tablet) {
-	.listItems {
-		flex-direction: row;
-	}
-
-	.listItems > ul {
-		width: 50%;
-	}
-}
-
-@include from($desktop) {
-	.listItems {
-		flex-direction: column;
-	}
-
-	.listItems > ul {
-		width: 100%;
-	}
-}
-
-.listItemBullet {
-	height: var(--bullet-list-item-icon-size);
-	width: var(--bullet-list-item-icon-size);
-	margin-right: var(--spc-1x);
-}
-
-.starPoints,
-.bulletPoints {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	display: flex;
-	flex-direction: column;
-	flex-wrap: nowrap;
-	gap: var(--bullet-list-item-gap);
-}
-
-.starPoints > li,
-.bulletPoints > li {
-	display: flex;
-	align-items: center;
-}
-
-@include until($tablet) {
-	.removeOnMobile {
-		display: none;
-	}
-}
+@import "../tokens/utils";
+@import "../tokens/breakpoints";
+
+.pricingCardContainerLi {
+	display: block;
+	padding: var(--section-ver-padding) var(--section-hor-padding);
+	border-radius: var(--pricing-container-radius);
+	background: var(--pricing-container_default);
+	transition:
+		background var(--color-transition-time) var(--color-transition-ease),
+		color var(--color-transition-time) var(--color-transition-ease);
+	position: relative;
+}
+
+.pricingCardContainerLi.highlighted {
+	background: var(--pricing-container_highlighted);
+}
+
+@include from($desktop) {
+	.pricingCardContainerLi {
+		width: calc(100% / 3 - var(--pricing-container-radius));
+	}
+	.pricingCardContainerLi.highlighted {
+		width: calc(100% / 3);
+	}
+}
+
+.pricingCardContainer {
+	display: flex;
+	flex-direction: column;
+	gap: var(--section-gap);
+	text-align: center;
+}
+
+.topTextContainer {
+	display: flex;
+	flex-direction: column;
+	flex-wrap: nowrap;
+	gap: var(--section-gap);
+}
+
+@include from($tablet) {
+	.topTextContainer {
+		flex-direction: row;
+	}
+
+	.topTextContainer > div {
+		width: 50%;
+	}
+
+	.topTextContainer > div:first-child {
+		text-align: start;
+	}
+
+	.topTextContainer > div:last-child {
+		text-align: end;
+	}
+}
+
+@include from($desktop) {
+	.topTextContainer {
+		flex-direction: column;
+	}
+
+	.topTextContainer > div {
+		width: 100%;
+	}
+
+	.topTextContainer > div:first-child,
+	.topTextContainer > div:last-child {
+		text-align: center;
+	}
+}
+
+.saleTag {
+	position: absolute;
+	height: var(--sale-badge-size);
+	width: var(--sale-badge-size);
+	top: var(--sale-badge-offset);
+	right: var(--sale-badge-offset);
+	transform: rotate(var(--sale-badge-rotation));
+}
+
+.pricingTitle {
+	color: var(--on-dark-emphasis-high);
+	margin: 0;
+	margin-bottom: var(--spc-1x);
+}
+
+.pricingDescription {
+	color: var(--on-dark-emphasis-medium);
+	margin: 0;
+}
+
+.pricingPrice {
+	color: var(--on-dark-emphasis-high);
+	margin: 0;
+	margin-bottom: var(--spc-1x);
+}
+
+.enterpriseToggleContainer {
+	display: grid;
+	grid-template-rows: 1fr;
+	grid-template-columns: 1fr auto 1fr;
+	align-items: center;
+}
+
+.enterpriseToggleText {
+	margin: 0;
+	color: var(--slate-300);
+	padding: 0 var(--spc-2x);
+}
+
+@include from($desktop) {
+	.enterpriseToggleText {
+		padding: 0 var(--spc-1x);
+	}
+}
+
+.enterpriseToggleText {
+	text-align: right;
+}
+
+.enterpriseToggleText + .enterpriseToggleText {
+	text-align: left;
+}
+
+.enterpriseToggle:not(:checked) + .enterpriseToggleText {
+	color: var(--slate-050);
+}
+
+.enterpriseToggle:checked + .enterpriseToggleText + .enterpriseToggleText {
+	color: var(--slate-050);
+}
+
+.individualText {
+	order: -1;
+}
+
+input[type="checkbox"].enterpriseToggle {
+	appearance: none;
+	width: var(--pricing-toggle-width);
+	height: var(--pricing-toggle-height);
+	position: relative;
+	border-radius: 50px;
+	box-sizing: content-box;
+	cursor: pointer;
+	transition: background 150ms ease-in-out;
+	background: var(--pricing-toggle-track-color);
+}
+
+input[type="checkbox"].enterpriseToggle:hover {
+	background: var(--pricing-toggle-track-color_hovered);
+}
+
+input[type="checkbox"].enterpriseToggle:active {
+	background: var(--pricing-toggle-track-color_pressed);
+}
+
+/* Thumb */
+input[type="checkbox"].enterpriseToggle::before {
+	top: 50%;
+	left: var(--pricing-toggle-gap);
+	transform: translateY(-50%);
+	transition:
+		left 150ms ease-in-out,
+		background-color 150ms ease-in-out,
+		height 150ms ease-in-out,
+		width 150ms ease-in-out;
+	content: " ";
+	width: var(--pricing-toggle-thumb-size);
+	height: var(--pricing-toggle-thumb-size);
+	background: var(--slate-200);
+	position: absolute;
+	border-radius: 50px;
+}
+
+input[type="checkbox"].enterpriseToggle:hover::before {
+	width: var(--pricing-toggle-thumb-size_hovered);
+	height: var(--pricing-toggle-thumb-size_hovered);
+}
+
+input[type="checkbox"].enterpriseToggle:active::before {
+	width: var(--pricing-toggle-thumb-size_pressed);
+	height: var(--pricing-toggle-thumb-size_pressed);
+}
+
+input[type="checkbox"].enterpriseToggle:hover::before {
+	left: var(--pricing-toggle-gap_hovered);
+}
+
+input[type="checkbox"].enterpriseToggle:active::before {
+	left: var(--pricing-toggle-gap_pressed);
+}
+
+input[type="checkbox"].enterpriseToggle:checked {
+	background: var(--slate-500);
+}
+
+input[type="checkbox"].enterpriseToggle:checked::before {
+	left: calc(
+		100% - var(--pricing-toggle-thumb-size) - var(--pricing-toggle-gap)
+	);
+}
+
+input[type="checkbox"].enterpriseToggle:checked:hover::before {
+	left: calc(
+		100% - var(--pricing-toggle-thumb-size_hovered) -
+			var(--pricing-toggle-gap_hovered)
+	);
+}
+
+input[type="checkbox"].enterpriseToggle:checked:active::before {
+	left: calc(
+		100% - var(--pricing-toggle-thumb-size_pressed) -
+			var(--pricing-toggle-gap_pressed)
+	);
+}
+
+.pricingEnterpriseExplainer {
+	color: var(--on-dark-emphasis-medium);
+	margin: 0;
+	opacity: 0;
+	transition: opacity 300ms ease-in-out;
+}
+
+.divider {
+	display: none;
+	border: none;
+	border-top: 2px dotted #607090;
+}
+
+@include from($tablet) {
+	.divider {
+		display: block;
+	}
+}
+
+.listItems {
+	text-align: start;
+	display: flex;
+	flex-direction: column;
+	flex-wrap: nowrap;
+	gap: var(--section-gap);
+}
+
+@include from($tablet) {
+	.listItems {
+		flex-direction: row;
+	}
+
+	.listItems > ul {
+		width: 50%;
+	}
+}
+
+@include from($desktop) {
+	.listItems {
+		flex-direction: column;
+	}
+
+	.listItems > ul {
+		width: 100%;
+	}
+}
+
+.listItemBullet {
+	height: var(--bullet-list-item-icon-size);
+	width: var(--bullet-list-item-icon-size);
+	margin-right: var(--spc-1x);
+}
+
+.starPoints,
+.bulletPoints {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	display: flex;
+	flex-direction: column;
+	flex-wrap: nowrap;
+	gap: var(--bullet-list-item-gap);
+}
+
+.starPoints > li,
+.bulletPoints > li {
+	display: flex;
+	align-items: center;
+}
+
+@include until($tablet) {
+	.removeOnMobile {
+		display: none;
+	}
+}
diff --git a/src/views/collections/framework-field-guide/components/prominent-quote.module.scss b/src/views/collections/framework-field-guide/components/prominent-quote.module.scss
index c842d69f..f6308a11 100644
--- a/src/views/collections/framework-field-guide/components/prominent-quote.module.scss
+++ b/src/views/collections/framework-field-guide/components/prominent-quote.module.scss
@@ -1,77 +1,76 @@
-.quoteContainer {
-	padding: var(--section-ver-padding) var(--section-hor-padding);
-	text-align: center;
-	position: relative;
-	z-index: 1;
-	margin: 0;
-}
-
-.quoteText {
-	margin: 0;
-	position: relative;
-}
-
-.quoteText::after, 
-.quoteText::before {
-	content: " ";
-	position: absolute;
-	height: var(--quote-marks-height_prominent);
-	aspect-ratio: var(--quote-mark-aspect-ratio);
-	background-image: url("../icons/big_quotation_mark.svg");
-	background-repeat: no-repeat;
-	background-size: contain;
-	z-index: -1;
-	opacity: var(--quote-mark-opacity);
-}
-
-// Top right corner quote
-.quoteText::after {
-	top: calc(0px - var(--quote-mark-offset_prominent));
-	right: calc(0px - var(--quote-mark-offset_prominent));
-}
-
-// Bottom left corner quote
-.quoteText::before {
-	bottom: calc(0px - var(--quote-mark-offset_prominent));
-	left: calc(0px - var(--quote-mark-offset_prominent));
-	transform: rotate(180deg);
-}
-
-.quoteAvatar {
-	margin-top: var(--section-gap);
-	margin-bottom: var(--spc-1x);
-	margin-left: auto;
-	margin-right: auto;
-	height: var(--quote-avatar-size_prominent);
-	width: var(--quote-avatar-size_prominent);
-	border-radius: var(--corner-radius-circular);
-}
-
-.quotePersonName {
-	margin: 0;
-	color: var(--on-dark-emphasis-high);
-	text-decoration-line: underline !important;
-	text-decoration-color: var(--quote-arrow-link-color) !important;
-	text-decoration-thickness: 1.5px !important;
-	position: relative;	
-	display: inline-block;
-}
-
-.quotePersonName::before {
-	content: " ";
-	position: absolute;
-	right: calc(-4px - 0.5rem);
-	top: 50%;
-	transform: translateY(-50%);
-	height: 0.5rem;
-	width: 0.5rem;
-	background-image: url("../icons/link_arrow.svg");
-	background-repeat: no-repeat;
-}
-
-
-.quotePersonTitle {
-	margin-top: 4px;
-	margin-bottom: 0;
-	color: var(--on-dark-emphasis-medium);
-}
+.quoteContainer {
+	padding: var(--section-ver-padding) var(--section-hor-padding);
+	text-align: center;
+	position: relative;
+	z-index: 1;
+	margin: 0;
+}
+
+.quoteText {
+	margin: 0;
+	position: relative;
+}
+
+.quoteText::after,
+.quoteText::before {
+	content: " ";
+	position: absolute;
+	height: var(--quote-marks-height_prominent);
+	aspect-ratio: var(--quote-mark-aspect-ratio);
+	background-image: url("../icons/big_quotation_mark.svg");
+	background-repeat: no-repeat;
+	background-size: contain;
+	z-index: -1;
+	opacity: var(--quote-mark-opacity);
+}
+
+// Top right corner quote
+.quoteText::after {
+	top: calc(0px - var(--quote-mark-offset_prominent));
+	right: calc(0px - var(--quote-mark-offset_prominent));
+}
+
+// Bottom left corner quote
+.quoteText::before {
+	bottom: calc(0px - var(--quote-mark-offset_prominent));
+	left: calc(0px - var(--quote-mark-offset_prominent));
+	transform: rotate(180deg);
+}
+
+.quoteAvatar {
+	margin-top: var(--section-gap);
+	margin-bottom: var(--spc-1x);
+	margin-left: auto;
+	margin-right: auto;
+	height: var(--quote-avatar-size_prominent);
+	width: var(--quote-avatar-size_prominent);
+	border-radius: var(--corner-radius-circular);
+}
+
+.quotePersonName {
+	margin: 0;
+	color: var(--on-dark-emphasis-high);
+	text-decoration-line: underline !important;
+	text-decoration-color: var(--quote-arrow-link-color) !important;
+	text-decoration-thickness: 1.5px !important;
+	position: relative;
+	display: inline-block;
+}
+
+.quotePersonName::before {
+	content: " ";
+	position: absolute;
+	right: calc(-4px - 0.5rem);
+	top: 50%;
+	transform: translateY(-50%);
+	height: 0.5rem;
+	width: 0.5rem;
+	background-image: url("../icons/link_arrow.svg");
+	background-repeat: no-repeat;
+}
+
+.quotePersonTitle {
+	margin-top: 4px;
+	margin-bottom: 0;
+	color: var(--on-dark-emphasis-medium);
+}
diff --git a/src/views/collections/framework-field-guide/components/quote-card.module.scss b/src/views/collections/framework-field-guide/components/quote-card.module.scss
index 173d5a5a..2784759f 100644
--- a/src/views/collections/framework-field-guide/components/quote-card.module.scss
+++ b/src/views/collections/framework-field-guide/components/quote-card.module.scss
@@ -1,84 +1,84 @@
-.quoteCardContainerLi {
-	display: block;
-}
-
-.quoteCardContainer {
-	display: flex;
-	flex-direction: column;
-	gap: var(--quote-spacing);
-	padding: var(--quote-spacing);
-	position: relative;
-	overflow: hidden;
-	z-index: 1;
-	background: var(--slate-800);
-	transition: background var(--color-transition-time)
-		var(--color-transition-ease);
-	border-radius: var(--quote-corner-radius);
-}
-
-// Top right corner quote
-.quoteCardContainer::after {
-	content: " ";
-	position: absolute;
-	height: var(--quote-marks-height_contained);
-	aspect-ratio: var(--quote-mark-aspect-ratio);
-	background-image: url("../icons/big_quotation_mark.svg");
-	background-repeat: no-repeat;
-	background-size: contain;
-	z-index: -1;
-	opacity: var(--quote-mark-opacity);
-	top: calc(0px - var(--quote-mark-offset));
-	right: calc(0px - var(--quote-mark-offset));
-}
-
-.quoteText {
-	margin: 0;
-}
-
-.personDetailsContainer picture {
-	height: var(--quote-avatar-size);
-	width: var(--quote-avatar-size);
-}
-
-.personAvatar {
-	height: var(--quote-avatar-size);
-	width: var(--quote-avatar-size);
-	border-radius: var(--corner-radius-circular);
-}
-
-.personDetailsContainer {
-	display: flex;
-	flex-wrap: nowrap;
-	gap: var(--spc-2x);
-	align-items: center;
-}
-
-.personTextContainer {
-}
-
-.personName {
-	margin: 0;
-	text-decoration-line: underline !important;
-	text-decoration-color: var(--quote-arrow-link-color) !important;
-	text-decoration-thickness: 1.5px !important;
-	position: relative;
-	width: fit-content;
-	color: var(--on-dark-emphasis-high);
-}
-
-.personName::before {
-	content: " ";
-	position: absolute;
-	right: calc(-4px - 0.5rem);
-	top: 50%;
-	transform: translateY(-50%);
-	height: 0.5rem;
-	width: 0.5rem;
-	background-image: url("../icons/link_arrow.svg");
-	background-repeat: no-repeat;
-}
-
-.personTitle {
-	margin: 0;
-	color: var(--on-dark-emphasis-medium);
-}
+.quoteCardContainerLi {
+	display: block;
+}
+
+.quoteCardContainer {
+	display: flex;
+	flex-direction: column;
+	gap: var(--quote-spacing);
+	padding: var(--quote-spacing);
+	position: relative;
+	overflow: hidden;
+	z-index: 1;
+	background: var(--slate-800);
+	transition: background var(--color-transition-time)
+		var(--color-transition-ease);
+	border-radius: var(--quote-corner-radius);
+}
+
+// Top right corner quote
+.quoteCardContainer::after {
+	content: " ";
+	position: absolute;
+	height: var(--quote-marks-height_contained);
+	aspect-ratio: var(--quote-mark-aspect-ratio);
+	background-image: url("../icons/big_quotation_mark.svg");
+	background-repeat: no-repeat;
+	background-size: contain;
+	z-index: -1;
+	opacity: var(--quote-mark-opacity);
+	top: calc(0px - var(--quote-mark-offset));
+	right: calc(0px - var(--quote-mark-offset));
+}
+
+.quoteText {
+	margin: 0;
+}
+
+.personDetailsContainer picture {
+	height: var(--quote-avatar-size);
+	width: var(--quote-avatar-size);
+}
+
+.personAvatar {
+	height: var(--quote-avatar-size);
+	width: var(--quote-avatar-size);
+	border-radius: var(--corner-radius-circular);
+}
+
+.personDetailsContainer {
+	display: flex;
+	flex-wrap: nowrap;
+	gap: var(--spc-2x);
+	align-items: center;
+}
+
+.personTextContainer {
+}
+
+.personName {
+	margin: 0;
+	text-decoration-line: underline !important;
+	text-decoration-color: var(--quote-arrow-link-color) !important;
+	text-decoration-thickness: 1.5px !important;
+	position: relative;
+	width: fit-content;
+	color: var(--on-dark-emphasis-high);
+}
+
+.personName::before {
+	content: " ";
+	position: absolute;
+	right: calc(-4px - 0.5rem);
+	top: 50%;
+	transform: translateY(-50%);
+	height: 0.5rem;
+	width: 0.5rem;
+	background-image: url("../icons/link_arrow.svg");
+	background-repeat: no-repeat;
+}
+
+.personTitle {
+	margin: 0;
+	color: var(--on-dark-emphasis-medium);
+}
diff --git a/src/views/collections/framework-field-guide/components/quotes-container.module.scss b/src/views/collections/framework-field-guide/components/quotes-container.module.scss
index 1378440e..71e85c07 100644
--- a/src/views/collections/framework-field-guide/components/quotes-container.module.scss
+++ b/src/views/collections/framework-field-guide/components/quotes-container.module.scss
@@ -1,72 +1,74 @@
-@import "../tokens/utils";
-@import "../tokens/breakpoints.scss";
-
-.quotesContainer {
-	column-count: 1;
-	column-gap: var(--quote-grid-gap);
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    margin-bottom: 5rem;
-}
-
-.quotesContainer > * {
-	break-inside: avoid;
-	margin-bottom: var(--quote-grid-gap);
-}
-
-@include from($tablet) {
-	.quotesContainer {
-		column-count: 2;
-	}
-}
-
-@include from($desktop) {
-	.quotesContainer {
-		column-count: 3;
-	}
-}
-
-.quotesAndButtonsContainer {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-}
-
-.showMoreLessContainer {
-    order: -1;
-    flex-grow: 0;
-    position: sticky;
-    z-index: 2;
-    top: 100vh;
-    pointer-events: none;
-}
-
-.fullHeightSizer {
-    position: absolute;
-    top: -100vh;
-    left: 0;
-    height: 100vh;
-    width: 100%;
-    pointer-events: none;
-}
-
-.showMoreButton, .showLessButton {
-    position: absolute !important;
-    bottom: 1rem;
-    left: 50%;
-    transform: translateX(-50%);
-    pointer-events: all;
-}
-
-.quotesScrim {
-    background: var(--section-background);
-    transition: background var(--color-transition-time) var(--color-transition-ease);
-    height: 100%;
-    position: absolute;
-    inset: 0;
-    z-index: 1;
-    mask-image: linear-gradient(0deg, black 0%, transparent 50%);
-    -webkit-mask-image: linear-gradient(0deg, black 0%, transparent 50%);
-    pointer-events: none;
-}
+@import "../tokens/utils";
+@import "../tokens/breakpoints.scss";
+
+.quotesContainer {
+	column-count: 1;
+	column-gap: var(--quote-grid-gap);
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	margin-bottom: 5rem;
+}
+
+.quotesContainer > * {
+	break-inside: avoid;
+	margin-bottom: var(--quote-grid-gap);
+}
+
+@include from($tablet) {
+	.quotesContainer {
+		column-count: 2;
+	}
+}
+
+@include from($desktop) {
+	.quotesContainer {
+		column-count: 3;
+	}
+}
+
+.quotesAndButtonsContainer {
+	position: relative;
+	display: flex;
+	flex-direction: column;
+}
+
+.showMoreLessContainer {
+	order: -1;
+	flex-grow: 0;
+	position: sticky;
+	z-index: 2;
+	top: 100vh;
+	pointer-events: none;
+}
+
+.fullHeightSizer {
+	position: absolute;
+	top: -100vh;
+	left: 0;
+	height: 100vh;
+	width: 100%;
+	pointer-events: none;
+}
+
+.showMoreButton,
+.showLessButton {
+	position: absolute !important;
+	bottom: 1rem;
+	left: 50%;
+	transform: translateX(-50%);
+	pointer-events: all;
+}
+
+.quotesScrim {
+	background: var(--section-background);
+	transition: background var(--color-transition-time)
+		var(--color-transition-ease);
+	height: 100%;
+	position: absolute;
+	inset: 0;
+	z-index: 1;
+	mask-image: linear-gradient(0deg, black 0%, transparent 50%);
+	-webkit-mask-image: linear-gradient(0deg, black 0%, transparent 50%);
+	pointer-events: none;
+}
diff --git a/src/views/collections/framework-field-guide/components/shared-section-styling.scss b/src/views/collections/framework-field-guide/components/shared-section-styling.scss
index cd44efc5..47fd01e0 100644
--- a/src/views/collections/framework-field-guide/components/shared-section-styling.scss
+++ b/src/views/collections/framework-field-guide/components/shared-section-styling.scss
@@ -1,105 +1,108 @@
-@import "../tokens/utils";
-@import "../tokens/breakpoints";
-
-.book-section {
-    padding: var(--section-ver-padding) 0;
-    text-align: center;
-    transition: background-color var(--color-transition-time) var(--color-transition-ease);
-    will-change: transition;
-}
-
-.book-section > :not([data-no-horiz-pad]) {
-    padding: 0 var(--section-ver-padding);
-}
-
-.book-section > :not([data-no-max-width]) {
-    max-width: var(--max-width_small);
-    margin-left: auto;
-    margin-right: auto;
-}
-
-.book-title {
-    background: var(--text-gradient);
-    transition: background var(--color-transition-time) var(--color-transition-ease);
-    will-change: transition;
-    -webkit-background-clip: text;
-    background-clip: text;
-    color: transparent;
-    margin: 0 auto;
-    line-height: normal !important;
-}
-
-.book-subtitle {
-    color: var(--on-dark-emphasis-medium);
-    margin: var(--section-gap) 0;
-}
-
-.book-bio {
-    color: var(--on-dark-emphasis-high)
-}
-
-.book-ctas {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, 100%);
-    justify-content: center;
-    gap: var(--section-gap);
-    margin-left: auto;
-    margin-right: auto;
-    margin-top: var(--spc-6x);
-    margin-bottom: var(--section-gap);
-    @include from($tablet) {
-        grid-template-columns: repeat(auto-fit, minmax(min-content, 280px));
-    }
-}
-
-.book-coming-soon {
-    color: var(--on-dark-emphasis-medium);
-}
-
-.section-metrics-main-container {
-    display: flex;
-    justify-content: space-around;
-}
-
-.section-metric-container {
-    padding: var(--spc-2x) var(--spc-1x);
-    @include from($desktop) {
-        padding: var(--spc-4x) var(--spc-2x);
-    }
-}
-
-.section-metric-text {
-    margin: 0;
-}
-
-.text-style-main-text-only, .section-metric-asterisk {
-    background: var(--text-gradient);
-    -webkit-background-clip: text;
-    background-clip: text;
-    color: transparent;
-}
-
-.section-metric-subtitle {
-    color: var(--on-dark-emphasis-medium);
-    display: block;
-}
-
-.text-style-main-text {
-    position: relative;
-    display: inline-block;
-}
-
-.section-metric-asterisk {
-    position: absolute;
-    left: 100%;
-    top: calc(0px - var(--spc-1x));
-}
-
-.section-chip-group-container {
-    margin: var(--section-gap) auto;
-}
-
-.section-disclaimer {
-    margin: 0;
-    color: var(--on-dark-emphasis-medium);
-}
+@import "../tokens/utils";
+@import "../tokens/breakpoints";
+
+.book-section {
+	padding: var(--section-ver-padding) 0;
+	text-align: center;
+	transition: background-color var(--color-transition-time)
+		var(--color-transition-ease);
+	will-change: transition;
+}
+
+.book-section > :not([data-no-horiz-pad]) {
+	padding: 0 var(--section-ver-padding);
+}
+
+.book-section > :not([data-no-max-width]) {
+	max-width: var(--max-width_small);
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.book-title {
+	background: var(--text-gradient);
+	transition: background var(--color-transition-time)
+		var(--color-transition-ease);
+	will-change: transition;
+	-webkit-background-clip: text;
+	background-clip: text;
+	color: transparent;
+	margin: 0 auto;
+	line-height: normal !important;
+}
+
+.book-subtitle {
+	color: var(--on-dark-emphasis-medium);
+	margin: var(--section-gap) 0;
+}
+
+.book-bio {
+	color: var(--on-dark-emphasis-high);
+}
+
+.book-ctas {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, 100%);
+	justify-content: center;
+	gap: var(--section-gap);
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: var(--spc-6x);
+	margin-bottom: var(--section-gap);
+	@include from($tablet) {
+		grid-template-columns: repeat(auto-fit, minmax(min-content, 280px));
+	}
+}
+
+.book-coming-soon {
+	color: var(--on-dark-emphasis-medium);
+}
+
+.section-metrics-main-container {
+	display: flex;
+	justify-content: space-around;
+}
+
+.section-metric-container {
+	padding: var(--spc-2x) var(--spc-1x);
+	@include from($desktop) {
+		padding: var(--spc-4x) var(--spc-2x);
+	}
+}
+
+.section-metric-text {
+	margin: 0;
+}
+
+.text-style-main-text-only,
+.section-metric-asterisk {
+	background: var(--text-gradient);
+	-webkit-background-clip: text;
+	background-clip: text;
+	color: transparent;
+}
+
+.section-metric-subtitle {
+	color: var(--on-dark-emphasis-medium);
+	display: block;
+}
+
+.text-style-main-text {
+	position: relative;
+	display: inline-block;
+}
+
+.section-metric-asterisk {
+	position: absolute;
+	left: 100%;
+	top: calc(0px - var(--spc-1x));
+}
+
+.section-chip-group-container {
+	margin: var(--section-gap) auto;
+}
+
+.section-disclaimer {
+	margin: 0;
+	color: var(--on-dark-emphasis-medium);
+}
diff --git a/src/views/collections/framework-field-guide/components/signup-form.module.scss b/src/views/collections/framework-field-guide/components/signup-form.module.scss
index d3d1051c..4f431edb 100644
--- a/src/views/collections/framework-field-guide/components/signup-form.module.scss
+++ b/src/views/collections/framework-field-guide/components/signup-form.module.scss
@@ -1,86 +1,88 @@
-@import "../tokens/utils";
-@import "../tokens/breakpoints";
-
-.signUpFormContainer {
-	display: flex;
-	flex-direction: column;
-	gap: 24px;
-}
-
-@include from($desktop) {
-	.signUpFormContainer {
-		flex-direction: row;
-		align-items: flex-end;
-		gap: 0;
-	}
-}
-
-.inputContainer {
-	display: inline-block;
-	text-align: start;
-}
-
-@include from($desktop) {
-	.inputContainer {
-		flex-basis: 100%;
-	}
-}
-
-.emailInput {
-}
-
-@include from($desktop) {
-	.emailInput {
-		margin-left: var(--section-gap);
-		margin-right: var(--sign-up-btn-gap);
-	}
-}
-
-.inputLabel {
-	margin-left: var(--spc-2x);
-	margin-bottom: var(--spc-1x);
-	display: block;
-}
-
-.input {
-	box-sizing: border-box;
-	width: 100%;
-	border-style: solid;
-	border-radius: var(--form-border-radius);
-	border-width: var(--form-border-width);
-	border-color: var(--outline);
-	background: transparent;
-	color: white;
-	padding: var(--form-padding-vertical) 0 var(--form-padding-vertical)
-		var(--form-padding-horizontal);
-	transition: background var(--btn-state-transition-duration)
-		var(--btn-state-transition-easing), border-color var(--btn-state-transition-duration)
-		var(--btn-state-transition-easing);
-}
-
-.input:hover {
-	background: var(--slate-800);
-}
-
-.input:focus {
-	background: var(--slate-700);
-	border-color: var(--outline-focused);
-}
-
-@include until($desktop) {
-	.input {
-		line-height: 1.5rem !important;
-	}
-}
-
-.signUpButton {
-	flex-shrink: 0;
-	border-radius: var(--form-border-radius) !important;
-	height: fit-content;
-}
-
-@include from($desktop) {
-	.hideOnDesktop {
-		display: none;
-	}
-}
+@import "../tokens/utils";
+@import "../tokens/breakpoints";
+
+.signUpFormContainer {
+	display: flex;
+	flex-direction: column;
+	gap: 24px;
+}
+
+@include from($desktop) {
+	.signUpFormContainer {
+		flex-direction: row;
+		align-items: flex-end;
+		gap: 0;
+	}
+}
+
+.inputContainer {
+	display: inline-block;
+	text-align: start;
+}
+
+@include from($desktop) {
+	.inputContainer {
+		flex-basis: 100%;
+	}
+}
+
+.emailInput {
+}
+
+@include from($desktop) {
+	.emailInput {
+		margin-left: var(--section-gap);
+		margin-right: var(--sign-up-btn-gap);
+	}
+}
+
+.inputLabel {
+	margin-left: var(--spc-2x);
+	margin-bottom: var(--spc-1x);
+	display: block;
+}
+
+.input {
+	box-sizing: border-box;
+	width: 100%;
+	border-style: solid;
+	border-radius: var(--form-border-radius);
+	border-width: var(--form-border-width);
+	border-color: var(--outline);
+	background: transparent;
+	color: white;
+	padding: var(--form-padding-vertical) 0 var(--form-padding-vertical)
+		var(--form-padding-horizontal);
+	transition:
+		background var(--btn-state-transition-duration)
+			var(--btn-state-transition-easing),
+		border-color var(--btn-state-transition-duration)
+			var(--btn-state-transition-easing);
+}
+
+.input:hover {
+	background: var(--slate-800);
+}
+
+.input:focus {
+	background: var(--slate-700);
+	border-color: var(--outline-focused);
+}
+
+@include until($desktop) {
+	.input {
+		line-height: 1.5rem !important;
+	}
+}
+
+.signUpButton {
+	flex-shrink: 0;
+	border-radius: var(--form-border-radius) !important;
+	height: fit-content;
+}
+
+@include from($desktop) {
+	.hideOnDesktop {
+		display: none;
+	}
+}
diff --git a/src/views/collections/framework-field-guide/cover-layers/ecosystem/forest_background.tsx b/src/views/collections/framework-field-guide/cover-layers/ecosystem/forest_background.tsx
index 24d6f603..ac4faecf 100644
--- a/src/views/collections/framework-field-guide/cover-layers/ecosystem/forest_background.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/ecosystem/forest_background.tsx
@@ -1,13 +1,13 @@
-import { useMemo } from "preact/hooks";
-import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
-import { RepeatBackground } from "../shared/repeat-background";
-
-export const ForestBackground = () => {
-	const forestBackgroundColor = useCSSPropertyValue('--ecos-700', "#366E47");
-
-	const svg = useMemo(() => {
-		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 3022 1920' ><g><path fill='${forestBackgroundColor}' fill-rule='evenodd' d='M0 0v1342l8 5c1 2 10 6 20 9 15 5 20 13 41 69 14 35 29 64 31 68 32 60-76 427-76 427h26c27-81 52-191 73-285 19-82 35-150 45-174 15-27 75-97 81-93 3 2 12-4 21-13 8-9 20-17 27-18 6-1 17-8 23-15 9-11 11-12 11-3 0 6 5 10 12 10a539 539 0 0 1 121 257c18 107 21 121 28 118 8-2 8-56 0-201-6-100-6-100 8-125 13-23 28-32 32-20 1 3 10 9 20 13 23 11 25 25 30 169 4 101 60 258 60 258h20s-53-175-58-241c-7-88-2-182 7-198 7-15 12-18 22-14 7 2 18 8 23 13 10 8 11 8 11-1 0-8 11-16 33-24 22 8 33 16 33 24 0 9 1 9 11 1 5-5 16-11 23-13 10-4 15-1 22 14 9 16 9 28 3 111-8 96 17 410 45 410 10 10-26-151-19-340 5-144 7-158 30-169 10-4 19-10 20-13 4-12 19-3 32 20 14 25 14 25 8 125-8 145 20 385 28 388 22 3-18-198 0-305 12-71 34-129 77-201 23-40 36-56 44-56 7 0 12-4 12-10 0-9 2-8 11 3 6 7 17 14 23 15 7 1 19 9 27 18 9 9 18 15 21 13 6-4 66 66 81 93 10 24 26 92 45 174 21 94 46 204 73 285h26s-108-367-76-427c2-4 18-33 31-68 21-56 26-64 41-69 10-3 19-7 20-9l15-9c7-4 12-13 12-22 1-19 8-27 14-17 3 5 8 7 13 4 12-8 35-9 35-1 0 4 2 4 7-1 9-9 16-9 16 1 0 5 4 8 8 8 27-1 45 3 44 9-1 3 9 9 22 12 42 11 66 46 94 137 26 87 169 427 169 427l35 4s-119-279-158-395c-29-88-32-103-30-137 2-39 15-58 33-51 7 3 8-1 6-15-3-18 0-19 19-4 14 12 35 17 35 8 0-5 5-11 11-15 9-6 13-5 19 2 4 5 12 8 18 6 5-1 11 0 12 3s15 9 31 13c29 7 30 8 31 31 18 241 217 558 217 558h20s-224-376-201-573c8-13 21-11 16 3-2 5 1 8 6 8 4 0 8-2 8-5 0-7 29-19 36-15 3 2 8-2 12-9 6-8 12-11 21-8 9 2 14 1 14-5 0-5 1-6 7 0 13 13 22 7 26-16 2-16 6-22 11-20 4 1 14-1 21-5 8-4 16-7 19-6 2 0 6-3 8-8 1-5 7-9 11-9h3c4 8 10 9 26 8 12-1 18 0 14 3-10 7 1 17 22 20 8 1 15 6 17 13 1 6 7 17 14 24 10 12 14 13 21 7 6-5 10-5 15 2 5 8 17 15 33 20 23 8 35 17 35 25 0 9 1 9 11 1 5-5 16-11 23-13 10-4 15-1 22 14 9 16 21 175 21 307 0 127-30 169-11 169 49 0 13-421 49-464 6-7 19-10 20-13 4-12 19-3 32 20 14 25 11 76 11 131 0 70-11 277 23 394h19s-33-224-14-338c12-72 31-108 74-180 23-40 36-56 44-56 7 0 12-4 12-10 0-9 2-8 11 3 6 7 17 14 23 15 7 1 19 9 27 18 9 9 18 15 21 13 6-4 66 66 81 93 10 24 26 92 45 174 21 94 46 204 73 285h26s-108-367-76-427c2-4 18-33 31-68 21-56 26-64 41-69 10-3 19-7 20-9l8-5V0H0Zm397 1334c-5 2-3 7 6 20 9 14 13 16 17 10 8-12 6-17-3-13-5 2-9-1-10-8s-6-11-10-9Zm58 18c0 4-4 5-8 3-5-1-11 4-15 15-7 15-5 21 13 57l21 41v-57c0-32-2-59-5-61-4-2-6-1-6 2Zm-368 15c-12 7-12 7 4 51l16 44v-48c0-27-1-50-4-51-2-1-10 1-16 4Zm916-33c5 2 3 7-6 20-9 14-13 16-17 10-8-12-6-17 3-13 5 2 9-1 10-8s6-11 10-9Zm-58 18c0 4 4 5 8 3 5-1 11 4 15 15 7 15 5 21-13 57l-21 41s3-47 0-69c-4-29 2-47 5-49 4-2 6-1 6 2Zm368 15c12 7 12 7-4 51l-16 44v-48c0-27 1-50 4-51 2-1 10 1 16 4Zm1306-13c9-13 11-18 6-20-4-2-9 2-10 9s-5 10-10 8c-9-4-11 1-3 13 4 6 8 4 17-10Zm-44 1c-4 2-8 1-8-3 0-3-2-4-6-2-3 2-5 29-5 61v57l21-41c18-36 20-42 13-57-4-11-10-16-15-15Zm356 63c16-44 16-44 4-51-6-3-14-5-16-4-3 1-4 24-4 51v48l16-44Z' clip-rule='evenodd'></path></g></svg>`
-	}, [forestBackgroundColor]);
-
-	return <RepeatBackground aspectRatio={"3022/1920"} svg={svg} />;
-};
+import { useMemo } from "preact/hooks";
+import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
+import { RepeatBackground } from "../shared/repeat-background";
+
+export const ForestBackground = () => {
+	const forestBackgroundColor = useCSSPropertyValue("--ecos-700", "#366E47");
+
+	const svg = useMemo(() => {
+		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 3022 1920' ><g><path fill='${forestBackgroundColor}' fill-rule='evenodd' d='M0 0v1342l8 5c1 2 10 6 20 9 15 5 20 13 41 69 14 35 29 64 31 68 32 60-76 427-76 427h26c27-81 52-191 73-285 19-82 35-150 45-174 15-27 75-97 81-93 3 2 12-4 21-13 8-9 20-17 27-18 6-1 17-8 23-15 9-11 11-12 11-3 0 6 5 10 12 10a539 539 0 0 1 121 257c18 107 21 121 28 118 8-2 8-56 0-201-6-100-6-100 8-125 13-23 28-32 32-20 1 3 10 9 20 13 23 11 25 25 30 169 4 101 60 258 60 258h20s-53-175-58-241c-7-88-2-182 7-198 7-15 12-18 22-14 7 2 18 8 23 13 10 8 11 8 11-1 0-8 11-16 33-24 22 8 33 16 33 24 0 9 1 9 11 1 5-5 16-11 23-13 10-4 15-1 22 14 9 16 9 28 3 111-8 96 17 410 45 410 10 10-26-151-19-340 5-144 7-158 30-169 10-4 19-10 20-13 4-12 19-3 32 20 14 25 14 25 8 125-8 145 20 385 28 388 22 3-18-198 0-305 12-71 34-129 77-201 23-40 36-56 44-56 7 0 12-4 12-10 0-9 2-8 11 3 6 7 17 14 23 15 7 1 19 9 27 18 9 9 18 15 21 13 6-4 66 66 81 93 10 24 26 92 45 174 21 94 46 204 73 285h26s-108-367-76-427c2-4 18-33 31-68 21-56 26-64 41-69 10-3 19-7 20-9l15-9c7-4 12-13 12-22 1-19 8-27 14-17 3 5 8 7 13 4 12-8 35-9 35-1 0 4 2 4 7-1 9-9 16-9 16 1 0 5 4 8 8 8 27-1 45 3 44 9-1 3 9 9 22 12 42 11 66 46 94 137 26 87 169 427 169 427l35 4s-119-279-158-395c-29-88-32-103-30-137 2-39 15-58 33-51 7 3 8-1 6-15-3-18 0-19 19-4 14 12 35 17 35 8 0-5 5-11 11-15 9-6 13-5 19 2 4 5 12 8 18 6 5-1 11 0 12 3s15 9 31 13c29 7 30 8 31 31 18 241 217 558 217 558h20s-224-376-201-573c8-13 21-11 16 3-2 5 1 8 6 8 4 0 8-2 8-5 0-7 29-19 36-15 3 2 8-2 12-9 6-8 12-11 21-8 9 2 14 1 14-5 0-5 1-6 7 0 13 13 22 7 26-16 2-16 6-22 11-20 4 1 14-1 21-5 8-4 16-7 19-6 2 0 6-3 8-8 1-5 7-9 11-9h3c4 8 10 9 26 8 12-1 18 0 14 3-10 7 1 17 22 20 8 1 15 6 17 13 1 6 7 17 14 24 10 12 14 13 21 7 6-5 10-5 15 2 5 8 17 15 33 20 23 8 35 17 35 25 0 9 1 9 11 1 5-5 16-11 23-13 10-4 15-1 22 14 9 16 21 175 21 307 0 127-30 169-11 169 49 0 13-421 49-464 6-7 19-10 20-13 4-12 19-3 32 20 14 25 11 76 11 131 0 70-11 277 23 394h19s-33-224-14-338c12-72 31-108 74-180 23-40 36-56 44-56 7 0 12-4 12-10 0-9 2-8 11 3 6 7 17 14 23 15 7 1 19 9 27 18 9 9 18 15 21 13 6-4 66 66 81 93 10 24 26 92 45 174 21 94 46 204 73 285h26s-108-367-76-427c2-4 18-33 31-68 21-56 26-64 41-69 10-3 19-7 20-9l8-5V0H0Zm397 1334c-5 2-3 7 6 20 9 14 13 16 17 10 8-12 6-17-3-13-5 2-9-1-10-8s-6-11-10-9Zm58 18c0 4-4 5-8 3-5-1-11 4-15 15-7 15-5 21 13 57l21 41v-57c0-32-2-59-5-61-4-2-6-1-6 2Zm-368 15c-12 7-12 7 4 51l16 44v-48c0-27-1-50-4-51-2-1-10 1-16 4Zm916-33c5 2 3 7-6 20-9 14-13 16-17 10-8-12-6-17 3-13 5 2 9-1 10-8s6-11 10-9Zm-58 18c0 4 4 5 8 3 5-1 11 4 15 15 7 15 5 21-13 57l-21 41s3-47 0-69c-4-29 2-47 5-49 4-2 6-1 6 2Zm368 15c12 7 12 7-4 51l-16 44v-48c0-27 1-50 4-51 2-1 10 1 16 4Zm1306-13c9-13 11-18 6-20-4-2-9 2-10 9s-5 10-10 8c-9-4-11 1-3 13 4 6 8 4 17-10Zm-44 1c-4 2-8 1-8-3 0-3-2-4-6-2-3 2-5 29-5 61v57l21-41c18-36 20-42 13-57-4-11-10-16-15-15Zm356 63c16-44 16-44 4-51-6-3-14-5-16-4-3 1-4 24-4 51v48l16-44Z' clip-rule='evenodd'></path></g></svg>`;
+	}, [forestBackgroundColor]);
+
+	return <RepeatBackground aspectRatio={"3022/1920"} svg={svg} />;
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/ecosystem/forest_foreground.tsx b/src/views/collections/framework-field-guide/cover-layers/ecosystem/forest_foreground.tsx
index cdc9d4c2..cfac71c3 100644
--- a/src/views/collections/framework-field-guide/cover-layers/ecosystem/forest_foreground.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/ecosystem/forest_foreground.tsx
@@ -1,13 +1,13 @@
-import { useMemo } from "preact/hooks";
-import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
-import { RepeatBackground } from "../shared/repeat-background";
-
-export const ForestForeground = () => {
-	const forestForegroundColor = useCSSPropertyValue('--ecos-900', "#153D29");
-
-	const svg = useMemo(() => {
-		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 3022 1920' ><g ><path fill='${forestForegroundColor}' fill-rule='evenodd' d='M0 763s4 0 7-5c3-4 8-5 19-5 11-1 20 1 20 4 0 4 4 4 12 0 10-5 13-5 17 0 3 6 10 5 33-2l35-9c12 0 57-25 56-31-1-3 9-6 23-6 19-1 25 1 28 9v16c-5 7 4 12 14 6 5-3 11-3 15 0 4 4 8 4 10 0 2-3 9-4 17 0 8 3 21 4 30 3 17-2 18 0 56 76l39 78-18 72c-48 196-49 375-3 547 23 87 23 87 12 78-9-7-11-7-19 4-7 10-13 12-26 10-11-2-25 2-37 8-21 12-39 15-33 6 2-4-3-3-11 0-8 4-14 9-13 11 0 1-5 9-12 16-13 13-28 12-37-1-3-4-7-2-13 5-5 7-9 9-9 7 0-3-4-2-8 2-6 5-9 5-9 1s-4-7-9-7c-10 0-20 12-43 12-12 0-17-9-21-6-5 4-7 3-7-4 0-8-2-9-9-3-13 11-60 14-60 4 0-6-6-8-20-7-12 2-17-12-26-12v280h3022v-280c0-18-10-24-30-30-8-2-28-18-30-24-2-3-5-3-7-1-7 4-29-15-29-25 0-4-2-7-5-7-4 0-6 3-6 6 0 4-4 5-9 3s-14-1-20 3c-9 4-11 4-11-3 0-5-4-9-9-9s-8-2-8-5c0-7-23-5-38 3-14 8-51 6-51-3 0-4-3-7-6-7s-8-4-10-8c-3-6-11-7-28-5-24 3-40 14-47 31-2 6-4 5-7-5-5-18-14-15-14 5 0 9-2 17-6 17-3 0-5-3-4-7 1-3-2-7-6-9-5-2-7 0-4 4 3 6 1 7-26 8-14 1-23 10-23 23 0 15-25 44-38 44l-25 3c-20 2-81-13-86-21-4-5-5-6-5-1 0 3-8 8-18 10-14 4-20 2-24-6-3-6-12-16-19-23-11-10-14-18-14-46 0-78-33-234-74-354l-27-81c-3-14 32-89 68-144 27-41 60-65 153-112 46-23 60-28 63-22 4 6 9 7 23 2 15-5 18-5 23 4 4 6 6 7 6 1 0-4 4-6 8-4 5 1 13-2 18-8 12-13 23-15 18-3-2 6 0 9 5 9s8-5 8-12c0-6 4-13 8-14 5-2 10-9 12-16 4-12 4-12 8-1 4 13 33 18 45 8 4-4 8-4 10 0s9 4 17 1c10-4 15-4 17 1s4 5 7 1c8-9 25-14 25-7 0 4 7 5 17 3 13-3 18-2 18 5 0 11 7 10 20-3 13-15 20-15 20 1 0 12 0 12 14-3 17-18 19-19 33-6 10 10 11 10 18-1 6-11 7-14 8-30 1-7 53-8 53 0 0 9 14 4 21-7V0H0v763Zm383-24 16-17 17-17 16 16c13 14 16 15 29 7 24-12 30 0 16 33-6 15-16 41-21 58l-2 4c-4 12-6 19-9 20-5 0-13-14-33-50l-5-9-24-45Zm870 20c2 1 13-2 24-8 23-12 34-14 34-5 0 3 5 7 11 9 12 5 24 17 24 24 0 3 10 9 21 13 12 4 30 15 41 26 19 19 35 25 35 13 0-10 22 17 24 30 1 7 5 13 9 12s7 1 7 4 4 4 8 3c4-2 10 1 12 7 3 9 5 8 13-4 7-10 16-15 29-15 10-1 18 1 18 4s6 5 12 5 11 2 11 5c0 8 60 1 67-8 3-4 10-8 15-8s10-3 11-6 12-7 25-8c12-1 27-4 33-6 7-3 10-2 10 5 0 8 2 8 12 3 9-5 13-5 16 1 4 5 8 4 18-3 17-12 18-12 37 5 9 8 23 16 31 18 11 2 22 16 42 49 42 69 122 173 184 238l54 57 12 103c23 204 26 253 18 261-7 6-7 5-4-3 4-12-11-14-15-2-2 5-13 7-31 6-15 0-34 3-41 7-7 5-19 7-27 4-11-2-14-1-14 6 0 14-10 11-31-10-15-15-23-19-34-17-12 3-15 1-16-10l-2-12-14 12c-8 7-17 12-22 12-4 0-7 3-7 6s-6 8-14 12c-7 3-16 15-20 25-4 11-9 20-11 20l-17 4c-8 2-13 0-13-4 0-3 3-5 6-3s6 0 6-5-4-9-9-9-8-3-8-6-8-6-17-6c-10 0-19-3-21-6s-7-5-12-3c-4 2-8 1-8-2s-3-6-8-6-11-4-14-9c-4-7-9-9-23-6-12 2-18 1-18-3s-10 3-22 15-24 19-26 16c-4-7-16-6-27 2-19 15-23 15-19 2 3-11 2-12-7-9-26 11-30 11-30-2 0-14-10-15-32-4-11 6-21 7-38 3-12-3-29-5-38-4-18 2-32-5-27-13 2-3 1-5-2-5s-8 3-10 6-8 4-14 2c-9-3-11 0-11 14 0 22-16 37-30 27-6-4-10-10-10-14s-4-5-10-2a402 402 0 0 1-68 26c-6 6-15 5-11-1a7 7 0 1 0-11-7c-4 6-41 5-47-1-2-2-11 0-20 5-15 7-17 7-20 0-5-14-17-11-29 5a41 41 0 0 1-49 15c-10-4-16-2-26 7s-13 10-13 3c0-6-4-9-14-8-9 1-14-1-16-8-2-8-11-11-37-14-20-2-39-2-44 0-6 2-9 0-9-6 0-11-4-11-28-3-10 4-18 10-18 15 0 11-10 10-27-4-9-7-22-11-34-10-10 0-20 0-22-2-1-2 2-26 9-54 24-111 30-183 31-343v-155l30-46 50-83c28-50 35-58 45-54s51-10 94-31c13-7 32-12 42-12 13 0 19-3 23-15 5-12 8-15 21-12 11 2 23-3 48-20 18-12 34-26 36-31s5-8 8-6Zm-685 51c-13 15-15 12-13-16 2-26 4-28 20-22 10 3 6 23-7 38Zm-18 87c0-37 1-39 21-57l21-18 19 22c11 13 19 28 19 33 0 7 5 12 13 13 12 1 13 5 16 47a511 511 0 0 1-51 275c-6 3-25-61-37-123-12-56-21-144-21-192Zm1838-7c7-14 50-49 65-53s44-4 44 0a450 450 0 0 1-109 53Zm-450 36-25-40c-8-13-11-20-6-17s15 4 23 3c19-2 28 17 23 48l-3 23-12-17Zm404-31c0-5 7-14 16-19 20-13 26-13 19 0-11 18-42 50-38 39 2-5 3-14 3-20Zm-52 24c1-3 8-9 16-12 16-5 16-4 18 16 1 17-3 29-20 55-11 18-29 51-40 74-15 33-19 38-23 29l-20-48c-9-21-16-39-16-42 0-9 33-40 35-33 5 13 50-22 50-39Zm-291 92c-38-51-41-68-16-80 7-3 14-3 15-1 1 3 5 5 10 5 4 0 8 2 8 6 0 3 5 4 11 2 8-3 12-1 12 6 0 5 2 7 6 5 3-2 9 0 14 4 4 3 12 5 17 3 6-2 11 2 15 12 8 22 32 124 38 163 5 29 4 32-3 26-13-10-87-99-127-151ZM834 952c-1 0-4-42-2-48s10 3 13 3c2 0 19-8-3 33-3 7-7 12-8 12Z' clip-rule='evenodd'></path></g></svg>`
-	}, [forestForegroundColor]);
-
-	return <RepeatBackground aspectRatio={"3022/1920"} svg={svg} />;
-};
+import { useMemo } from "preact/hooks";
+import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
+import { RepeatBackground } from "../shared/repeat-background";
+
+export const ForestForeground = () => {
+	const forestForegroundColor = useCSSPropertyValue("--ecos-900", "#153D29");
+
+	const svg = useMemo(() => {
+		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 3022 1920' ><g ><path fill='${forestForegroundColor}' fill-rule='evenodd' d='M0 763s4 0 7-5c3-4 8-5 19-5 11-1 20 1 20 4 0 4 4 4 12 0 10-5 13-5 17 0 3 6 10 5 33-2l35-9c12 0 57-25 56-31-1-3 9-6 23-6 19-1 25 1 28 9v16c-5 7 4 12 14 6 5-3 11-3 15 0 4 4 8 4 10 0 2-3 9-4 17 0 8 3 21 4 30 3 17-2 18 0 56 76l39 78-18 72c-48 196-49 375-3 547 23 87 23 87 12 78-9-7-11-7-19 4-7 10-13 12-26 10-11-2-25 2-37 8-21 12-39 15-33 6 2-4-3-3-11 0-8 4-14 9-13 11 0 1-5 9-12 16-13 13-28 12-37-1-3-4-7-2-13 5-5 7-9 9-9 7 0-3-4-2-8 2-6 5-9 5-9 1s-4-7-9-7c-10 0-20 12-43 12-12 0-17-9-21-6-5 4-7 3-7-4 0-8-2-9-9-3-13 11-60 14-60 4 0-6-6-8-20-7-12 2-17-12-26-12v280h3022v-280c0-18-10-24-30-30-8-2-28-18-30-24-2-3-5-3-7-1-7 4-29-15-29-25 0-4-2-7-5-7-4 0-6 3-6 6 0 4-4 5-9 3s-14-1-20 3c-9 4-11 4-11-3 0-5-4-9-9-9s-8-2-8-5c0-7-23-5-38 3-14 8-51 6-51-3 0-4-3-7-6-7s-8-4-10-8c-3-6-11-7-28-5-24 3-40 14-47 31-2 6-4 5-7-5-5-18-14-15-14 5 0 9-2 17-6 17-3 0-5-3-4-7 1-3-2-7-6-9-5-2-7 0-4 4 3 6 1 7-26 8-14 1-23 10-23 23 0 15-25 44-38 44l-25 3c-20 2-81-13-86-21-4-5-5-6-5-1 0 3-8 8-18 10-14 4-20 2-24-6-3-6-12-16-19-23-11-10-14-18-14-46 0-78-33-234-74-354l-27-81c-3-14 32-89 68-144 27-41 60-65 153-112 46-23 60-28 63-22 4 6 9 7 23 2 15-5 18-5 23 4 4 6 6 7 6 1 0-4 4-6 8-4 5 1 13-2 18-8 12-13 23-15 18-3-2 6 0 9 5 9s8-5 8-12c0-6 4-13 8-14 5-2 10-9 12-16 4-12 4-12 8-1 4 13 33 18 45 8 4-4 8-4 10 0s9 4 17 1c10-4 15-4 17 1s4 5 7 1c8-9 25-14 25-7 0 4 7 5 17 3 13-3 18-2 18 5 0 11 7 10 20-3 13-15 20-15 20 1 0 12 0 12 14-3 17-18 19-19 33-6 10 10 11 10 18-1 6-11 7-14 8-30 1-7 53-8 53 0 0 9 14 4 21-7V0H0v763Zm383-24 16-17 17-17 16 16c13 14 16 15 29 7 24-12 30 0 16 33-6 15-16 41-21 58l-2 4c-4 12-6 19-9 20-5 0-13-14-33-50l-5-9-24-45Zm870 20c2 1 13-2 24-8 23-12 34-14 34-5 0 3 5 7 11 9 12 5 24 17 24 24 0 3 10 9 21 13 12 4 30 15 41 26 19 19 35 25 35 13 0-10 22 17 24 30 1 7 5 13 9 12s7 1 7 4 4 4 8 3c4-2 10 1 12 7 3 9 5 8 13-4 7-10 16-15 29-15 10-1 18 1 18 4s6 5 12 5 11 2 11 5c0 8 60 1 67-8 3-4 10-8 15-8s10-3 11-6 12-7 25-8c12-1 27-4 33-6 7-3 10-2 10 5 0 8 2 8 12 3 9-5 13-5 16 1 4 5 8 4 18-3 17-12 18-12 37 5 9 8 23 16 31 18 11 2 22 16 42 49 42 69 122 173 184 238l54 57 12 103c23 204 26 253 18 261-7 6-7 5-4-3 4-12-11-14-15-2-2 5-13 7-31 6-15 0-34 3-41 7-7 5-19 7-27 4-11-2-14-1-14 6 0 14-10 11-31-10-15-15-23-19-34-17-12 3-15 1-16-10l-2-12-14 12c-8 7-17 12-22 12-4 0-7 3-7 6s-6 8-14 12c-7 3-16 15-20 25-4 11-9 20-11 20l-17 4c-8 2-13 0-13-4 0-3 3-5 6-3s6 0 6-5-4-9-9-9-8-3-8-6-8-6-17-6c-10 0-19-3-21-6s-7-5-12-3c-4 2-8 1-8-2s-3-6-8-6-11-4-14-9c-4-7-9-9-23-6-12 2-18 1-18-3s-10 3-22 15-24 19-26 16c-4-7-16-6-27 2-19 15-23 15-19 2 3-11 2-12-7-9-26 11-30 11-30-2 0-14-10-15-32-4-11 6-21 7-38 3-12-3-29-5-38-4-18 2-32-5-27-13 2-3 1-5-2-5s-8 3-10 6-8 4-14 2c-9-3-11 0-11 14 0 22-16 37-30 27-6-4-10-10-10-14s-4-5-10-2a402 402 0 0 1-68 26c-6 6-15 5-11-1a7 7 0 1 0-11-7c-4 6-41 5-47-1-2-2-11 0-20 5-15 7-17 7-20 0-5-14-17-11-29 5a41 41 0 0 1-49 15c-10-4-16-2-26 7s-13 10-13 3c0-6-4-9-14-8-9 1-14-1-16-8-2-8-11-11-37-14-20-2-39-2-44 0-6 2-9 0-9-6 0-11-4-11-28-3-10 4-18 10-18 15 0 11-10 10-27-4-9-7-22-11-34-10-10 0-20 0-22-2-1-2 2-26 9-54 24-111 30-183 31-343v-155l30-46 50-83c28-50 35-58 45-54s51-10 94-31c13-7 32-12 42-12 13 0 19-3 23-15 5-12 8-15 21-12 11 2 23-3 48-20 18-12 34-26 36-31s5-8 8-6Zm-685 51c-13 15-15 12-13-16 2-26 4-28 20-22 10 3 6 23-7 38Zm-18 87c0-37 1-39 21-57l21-18 19 22c11 13 19 28 19 33 0 7 5 12 13 13 12 1 13 5 16 47a511 511 0 0 1-51 275c-6 3-25-61-37-123-12-56-21-144-21-192Zm1838-7c7-14 50-49 65-53s44-4 44 0a450 450 0 0 1-109 53Zm-450 36-25-40c-8-13-11-20-6-17s15 4 23 3c19-2 28 17 23 48l-3 23-12-17Zm404-31c0-5 7-14 16-19 20-13 26-13 19 0-11 18-42 50-38 39 2-5 3-14 3-20Zm-52 24c1-3 8-9 16-12 16-5 16-4 18 16 1 17-3 29-20 55-11 18-29 51-40 74-15 33-19 38-23 29l-20-48c-9-21-16-39-16-42 0-9 33-40 35-33 5 13 50-22 50-39Zm-291 92c-38-51-41-68-16-80 7-3 14-3 15-1 1 3 5 5 10 5 4 0 8 2 8 6 0 3 5 4 11 2 8-3 12-1 12 6 0 5 2 7 6 5 3-2 9 0 14 4 4 3 12 5 17 3 6-2 11 2 15 12 8 22 32 124 38 163 5 29 4 32-3 26-13-10-87-99-127-151ZM834 952c-1 0-4-42-2-48s10 3 13 3c2 0 19-8-3 33-3 7-7 12-8 12Z' clip-rule='evenodd'></path></g></svg>`;
+	}, [forestForegroundColor]);
+
+	return <RepeatBackground aspectRatio={"3022/1920"} svg={svg} />;
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/ecosystem/forest_middleground.tsx b/src/views/collections/framework-field-guide/cover-layers/ecosystem/forest_middleground.tsx
index d76c0d32..59ba7bfc 100644
--- a/src/views/collections/framework-field-guide/cover-layers/ecosystem/forest_middleground.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/ecosystem/forest_middleground.tsx
@@ -1,13 +1,13 @@
-import { useMemo } from "preact/hooks";
-import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
-import { RepeatBackground } from "../shared/repeat-background";
-
-export const ForestMiddleground = () => {
-	const forestMiddlegroundColor = useCSSPropertyValue('--ecos-800', "#245538");
-
-	const svg = useMemo(() => {
-		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 3022 1920' ><g ><path fill='${forestMiddlegroundColor}' fill-rule='evenodd' d='M3022 0v1104s-23 11-35 13c-17 3-22 9-22 19 0 4 2 5 6 3 12-8-3 18-18 32-10 8-23 13-35 12-11-1-27 5-43 16-14 9-28 14-31 11-3-2-9-3-14-1-12 4-40-11-40-21 0-13-11-10-15 3-3 11-19 13-34 4-5-3-20 7-48 35l-39 40-7 115c-8 128-3 330 8 349 4 6 16 15 26 19 11 4 25 14 32 21 7 8 22 16 32 18 13 3 23 11 31 26 6 11 14 21 18 21s13 5 19 11c13 11 15 31 6 56l-4 14H0v-130c0-12 9-18 14-16 5 1 13-6 21-19 12-20 25-28 25-14 0 5 3 5 9-1 5-4 10-11 10-16 0-8 4-9 31-11 5 0 10-5 11-11s10-12 23-14c11-2 22-7 23-10s10-7 20-9c10-1 27-5 37-9s20-5 24-1c9 7 30 7 25 0-1-3 1-6 7-6 5 0 12-4 15-10 6-11 7-10 7 0 0 11 2 10 16-4 9-9 19-15 22-13s5 0 5-4 6-6 15-3c9 2 17 1 19-3 3-3 8-4 12-2 4 3 12 6 18 7h6c6-2 9-17 22-96l1-5 20-116 7-41-27-36a853 853 0 0 0-113-133c-10-6-14-5-21 4-5 7-13 9-23 7-9-1-10 1-13 3-7 4-16-4-20-2-15 7-39 5-45-5-3-4-6-5-9-2-6 11-59-2-77-19-10-9-19-17-22-17s-16-9-30-21-33-23-44-25c-10-3-19-8-21-11V0h3022ZM1262 1074c-27 3-54 2-58-4-2-3 0-6 5-6 4-1-1-3-11-6-13-3-21-1-26 5-5 5-8 6-11 2-6-10-49-9-73 1-11 5-35 8-52 8l-33-1-16 53c-9 29-30 87-47 129-36 91-40 113-31 167 12 66 45 176 52 171 4-2 10 2 15 8 6 9 10 10 13 4 3-4 16-8 28-9 13 0 23-3 23-7s7 1 15 10c15 17 34 18 34 1 0-10 16-12 22-3s52 7 55-3c5-12 21-11 28 1 3 7 7 8 10 4 2-4 8-5 13-4 6 3 9 0 9-9 0-12 2-13 12-7l3 1c27-172 31-375 21-506Zm342 473c8 0 17 3 21 7 5 5 10 5 16 1 14-12 98-3 98 10 0 5 5 6 36 7 8 0 14 4 14 11 0 9 1 9 8 0 9-12 29-5 29 11 0 5 3 8 6 5 4-2 11 1 16 6s14 7 22 5c12-3 13-1 10 11-2 8-2 12 0 10s8 0 12 3c6 6 9 5 9 0s5-7 12-5 15 0 17-4c7-13 43-5 47 10 3 8 7 11 13 9 7-2 10 0 10 5s3 10 7 10c3 0 5 2 2 6-2 3-1 6 3 6 6 0 21 37 14 38-2 0 1 3 7 6 6 4 11 9 11 13 0 3 5 14 12 22 7 9 13 13 13 10s13-6 29-6l38-2c8 0 9-17 5-104-8-223-14-239-164-432-40-51-75-90-81-91-30-2-42-5-46-10-3-4-12-3-23 2-16 6-21 6-29-2-5-5-7-11-4-14 2-2-2-2-10 0-9 3-14 0-19-5l-27 44-22 35-63 101-15 97c-10 62-21 119-34 174Zm68-495c23-7 38-2 56 16l7 6v1c-1 17-12 33-35 67l-1 1c-22 34-38 54-37 45a1326 1326 0 0 0 10-136Zm-245-42c3 0 6 3 9 8 5 10 8 11 12 4 2-3 4-4 6-3 12 4 17 20 21 58l4 43-5 8c-29-29-53-57-57-67-6-15-2-52 9-51h1Zm-13 86 1 61v69l45-75-46-55Zm58 70c-10 15-21 35-34 58-23 41-24 46-29 123-3 45-7 99-10 120-3 35-3 38 5 27 7-8 11-9 14-4 2 4 7 5 10 3s6-1 6 2 11 5 25 5c19 0 30 3 39 13 10 10 16 12 21 7 6-4 8-3 8 4 0 6 2 8 7 9 12-48 32-153 40-209 2-14-49-90-102-158Zm16-23c39 39 82 77 93 74 9-3 11-30 16-98l1-14 2-36c-6-6-27 3-58 23-21 14-37 28-54 51Zm-625-66c-3-3-12-7-18-8-25-6-42-5-50 4-5 5-12 10-16 11-4 2 10 37 36 89l43 86 10-18c11-21 54-144 54-153 0-4-3-4-9 1s-10 5-12 0c-3-3-11-6-18-6-8 0-17-3-20-6Zm-139 76a443 443 0 0 0-39-76c-14 1-55 17-53 22 1 6 92 59 92 54Zm67 133c-22-46-30-53-139-111-30-16-57-28-60-25-18 18-106 467-95 484 4 7 23 2 28-6 2-3 35-6 73-7s67-4 65-7 7-4 21-1c13 2 25 7 26 10 2 4 6 3 11-1s9-5 9-2 4-1 10-9c6-9 13-13 21-10 6 2 14 0 16-5 8-13 25-17 34-9 6 6 6 6 3 0-6-11 2-10 13 2 19 19 30 8 28-29-1-18-5-46-8-62l-15-80c-9-58-13-69-41-132Zm-302-36 11-54c0-6-8-7-29-6-16 2-30 5-30 8s9 27 19 52l18 46 11-46Zm-32 60c0-6-39-95-46-107-9-13-39-16-36-3 1 7 82 115 82 110Zm1790-268c6 0 15-2 20-5 23-15 41 22 35 67-11 78-26 118-63 166-30 39-37 45-41 36l-26-84-23-73 13-22c7-11 18-22 24-24 7-2 13-11 16-26 2-12 7-21 10-19s9-1 14-6c6-5 15-10 21-10Zm-704 22c6-8 15-16 20-17l12-4c1 0 2 2 2 5s-10 11-22 18l-22 13 10-15Zm-53 21c0-11 5-21 14-27 28-20 31-9 5 22l-19 21v-16Zm842 68c-1-2 10-68 14-79 3-7 4-8 8-2 3 5 9 6 15 4 5-2 11 1 13 7 3 6-5 21-22 40l-28 30Zm-282 39c-32-37-51-68-47-75 5-7 16-8 27-1 4 3 14 26 23 51l15 46-18-21Zm102-78c0 4-4 15-5 15-3 0-5-25 0-25 3 0 5 7 5 10Zm88 279c19-33 101-138 163-210 26-30 49-52 51-49 2 2 12 5 22 6 21 2 43 25 67 68l14 26-17 89c-26 136-32 198-32 318 0 103-2 122-13 104-3-4-10-5-16-4-7 2-12 1-12-2 0-4-9-5-22-2-19 3-22 2-29-12-7-16-8-16-20-6-7 6-10 8-8 4 8-13-10-17-19-5-7 10-9 11-14 3-6-10-54-10-67 1-6 5-8 3-8-9 0-8-12-78-28-155l-27-139 15-26Zm314-225c-10-14-19-27-19-29s5-3 10-3 9 4 9 9 6 10 13 13c8 2 11 7 9 13-2 5-3 12-3 16s-9-5-19-19Zm108 40c2-6 4-19 4-28 0-16 1-16 10-4 11 16 11 18-5 32-13 11-13 11-9 0Z' clip-rule='evenodd'></path></g></svg>`
-	}, [forestMiddlegroundColor]);
-
-	return <RepeatBackground aspectRatio={"3022/1920"} svg={svg} />;
-};
+import { useMemo } from "preact/hooks";
+import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
+import { RepeatBackground } from "../shared/repeat-background";
+
+export const ForestMiddleground = () => {
+	const forestMiddlegroundColor = useCSSPropertyValue("--ecos-800", "#245538");
+
+	const svg = useMemo(() => {
+		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 3022 1920' ><g ><path fill='${forestMiddlegroundColor}' fill-rule='evenodd' d='M3022 0v1104s-23 11-35 13c-17 3-22 9-22 19 0 4 2 5 6 3 12-8-3 18-18 32-10 8-23 13-35 12-11-1-27 5-43 16-14 9-28 14-31 11-3-2-9-3-14-1-12 4-40-11-40-21 0-13-11-10-15 3-3 11-19 13-34 4-5-3-20 7-48 35l-39 40-7 115c-8 128-3 330 8 349 4 6 16 15 26 19 11 4 25 14 32 21 7 8 22 16 32 18 13 3 23 11 31 26 6 11 14 21 18 21s13 5 19 11c13 11 15 31 6 56l-4 14H0v-130c0-12 9-18 14-16 5 1 13-6 21-19 12-20 25-28 25-14 0 5 3 5 9-1 5-4 10-11 10-16 0-8 4-9 31-11 5 0 10-5 11-11s10-12 23-14c11-2 22-7 23-10s10-7 20-9c10-1 27-5 37-9s20-5 24-1c9 7 30 7 25 0-1-3 1-6 7-6 5 0 12-4 15-10 6-11 7-10 7 0 0 11 2 10 16-4 9-9 19-15 22-13s5 0 5-4 6-6 15-3c9 2 17 1 19-3 3-3 8-4 12-2 4 3 12 6 18 7h6c6-2 9-17 22-96l1-5 20-116 7-41-27-36a853 853 0 0 0-113-133c-10-6-14-5-21 4-5 7-13 9-23 7-9-1-10 1-13 3-7 4-16-4-20-2-15 7-39 5-45-5-3-4-6-5-9-2-6 11-59-2-77-19-10-9-19-17-22-17s-16-9-30-21-33-23-44-25c-10-3-19-8-21-11V0h3022ZM1262 1074c-27 3-54 2-58-4-2-3 0-6 5-6 4-1-1-3-11-6-13-3-21-1-26 5-5 5-8 6-11 2-6-10-49-9-73 1-11 5-35 8-52 8l-33-1-16 53c-9 29-30 87-47 129-36 91-40 113-31 167 12 66 45 176 52 171 4-2 10 2 15 8 6 9 10 10 13 4 3-4 16-8 28-9 13 0 23-3 23-7s7 1 15 10c15 17 34 18 34 1 0-10 16-12 22-3s52 7 55-3c5-12 21-11 28 1 3 7 7 8 10 4 2-4 8-5 13-4 6 3 9 0 9-9 0-12 2-13 12-7l3 1c27-172 31-375 21-506Zm342 473c8 0 17 3 21 7 5 5 10 5 16 1 14-12 98-3 98 10 0 5 5 6 36 7 8 0 14 4 14 11 0 9 1 9 8 0 9-12 29-5 29 11 0 5 3 8 6 5 4-2 11 1 16 6s14 7 22 5c12-3 13-1 10 11-2 8-2 12 0 10s8 0 12 3c6 6 9 5 9 0s5-7 12-5 15 0 17-4c7-13 43-5 47 10 3 8 7 11 13 9 7-2 10 0 10 5s3 10 7 10c3 0 5 2 2 6-2 3-1 6 3 6 6 0 21 37 14 38-2 0 1 3 7 6 6 4 11 9 11 13 0 3 5 14 12 22 7 9 13 13 13 10s13-6 29-6l38-2c8 0 9-17 5-104-8-223-14-239-164-432-40-51-75-90-81-91-30-2-42-5-46-10-3-4-12-3-23 2-16 6-21 6-29-2-5-5-7-11-4-14 2-2-2-2-10 0-9 3-14 0-19-5l-27 44-22 35-63 101-15 97c-10 62-21 119-34 174Zm68-495c23-7 38-2 56 16l7 6v1c-1 17-12 33-35 67l-1 1c-22 34-38 54-37 45a1326 1326 0 0 0 10-136Zm-245-42c3 0 6 3 9 8 5 10 8 11 12 4 2-3 4-4 6-3 12 4 17 20 21 58l4 43-5 8c-29-29-53-57-57-67-6-15-2-52 9-51h1Zm-13 86 1 61v69l45-75-46-55Zm58 70c-10 15-21 35-34 58-23 41-24 46-29 123-3 45-7 99-10 120-3 35-3 38 5 27 7-8 11-9 14-4 2 4 7 5 10 3s6-1 6 2 11 5 25 5c19 0 30 3 39 13 10 10 16 12 21 7 6-4 8-3 8 4 0 6 2 8 7 9 12-48 32-153 40-209 2-14-49-90-102-158Zm16-23c39 39 82 77 93 74 9-3 11-30 16-98l1-14 2-36c-6-6-27 3-58 23-21 14-37 28-54 51Zm-625-66c-3-3-12-7-18-8-25-6-42-5-50 4-5 5-12 10-16 11-4 2 10 37 36 89l43 86 10-18c11-21 54-144 54-153 0-4-3-4-9 1s-10 5-12 0c-3-3-11-6-18-6-8 0-17-3-20-6Zm-139 76a443 443 0 0 0-39-76c-14 1-55 17-53 22 1 6 92 59 92 54Zm67 133c-22-46-30-53-139-111-30-16-57-28-60-25-18 18-106 467-95 484 4 7 23 2 28-6 2-3 35-6 73-7s67-4 65-7 7-4 21-1c13 2 25 7 26 10 2 4 6 3 11-1s9-5 9-2 4-1 10-9c6-9 13-13 21-10 6 2 14 0 16-5 8-13 25-17 34-9 6 6 6 6 3 0-6-11 2-10 13 2 19 19 30 8 28-29-1-18-5-46-8-62l-15-80c-9-58-13-69-41-132Zm-302-36 11-54c0-6-8-7-29-6-16 2-30 5-30 8s9 27 19 52l18 46 11-46Zm-32 60c0-6-39-95-46-107-9-13-39-16-36-3 1 7 82 115 82 110Zm1790-268c6 0 15-2 20-5 23-15 41 22 35 67-11 78-26 118-63 166-30 39-37 45-41 36l-26-84-23-73 13-22c7-11 18-22 24-24 7-2 13-11 16-26 2-12 7-21 10-19s9-1 14-6c6-5 15-10 21-10Zm-704 22c6-8 15-16 20-17l12-4c1 0 2 2 2 5s-10 11-22 18l-22 13 10-15Zm-53 21c0-11 5-21 14-27 28-20 31-9 5 22l-19 21v-16Zm842 68c-1-2 10-68 14-79 3-7 4-8 8-2 3 5 9 6 15 4 5-2 11 1 13 7 3 6-5 21-22 40l-28 30Zm-282 39c-32-37-51-68-47-75 5-7 16-8 27-1 4 3 14 26 23 51l15 46-18-21Zm102-78c0 4-4 15-5 15-3 0-5-25 0-25 3 0 5 7 5 10Zm88 279c19-33 101-138 163-210 26-30 49-52 51-49 2 2 12 5 22 6 21 2 43 25 67 68l14 26-17 89c-26 136-32 198-32 318 0 103-2 122-13 104-3-4-10-5-16-4-7 2-12 1-12-2 0-4-9-5-22-2-19 3-22 2-29-12-7-16-8-16-20-6-7 6-10 8-8 4 8-13-10-17-19-5-7 10-9 11-14 3-6-10-54-10-67 1-6 5-8 3-8-9 0-8-12-78-28-155l-27-139 15-26Zm314-225c-10-14-19-27-19-29s5-3 10-3 9 4 9 9 6 10 13 13c8 2 11 7 9 13-2 5-3 12-3 16s-9-5-19-19Zm108 40c2-6 4-19 4-28 0-16 1-16 10-4 11 16 11 18-5 32-13 11-13 11-9 0Z' clip-rule='evenodd'></path></g></svg>`;
+	}, [forestMiddlegroundColor]);
+
+	return <RepeatBackground aspectRatio={"3022/1920"} svg={svg} />;
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/fundamentals/background_repeat.tsx b/src/views/collections/framework-field-guide/cover-layers/fundamentals/background_repeat.tsx
index 9d988c1d..f945eb28 100644
--- a/src/views/collections/framework-field-guide/cover-layers/fundamentals/background_repeat.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/fundamentals/background_repeat.tsx
@@ -1,16 +1,22 @@
-import { useMemo } from "preact/hooks";
-import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
-import { RepeatBackground } from "../shared/repeat-background";
-
-export const BackgroundRepeat = () => {
-	const groundColor = useCSSPropertyValue('--fund-900', "#17383F");
-
-	const svg = useMemo(() => {
-		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 6400 1680'><path fill='${groundColor}' d='m2871 980-21 2c-40 4-117 11-152 9-32-1-79 6-128 13-43 6-87 12-124 14-24 1-46 6-46 6l-64 2-33-2s-11-5-23-6c-19-2-42-8-64-14-25-7-50-14-66-13-18 2-58-5-78-9l-11-2-12-1c-17-2-45-5-53-8-11-4-95-14-105-14-9 0-93 10-104 14-9 3-37 6-53 8l-12 1-11 2c-20 4-60 11-78 9-17-1-41 6-66 13-22 6-45 12-64 14-12 1-24 6-24 6l-786 50-25-4-46-8a3657 3657 0 0 0-168 8c-7 3-48 7-82 11a669 669 0 0 0-55 6l-51-1h-23v1l-198-1H0v594h6400v-594c-96 0-303 9-325 0l-47-5c-34-4-75-8-82-11-12-4-161-8-168-8l-46 8-27 5-700-52v-1s-11-3-23-4c-19-1-42-6-64-11-25-5-49-11-65-10-18 0-58-6-79-9l-10-1-12-1-53-7c-11-3-95-12-104-13a1690 1690 0 0 0-158 9h-12l-11 1c-21 2-61 5-79 3-16-1-40 2-66 6-22 3-45 7-64 7-12 0-23 3-23 3l-394 3c-33-5-63-8-86-7a1532 1532 0 0 1-196-12c-33-2-86-5-103-8-21-4-185-14-203-14s-182 10-203 14c-17 3-70 6-103 8l-23 1Z'/></svg>`
-	}, [groundColor]);
-
-	return <RepeatBackground aspectRatio={"6400/1680"} svg={svg} javascriptEnabledStyle={{	
-		height: "1px",
-		flexGrow: '1',
-	}} />;
-};
+import { useMemo } from "preact/hooks";
+import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
+import { RepeatBackground } from "../shared/repeat-background";
+
+export const BackgroundRepeat = () => {
+	const groundColor = useCSSPropertyValue("--fund-900", "#17383F");
+
+	const svg = useMemo(() => {
+		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 6400 1680'><path fill='${groundColor}' d='m2871 980-21 2c-40 4-117 11-152 9-32-1-79 6-128 13-43 6-87 12-124 14-24 1-46 6-46 6l-64 2-33-2s-11-5-23-6c-19-2-42-8-64-14-25-7-50-14-66-13-18 2-58-5-78-9l-11-2-12-1c-17-2-45-5-53-8-11-4-95-14-105-14-9 0-93 10-104 14-9 3-37 6-53 8l-12 1-11 2c-20 4-60 11-78 9-17-1-41 6-66 13-22 6-45 12-64 14-12 1-24 6-24 6l-786 50-25-4-46-8a3657 3657 0 0 0-168 8c-7 3-48 7-82 11a669 669 0 0 0-55 6l-51-1h-23v1l-198-1H0v594h6400v-594c-96 0-303 9-325 0l-47-5c-34-4-75-8-82-11-12-4-161-8-168-8l-46 8-27 5-700-52v-1s-11-3-23-4c-19-1-42-6-64-11-25-5-49-11-65-10-18 0-58-6-79-9l-10-1-12-1-53-7c-11-3-95-12-104-13a1690 1690 0 0 0-158 9h-12l-11 1c-21 2-61 5-79 3-16-1-40 2-66 6-22 3-45 7-64 7-12 0-23 3-23 3l-394 3c-33-5-63-8-86-7a1532 1532 0 0 1-196-12c-33-2-86-5-103-8-21-4-185-14-203-14s-182 10-203 14c-17 3-70 6-103 8l-23 1Z'/></svg>`;
+	}, [groundColor]);
+
+	return (
+		<RepeatBackground
+			aspectRatio={"6400/1680"}
+			svg={svg}
+			javascriptEnabledStyle={{
+				height: "1px",
+				flexGrow: "1",
+			}}
+		/>
+	);
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/fundamentals/ground_and_man.tsx b/src/views/collections/framework-field-guide/cover-layers/fundamentals/ground_and_man.tsx
index 760bb84b..29fa7ba6 100644
--- a/src/views/collections/framework-field-guide/cover-layers/fundamentals/ground_and_man.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/fundamentals/ground_and_man.tsx
@@ -1,6 +1,11 @@
 export const GroundAndManSvg = () => {
 	return (
-		<svg class="nofill colorTransitionSVG" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1680 1680">
+		<svg
+			class="nofill colorTransitionSVG"
+			xmlns="http://www.w3.org/2000/svg"
+			fill="none"
+			viewBox="0 0 1680 1680"
+		>
 			<g>
 				<path
 					fill="var(--fund-900)"
diff --git a/src/views/collections/framework-field-guide/cover-layers/fundamentals/mountains.tsx b/src/views/collections/framework-field-guide/cover-layers/fundamentals/mountains.tsx
index c60ad42a..9850c801 100644
--- a/src/views/collections/framework-field-guide/cover-layers/fundamentals/mountains.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/fundamentals/mountains.tsx
@@ -1,13 +1,13 @@
-import { useMemo } from "preact/hooks";
-import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
-import { RepeatBackground } from "../shared/repeat-background";
-
-export const Mountains = () => {
-	const mountainColor = useCSSPropertyValue('--fund-300', "#94CEDB");
-
-	const svg = useMemo(() => {
-		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 3200 1680'><path fill='${mountainColor}' d='M325 1067h2550s-73-219-79-229c-19-33-96-137-98-138l-23-11a953 953 0 0 1-79-59l-26-22-26-24c-18-15-30-27-42-42-7-10-14-18-25-28l-20-23c-7-11-10-13-24-21l-17-13a654 654 0 0 0-63-64l-14-14-13-14c-7-10-14-16-23-23-6-5-9-9-17-22-5-10-7-12-11-12-3 0-10 4-18 11a593 593 0 0 0-52 60l-13 15c-6 8-11 14-15 15-2 1-4 0-10-3-4-2-10-5-14-5-9-3-13-5-19-11-8-9-12-7-32 16-14 16-20 22-20 20s-9 5-19 15l-10 11-4-4-12-5-13-9c-7-6-20-14-24-14l-12 4c-14 5-15 5-20 3-6-2-8-2-11 3-6 9-11 22-13 29l-6 17c-3 8-5 10-8 12l-8 8-10 11-22 31c-3 6-5 8-10 9-6 2-9 5-13 12l-15 25-8 8c-17 13-25 21-30 29-3 5-6 8-9 10l-10 6-9 6h-8c-5 0-7 0-12 4l-10 10c-6 8-14 13-23 14-13 2-14 3-23 12-8 8-9 9-16 11l-15 7c-9 7-15 9-22 9-6 0-6 0-10 5l-6 10c-3 7-19 22-31 30l-16 12-10 7c-2 1-5 0-13-2l-24-6-28-7c-21-6-28-8-49-12l-58-15a2012 2012 0 0 0-114-33c-10-4-71-33-80-39l-21-15-25-18c-6-4-17-11-23-17l-20-17-22-18a431 431 0 0 0-57-46 462 462 0 0 0-44-33l-10-8c-3-1-3-1-8 2l-14 10c-10 10-17 15-29 23-10 6-32 23-46 34-15 12-28 21-53 38a534 534 0 0 0-103 85l-20 18c-14 13-18 16-41 30a157 157 0 0 0-63 57c-2 6-4 9-8 12l-15 15a44799 44799 0 0 0-34 39l-17 16c-12 11-21 18-31 24l-14 10-13 11c-12 9-32 27-38 35l-17 14-29 27a1334 1334 0 0 0-26 27l-10 8-17 16c-10 9-17 17-20 21l-5 7Z'/></svg>`
-	}, [mountainColor]);
-
-	return <RepeatBackground aspectRatio={"3200/1680"} svg={svg} />;
-};
+import { useMemo } from "preact/hooks";
+import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
+import { RepeatBackground } from "../shared/repeat-background";
+
+export const Mountains = () => {
+	const mountainColor = useCSSPropertyValue("--fund-300", "#94CEDB");
+
+	const svg = useMemo(() => {
+		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 3200 1680'><path fill='${mountainColor}' d='M325 1067h2550s-73-219-79-229c-19-33-96-137-98-138l-23-11a953 953 0 0 1-79-59l-26-22-26-24c-18-15-30-27-42-42-7-10-14-18-25-28l-20-23c-7-11-10-13-24-21l-17-13a654 654 0 0 0-63-64l-14-14-13-14c-7-10-14-16-23-23-6-5-9-9-17-22-5-10-7-12-11-12-3 0-10 4-18 11a593 593 0 0 0-52 60l-13 15c-6 8-11 14-15 15-2 1-4 0-10-3-4-2-10-5-14-5-9-3-13-5-19-11-8-9-12-7-32 16-14 16-20 22-20 20s-9 5-19 15l-10 11-4-4-12-5-13-9c-7-6-20-14-24-14l-12 4c-14 5-15 5-20 3-6-2-8-2-11 3-6 9-11 22-13 29l-6 17c-3 8-5 10-8 12l-8 8-10 11-22 31c-3 6-5 8-10 9-6 2-9 5-13 12l-15 25-8 8c-17 13-25 21-30 29-3 5-6 8-9 10l-10 6-9 6h-8c-5 0-7 0-12 4l-10 10c-6 8-14 13-23 14-13 2-14 3-23 12-8 8-9 9-16 11l-15 7c-9 7-15 9-22 9-6 0-6 0-10 5l-6 10c-3 7-19 22-31 30l-16 12-10 7c-2 1-5 0-13-2l-24-6-28-7c-21-6-28-8-49-12l-58-15a2012 2012 0 0 0-114-33c-10-4-71-33-80-39l-21-15-25-18c-6-4-17-11-23-17l-20-17-22-18a431 431 0 0 0-57-46 462 462 0 0 0-44-33l-10-8c-3-1-3-1-8 2l-14 10c-10 10-17 15-29 23-10 6-32 23-46 34-15 12-28 21-53 38a534 534 0 0 0-103 85l-20 18c-14 13-18 16-41 30a157 157 0 0 0-63 57c-2 6-4 9-8 12l-15 15a44799 44799 0 0 0-34 39l-17 16c-12 11-21 18-31 24l-14 10-13 11c-12 9-32 27-38 35l-17 14-29 27a1334 1334 0 0 0-26 27l-10 8-17 16c-10 9-17 17-20 21l-5 7Z'/></svg>`;
+	}, [mountainColor]);
+
+	return <RepeatBackground aspectRatio={"3200/1680"} svg={svg} />;
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/fundamentals/sign_ground_reflection.tsx b/src/views/collections/framework-field-guide/cover-layers/fundamentals/sign_ground_reflection.tsx
index 3cd16dea..4b1e7af7 100644
--- a/src/views/collections/framework-field-guide/cover-layers/fundamentals/sign_ground_reflection.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/fundamentals/sign_ground_reflection.tsx
@@ -1,6 +1,11 @@
 export const SignGroundReflection = () => {
 	return (
-		<svg class="nofill colorTransitionSVG" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1680 1680">
+		<svg
+			class="nofill colorTransitionSVG"
+			xmlns="http://www.w3.org/2000/svg"
+			fill="none"
+			viewBox="0 0 1680 1680"
+		>
 			<g>
 				<path
 					fill="var(--fund-300)"
diff --git a/src/views/collections/framework-field-guide/cover-layers/fundamentals/trees.tsx b/src/views/collections/framework-field-guide/cover-layers/fundamentals/trees.tsx
index 4db3e7c5..c303b7ad 100644
--- a/src/views/collections/framework-field-guide/cover-layers/fundamentals/trees.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/fundamentals/trees.tsx
@@ -1,21 +1,21 @@
-import { useMemo } from "preact/hooks";
-import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
-import { RepeatBackground } from "../shared/repeat-background";
-
-export const Trees = () => {
-	const treeBackgroundColor = useCSSPropertyValue("--fund-400", "#74B3C0");
-	const treeForegroundColor = useCSSPropertyValue("--fund-600", "#45818E");
-	const waterColor = useCSSPropertyValue("--fund-100", "#D2F7FF");
-	const treeReflectionColor = useCSSPropertyValue("--fund-300", "#94CEDB");
-
-	const svg = useMemo(() => {
-		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 269 1680'><g clip-path='url(#a)'><path fill='${treeBackgroundColor}' d='m269 754-2-1v4h-3c-1 1 0 4 2 4l2 1-1 3h-2l-1-2-2-1c-3 0-3 4-1 6v1h-1c1 1-1 4-3 4l-1 1 5 1c3 0 2 3-1 3a35 35 0 0 0-8 1c-2 0 3 3 6 3 5 1 3 3-2 3h-5c-1 1 5 5 8 5 5 0 2 2-4 2l-6 2c-2 1 2 4 6 4 5 1 4 2-3 3l-6 1c-1 1 5 6 7 6v1l-3 1-3 1 1 1v1h-3l-3 1c0 2 4 4 5 3l1 1-8 1c-4 0-6-2-4-3s1-2-1-3c-2 0-2 0-1-2v-2c-1 1-1 0-1-3l-1-4c-1 0-2 2-1 5l-1 2-1 1-1 1h-2l-2-1c-1 0-1-1 1-2 3-3 2-3-3-3l-6-1 2-1c3 0 9-3 8-4l-6-1-7 1 4-2 4-2v-1c1-4 1-4-2-4h-2v-3l1-3-3 1v-1l-2-3c-2-2-2-1-1 2 1 2 1 2-2 1l-2 1 1 2 1 1 2 2c0 3-2 4-3 1l-3-2c-1 0-3 5-1 5s0 4-2 5c-4 2-3 3 1 3 5 1 5 3-1 3l-6-2c-1-2 0-4 1-4h2c1-1 0-2-1-2-2-1-3-3-3-6v-2l-1-2v-4l-1-1-1 8c-1 4-1 4-4 4h-5c-2 1-3 0-3-1l-3-1c-1 0-1-1 1-2l5-2c3 1 3 1 2-1l-2-1-1-2c-2-2-2-2 0-2h3v-5l-2-1-2 1c0 1-4 2-6 1s-1-2 1-2 3-1 3-2c1-2 0-2-1-2l-3-1 2-1c2 0 3-1 2-2l1-2c2-1 1-2-1-2l-4 1-1-2 1-2v-1l2-3 2-2-3-1c-4 0-5-2-4-5l-1-1v-4c-2 1-3-1-1-2l1-2-1-1c-1 1-2-2-2-6 0-2 0-2-1-1l-1 5c0 3 0 4-2 3-3-1-3 0 1 3l1 3c-2 0-4 2-3 4l-1 3v3c3 2 2 3 0 3s-2 0-1 1c2 1 2 2 1 2h-2l-2-2-2 1v1l-2 1v3c3 0 4 3 4 6s0 4-2 3-3 0-4 2c-1 1 0 2 1 3l3 3c1 2 1 2-1 1l-3 1-2 1 3 2 4 2v2c1 2 1 3-4 4-7 2-17 1-17-1l1-1c4 0 6 0 5-2l2-1 2-1h-6c-6 0-6 0-4-2l2-1h-3c-3 0-3 0-2-1s1-1-1-2c-3-1-1-2 2-2 3 1 3 1 2-1-1-1-1-1 1-1 3 0 5-2 3-3l-5 1c-5 1-6 0-4-1v-1l1-1c1-1 1-1-1-2-2 0-2 0 1-2l4-5c2-4 1-4-2-1-1 2-4 2-6 1l1-1 1-2 2-2c1-1 2-2 1-3h-2c-2 1-2 0-2-4 1-4 0-6-1-6-1-1-1-1-1 2l-1 4v1c1 2 1 7-1 7l-3-1h-2c0 1 4 5 6 5v3c1 1 1 1-2 1s-3 0-2 1c2 2 2 2-2 1l-5 1 2 1 3 1 4 2c2 0 2 1-1 1s-3 0-2 1a1216 1216 0 0 1-9-2l-4-2v1l1 2 1 1 1 2 3 1 5 2c4 0 4 0 1 1l-3 1c1 1 0 1-2 1h-4l3 1c3 2 4 5 1 4l-5-1c-3 0-3 0-2 1l4 2c1 0 2 0 1 1l1 2 1 1 2 2h3l-4 2c-5 3-10 3-15 2l-5-1-2-2-1-2-1-2v-6c1-2 1-2-2-3l-1-2-2-2-4 2-2 2v3l1 2-2 4c0 3 0 4-2 4-2 1-3 3 0 3a554 554 0 0 1 3 2c-2 0-3 0-3 2l-2 2c-2 1-2 1-2 3 1 4-1 5-6 4-5-2-5-3-1-3 2 0 2 0 1-1s-1-1 1-2c1-1 1-1-2-1-2 0-3-1-3-2l1-1h3l3-2-4-1-4-2-1-1v-2l2-1 1-1-2-1c-1 0-2-1-2-4l-1-4v-2l-1-3c-1-2-1-2-1 1v3l-1 2v2l-1 2c-2 0-3 1-1 2s0 3-3 3c-2 0-2 0 1 1l3 2-4 3c-3 1-4 2-2 2l2 1c0 1-2 2-7 2h-8l2-4c2-3 2-4 1-4l-1-4c1-3 1-3-1-3-1 1-1 0-2-4s-3-7-4-6l-2 5-3 4v5c1 3 0 4-1 5l-2 1 1-2c1-1 0-1-8-3-8-1-13-3-9-3 2 0 2 0 1-2h5c6 0 6-1 0-3-6-1-6-2-2-2h4l2-1 4-1c2-2 0-2-9-2l-8-2h2c2 0 2 0 2-2-1-2-1-2 2-1 3 2 3 2 4 1l2-1c1 1 1 0 1-1l2-1 3-1-4-1c-3 0-5-1-5-2l-5-2c-4 0-5-2-2-2 1-1 0-1-2-2-4-2-5-4-2-3 2 1 2 1 1-1 0-2 0-2 2-2 4 0 5 0 5-2l2-2h-4l-6-1c-1-1 2-3 4-3l2-1-3-1c-3 1-6-1-3-2h2l-2-1c-2-1-3-3-1-3l2-2c0-2-1-2-2-2-3 1-4-1-2-3s2-4 1-4l-1-4-1-3v552h269V754Z' /></g><g clip-path='url(#b)'><path fill='${treeForegroundColor}' d='m0 807 2-1v4h3c1 1 0 4-2 4l-2 1 1 3h2l1-2 2-1c3 0 3 4 1 6v1h1c-1 1 1 4 3 4l1 1-5 1c-3 0-2 3 1 3a35 35 0 0 1 8 1c2 0-3 3-6 3-5 1-3 3 2 3h5c1 1-5 5-8 5-5 0-2 2 4 2l6 2c2 1-2 4-6 4-5 1-4 2 3 3l6 1c1 1-5 6-7 6v1l3 1 3 1-1 1v1h3l3 1c0 2-4 4-5 3l-1 1 8 1c4 0 6-2 4-3s-1-2 1-3c2 0 2 0 1-2v-2c1 1 1 0 1-3l1-4c1 0 2 2 1 5l1 2 1 1 1 1h2l2-1c1 0 1-1-1-2-3-3-2-3 3-3l6-1-2-1c-3 0-9-3-8-4l6-1 7 1-4-2-4-2v-1c-1-4-1-4 2-4h2v-3l-1-3 3 1v-1l2-3c2-2 2-1 1 2-1 2-1 2 2 1l2 1-1 2-1 1-2 2c0 3 2 4 3 1l3-2c1 0 3 5 1 5s0 4 2 5c4 2 3 3-1 3-5 1-5 3 1 3l6-2c1-2 0-4-1-4h-2c-1-1 0-2 1-2 2-1 3-3 3-6v-2l1-2v-4l1-1 1 8c1 4 1 4 4 4h5c2 1 3 0 3-1l3-1c1 0 1-1-1-2l-5-2c-3 1-3 1-2-1l2-1 1-2c2-2 2-2 0-2h-3v-5l2-1 2 1c0 1 4 2 6 1s1-2-1-2-3-1-3-2c-1-2 0-2 1-2l3-1-2-1c-2 0-3-1-2-2l-1-2c-2-1-1-2 1-2l4 1 1-2-1-2v-1l-2-3-2-2 3-1c4 0 5-2 4-5l1-1v-4c2 1 3-1 1-2l-1-2 1-1c1 1 2-2 2-6 0-2 0-2 1-1l1 5c0 3 0 4 2 3 3-1 3 0-1 3l-1 3c2 0 4 2 3 4l1 3v3c-3 2-2 3 0 3s2 0 1 1c-2 1-2 2-1 2h2l2-2 2 1v1l2 1v3c-3 0-4 3-4 6s0 4 2 3 3 0 4 2c1 1 0 2-1 3l-3 3c-1 2-1 2 1 1l3 1 2 1-3 2-4 2v2c-1 2-1 3 4 4 7 2 17 1 17-1l-1-1c-4 0-6 0-5-2l-2-1-2-1h6c6 0 6 0 4-2l-2-1h3c3 0 3 0 2-1s-1-1 1-2c3-1 1-2-2-2-3 1-3 1-2-1 1-1 1-1-1-1-3 0-5-2-3-3l5 1c5 1 6 0 4-1v-1l-1-1c-1-1-1-1 1-2 2 0 2 0-1-2l-4-5c-2-4-1-4 2-1 1 2 4 2 6 1l-1-1-1-2-2-2c-1-1-2-2-1-3h2c2 1 2 0 2-4-1-4 0-6 1-6 1-1 1-1 1 2l1 4v1c-1 2-1 7 1 7l3-1h2c0 1-4 5-6 5v3c-1 1-1 1 2 1s3 0 2 1c-2 2-2 2 2 1l5 1-2 1-3 1-4 2c-2 0-2 1 1 1s3 0 2 1a1216 1216 0 0 0 9-2l4-2v1l-1 2-1 1-1 2-3 1-5 2c-4 0-4 0-1 1l3 1c-1 1 0 1 2 1h4l-3 1c-3 2-4 5-1 4l5-1c3 0 3 0 2 1l-4 2c-1 0-2 0-1 1l-1 2-1 1-2 2h-3l4 2c5 3 10 3 15 2l5-1 2-2 1-2 1-2v-6c-1-2-1-2 2-3l1-2 2-2 4 2 2 2v3l-1 2 2 4c0 3 0 4 2 4 2 1 3 3 0 3a554 554 0 0 0-3 2c2 0 3 0 3 2l2 2c2 1 2 1 2 3-1 4 1 5 6 4 5-2 5-3 1-3-2 0-2 0-1-1s1-1-1-2c-1-1-1-1 2-1 2 0 3-1 3-2l-1-1h-3l-3-2 4-1 4-2 1-1v-2l-2-1-1-1 2-1c1 0 2-1 2-4l1-4v-2l1-3c1-2 1-2 1 1v3l1 2v2l1 2c2 0 3 1 1 2s0 3 3 3c2 0 2 0-1 1l-3 2 4 3c3 1 4 2 2 2l-2 1c0 1 2 2 7 2h8l-2-4c-2-3-2-4-1-4l1-4c-1-3-1-3 1-3 1 1 1 0 2-4s3-7 4-6l2 5 3 4v5c-1 3 0 4 1 5l2 1-1-2c-1-1 0-1 8-3 8-1 13-3 9-3-2 0-2 0-1-2h-5c-6 0-6-1 0-3 6-1 6-2 2-2h-4l-2-1-4-1c-2-2 0-2 9-2l8-2h-2c-2 0-2 0-2-2 1-2 1-2-2-1-2 2-3 2-4 1l-2-1c-1 1-1 0-1-1l-2-1-3-1 4-1c3 0 5-1 5-2l5-2c4 0 5-2 2-2-1-1 0-1 2-2 4-2 5-4 2-3-2 1-2 1-1-1 0-2 0-2-2-2-4 0-5 0-5-2l-2-2h4l6-1c1-1-2-3-4-3l-2-1 3-1c3 1 6-1 3-2h-2l2-1c2-1 3-3 1-3l-2-2c0-2 1-2 2-2 3 1 4-1 2-3s-2-4-1-4l1-4 1-3v552H0V807Z' /></g><path fill='${waterColor}' d='M0 1067h269v613H0z' /><g clip-path='url(#c)'><path fill='${treeReflectionColor}' d='m0 1212 2 1v-4h3c1-1 0-4-2-4l-2-1 1-3h2l1 2 2 1c3 0 3-4 1-5v-2h1c-1-1 1-4 3-4l1-1-5-1c-3 0-2-3 1-3a35 35 0 0 0 8-1c2 0-3-3-6-3-5-1-3-3 2-3h5c1-1-5-5-8-5-5 0-2-2 4-2l6-2c2-1-2-4-6-4-5-1-4-2 3-3l6-1c1-1-5-6-7-6v-1l3-1 3-1-1-1v-1h3l3-1c0-2-4-4-5-3l-1-1 8-1c4 0 6 2 4 3s-1 2 1 3c2 0 2 0 1 2v2c1-1 1 0 1 3l1 4c1 0 2-2 1-5l1-2 1-1 1-1h2l2 1c1 0 1 1-1 2-3 3-2 3 3 3l6 1-2 1c-3 0-9 3-8 4l6 1 7-1-4 2-4 2v1c-1 4-1 4 2 4h2v3l-1 3 3-1v1l2 3c2 2 2 1 1-2-1-2-1-2 2-1l2-1-1-2-1-1-2-2c0-3 2-4 3-1l3 2c1 0 3-5 1-5s0-4 2-5c4-2 3-3-1-3-5-1-5-3 1-3l6 2c1 2 0 4-1 4h-2c-1 1 0 2 1 2 2 1 3 3 3 6v2l1 2v4l1 1 1-8c1-4 1-4 4-4h5c2-1 3 0 3 1l3 1c1 0 1 1-1 2l-5 2c-3-1-3-1-2 1l2 1 1 2c2 2 2 2 0 2h-3v5l2 1 2-1c0-1 4-2 6-1s1 2-1 2-3 1-3 2c-1 2 0 2 1 2l3 1-2 1c-2 0-3 1-2 2l-1 2c-2 1-1 2 1 2l4-1 1 2-1 2v1l-2 3-2 2 3 1c4 0 5 2 4 5l1 1v4c2-1 3 1 1 2l-1 2 1 1c1-1 2 2 2 6 0 2 0 2 1 1l1-5c0-3 0-4 2-3 3 1 3 0-1-3l-1-3c2 0 4-2 3-4l1-3v-3c-3-2-2-3 0-3s2 0 1-1c-2-1-2-2-1-2h2l2 2 2-1v-1l2-1v-3c-3 0-4-3-4-6s0-4 2-3 3 0 4-2c1-1 0-2-1-3l-3-3c-1-2-1-2 1-1l3-1 2-1-3-2-4-2v-2c-1-2-1-3 4-4 7-2 17-1 17 1l-1 1c-4 0-6 0-5 2l-2 1-2 1h6c6 0 6 0 4 2l-2 1h3c3 0 3 0 2 1s-1 1 1 2c3 1 1 2-2 2-3-1-3-1-2 1 1 1 1 1-1 1-3 0-5 2-3 3l5-1c5-1 6 0 4 1v1l-1 1c-1 1-1 1 1 2 2 0 2 0-1 2l-4 5c-2 4-1 4 2 1 1-2 4-2 6-1l-1 1-1 2-2 2c-1 1-2 2-1 3h2c2-1 2 0 2 4-1 4 0 6 1 6 1 1 1 1 1-2l1-4v-1c-1-2-1-7 1-7l3 1h2c0-1-4-5-6-5v-3c-1-1-1-1 2-1s3 0 2-1c-2-2-2-2 2-1l5-1-2-1-3-1-4-2c-2 0-2-1 1-1s3 0 2-1c-3-2 3-1 8 2h1l4 2v-1l-1-2-1-1-1-2-3-1-5-2c-4 0-4 0-1-1l3-1c-1-1 0-1 2-1h4l-3-1c-3-2-4-5-1-4l5 1c3 0 3 0 2-1l-4-2c-1 0-2 0-1-1l-1-2-1-1-2-2h-3l4-2c5-3 10-3 15-2l5 1 2 2 1 2 1 2v6c-1 2-1 2 2 3l1 2 2 2 4-2 2-2v-3l-1-2 2-4c0-3 0-4 2-4 2-1 3-3 0-3a365 365 0 0 1-3-2c2 0 3 0 3-2l2-2c2-1 2-1 2-3-1-4 1-5 6-4 5 2 5 3 1 3-2 0-2 1-1 1 1 1 1 1-1 2-1 1-1 1 2 1 2 0 3 1 3 2l-1 1h-3l-3 2 4 1 4 2 1 1v2l-2 1-1 1 2 1c1 0 2 1 2 4l1 4v2l1 3c1 2 1 2 1-1v-3l1-2v-2l1-2c2 0 3-1 1-2s0-3 3-3c2 0 2 0-1-1l-3-2 4-3c3-1 4-2 2-2l-2-1c0-1 2-2 7-2h8l-2 4c-2 3-2 4-1 4l1 4c-1 3-1 3 1 3 1-1 1 0 2 4s3 7 4 6l2-5 3-4v-5c-1-3 0-4 1-5l2-1-1 2c-1 1 0 1 8 3 8 1 13 3 9 3-2 0-2 0-1 2h-5c-6 0-6 1 0 3 6 1 6 2 2 2h-4l-2 1-4 1c-2 2 0 2 9 2l8 2h-2c-2 0-2 0-2 2 1 2 1 2-2 1-2-2-3-2-4-1l-2 1c-1-1-1 0-1 1l-2 1-3 1 4 1c3 0 5 1 5 2l5 2c4 0 5 2 2 2-1 1 0 1 2 2 4 2 5 4 2 3-2-1-2-1-1 1 0 2 0 2-2 2-4 0-5 0-5 2l-2 2h4l6 1c1 1-2 3-4 3l-2 1 3 1c3-1 6 1 3 2l-2 1h2c2 1 3 3 1 3l-2 2c0 2 1 2 2 2 3-1 4 1 2 3s-2 4-1 4l1 4 1 3V686H0v526Z' /></g><defs><clipPath id='a'><path fill='#fff' d='M269 727H0v553h269z' /></clipPath><clipPath id='b'><path fill='#fff' d='M0 780h269v553H0z' /></clipPath><clipPath id='c'><path fill='#fff' d='M0 1239h269v-172H0z' /></clipPath></defs></svg>`;
-	}, [
-		treeBackgroundColor,
-		treeForegroundColor,
-		waterColor,
-		treeReflectionColor,
-	]);
-
-	return <RepeatBackground aspectRatio={"269/1680"} svg={svg} />;
-};
+import { useMemo } from "preact/hooks";
+import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
+import { RepeatBackground } from "../shared/repeat-background";
+
+export const Trees = () => {
+	const treeBackgroundColor = useCSSPropertyValue("--fund-400", "#74B3C0");
+	const treeForegroundColor = useCSSPropertyValue("--fund-600", "#45818E");
+	const waterColor = useCSSPropertyValue("--fund-100", "#D2F7FF");
+	const treeReflectionColor = useCSSPropertyValue("--fund-300", "#94CEDB");
+
+	const svg = useMemo(() => {
+		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 269 1680'><g clip-path='url(#a)'><path fill='${treeBackgroundColor}' d='m269 754-2-1v4h-3c-1 1 0 4 2 4l2 1-1 3h-2l-1-2-2-1c-3 0-3 4-1 6v1h-1c1 1-1 4-3 4l-1 1 5 1c3 0 2 3-1 3a35 35 0 0 0-8 1c-2 0 3 3 6 3 5 1 3 3-2 3h-5c-1 1 5 5 8 5 5 0 2 2-4 2l-6 2c-2 1 2 4 6 4 5 1 4 2-3 3l-6 1c-1 1 5 6 7 6v1l-3 1-3 1 1 1v1h-3l-3 1c0 2 4 4 5 3l1 1-8 1c-4 0-6-2-4-3s1-2-1-3c-2 0-2 0-1-2v-2c-1 1-1 0-1-3l-1-4c-1 0-2 2-1 5l-1 2-1 1-1 1h-2l-2-1c-1 0-1-1 1-2 3-3 2-3-3-3l-6-1 2-1c3 0 9-3 8-4l-6-1-7 1 4-2 4-2v-1c1-4 1-4-2-4h-2v-3l1-3-3 1v-1l-2-3c-2-2-2-1-1 2 1 2 1 2-2 1l-2 1 1 2 1 1 2 2c0 3-2 4-3 1l-3-2c-1 0-3 5-1 5s0 4-2 5c-4 2-3 3 1 3 5 1 5 3-1 3l-6-2c-1-2 0-4 1-4h2c1-1 0-2-1-2-2-1-3-3-3-6v-2l-1-2v-4l-1-1-1 8c-1 4-1 4-4 4h-5c-2 1-3 0-3-1l-3-1c-1 0-1-1 1-2l5-2c3 1 3 1 2-1l-2-1-1-2c-2-2-2-2 0-2h3v-5l-2-1-2 1c0 1-4 2-6 1s-1-2 1-2 3-1 3-2c1-2 0-2-1-2l-3-1 2-1c2 0 3-1 2-2l1-2c2-1 1-2-1-2l-4 1-1-2 1-2v-1l2-3 2-2-3-1c-4 0-5-2-4-5l-1-1v-4c-2 1-3-1-1-2l1-2-1-1c-1 1-2-2-2-6 0-2 0-2-1-1l-1 5c0 3 0 4-2 3-3-1-3 0 1 3l1 3c-2 0-4 2-3 4l-1 3v3c3 2 2 3 0 3s-2 0-1 1c2 1 2 2 1 2h-2l-2-2-2 1v1l-2 1v3c3 0 4 3 4 6s0 4-2 3-3 0-4 2c-1 1 0 2 1 3l3 3c1 2 1 2-1 1l-3 1-2 1 3 2 4 2v2c1 2 1 3-4 4-7 2-17 1-17-1l1-1c4 0 6 0 5-2l2-1 2-1h-6c-6 0-6 0-4-2l2-1h-3c-3 0-3 0-2-1s1-1-1-2c-3-1-1-2 2-2 3 1 3 1 2-1-1-1-1-1 1-1 3 0 5-2 3-3l-5 1c-5 1-6 0-4-1v-1l1-1c1-1 1-1-1-2-2 0-2 0 1-2l4-5c2-4 1-4-2-1-1 2-4 2-6 1l1-1 1-2 2-2c1-1 2-2 1-3h-2c-2 1-2 0-2-4 1-4 0-6-1-6-1-1-1-1-1 2l-1 4v1c1 2 1 7-1 7l-3-1h-2c0 1 4 5 6 5v3c1 1 1 1-2 1s-3 0-2 1c2 2 2 2-2 1l-5 1 2 1 3 1 4 2c2 0 2 1-1 1s-3 0-2 1a1216 1216 0 0 1-9-2l-4-2v1l1 2 1 1 1 2 3 1 5 2c4 0 4 0 1 1l-3 1c1 1 0 1-2 1h-4l3 1c3 2 4 5 1 4l-5-1c-3 0-3 0-2 1l4 2c1 0 2 0 1 1l1 2 1 1 2 2h3l-4 2c-5 3-10 3-15 2l-5-1-2-2-1-2-1-2v-6c1-2 1-2-2-3l-1-2-2-2-4 2-2 2v3l1 2-2 4c0 3 0 4-2 4-2 1-3 3 0 3a554 554 0 0 1 3 2c-2 0-3 0-3 2l-2 2c-2 1-2 1-2 3 1 4-1 5-6 4-5-2-5-3-1-3 2 0 2 0 1-1s-1-1 1-2c1-1 1-1-2-1-2 0-3-1-3-2l1-1h3l3-2-4-1-4-2-1-1v-2l2-1 1-1-2-1c-1 0-2-1-2-4l-1-4v-2l-1-3c-1-2-1-2-1 1v3l-1 2v2l-1 2c-2 0-3 1-1 2s0 3-3 3c-2 0-2 0 1 1l3 2-4 3c-3 1-4 2-2 2l2 1c0 1-2 2-7 2h-8l2-4c2-3 2-4 1-4l-1-4c1-3 1-3-1-3-1 1-1 0-2-4s-3-7-4-6l-2 5-3 4v5c1 3 0 4-1 5l-2 1 1-2c1-1 0-1-8-3-8-1-13-3-9-3 2 0 2 0 1-2h5c6 0 6-1 0-3-6-1-6-2-2-2h4l2-1 4-1c2-2 0-2-9-2l-8-2h2c2 0 2 0 2-2-1-2-1-2 2-1 3 2 3 2 4 1l2-1c1 1 1 0 1-1l2-1 3-1-4-1c-3 0-5-1-5-2l-5-2c-4 0-5-2-2-2 1-1 0-1-2-2-4-2-5-4-2-3 2 1 2 1 1-1 0-2 0-2 2-2 4 0 5 0 5-2l2-2h-4l-6-1c-1-1 2-3 4-3l2-1-3-1c-3 1-6-1-3-2h2l-2-1c-2-1-3-3-1-3l2-2c0-2-1-2-2-2-3 1-4-1-2-3s2-4 1-4l-1-4-1-3v552h269V754Z' /></g><g clip-path='url(#b)'><path fill='${treeForegroundColor}' d='m0 807 2-1v4h3c1 1 0 4-2 4l-2 1 1 3h2l1-2 2-1c3 0 3 4 1 6v1h1c-1 1 1 4 3 4l1 1-5 1c-3 0-2 3 1 3a35 35 0 0 1 8 1c2 0-3 3-6 3-5 1-3 3 2 3h5c1 1-5 5-8 5-5 0-2 2 4 2l6 2c2 1-2 4-6 4-5 1-4 2 3 3l6 1c1 1-5 6-7 6v1l3 1 3 1-1 1v1h3l3 1c0 2-4 4-5 3l-1 1 8 1c4 0 6-2 4-3s-1-2 1-3c2 0 2 0 1-2v-2c1 1 1 0 1-3l1-4c1 0 2 2 1 5l1 2 1 1 1 1h2l2-1c1 0 1-1-1-2-3-3-2-3 3-3l6-1-2-1c-3 0-9-3-8-4l6-1 7 1-4-2-4-2v-1c-1-4-1-4 2-4h2v-3l-1-3 3 1v-1l2-3c2-2 2-1 1 2-1 2-1 2 2 1l2 1-1 2-1 1-2 2c0 3 2 4 3 1l3-2c1 0 3 5 1 5s0 4 2 5c4 2 3 3-1 3-5 1-5 3 1 3l6-2c1-2 0-4-1-4h-2c-1-1 0-2 1-2 2-1 3-3 3-6v-2l1-2v-4l1-1 1 8c1 4 1 4 4 4h5c2 1 3 0 3-1l3-1c1 0 1-1-1-2l-5-2c-3 1-3 1-2-1l2-1 1-2c2-2 2-2 0-2h-3v-5l2-1 2 1c0 1 4 2 6 1s1-2-1-2-3-1-3-2c-1-2 0-2 1-2l3-1-2-1c-2 0-3-1-2-2l-1-2c-2-1-1-2 1-2l4 1 1-2-1-2v-1l-2-3-2-2 3-1c4 0 5-2 4-5l1-1v-4c2 1 3-1 1-2l-1-2 1-1c1 1 2-2 2-6 0-2 0-2 1-1l1 5c0 3 0 4 2 3 3-1 3 0-1 3l-1 3c2 0 4 2 3 4l1 3v3c-3 2-2 3 0 3s2 0 1 1c-2 1-2 2-1 2h2l2-2 2 1v1l2 1v3c-3 0-4 3-4 6s0 4 2 3 3 0 4 2c1 1 0 2-1 3l-3 3c-1 2-1 2 1 1l3 1 2 1-3 2-4 2v2c-1 2-1 3 4 4 7 2 17 1 17-1l-1-1c-4 0-6 0-5-2l-2-1-2-1h6c6 0 6 0 4-2l-2-1h3c3 0 3 0 2-1s-1-1 1-2c3-1 1-2-2-2-3 1-3 1-2-1 1-1 1-1-1-1-3 0-5-2-3-3l5 1c5 1 6 0 4-1v-1l-1-1c-1-1-1-1 1-2 2 0 2 0-1-2l-4-5c-2-4-1-4 2-1 1 2 4 2 6 1l-1-1-1-2-2-2c-1-1-2-2-1-3h2c2 1 2 0 2-4-1-4 0-6 1-6 1-1 1-1 1 2l1 4v1c-1 2-1 7 1 7l3-1h2c0 1-4 5-6 5v3c-1 1-1 1 2 1s3 0 2 1c-2 2-2 2 2 1l5 1-2 1-3 1-4 2c-2 0-2 1 1 1s3 0 2 1a1216 1216 0 0 0 9-2l4-2v1l-1 2-1 1-1 2-3 1-5 2c-4 0-4 0-1 1l3 1c-1 1 0 1 2 1h4l-3 1c-3 2-4 5-1 4l5-1c3 0 3 0 2 1l-4 2c-1 0-2 0-1 1l-1 2-1 1-2 2h-3l4 2c5 3 10 3 15 2l5-1 2-2 1-2 1-2v-6c-1-2-1-2 2-3l1-2 2-2 4 2 2 2v3l-1 2 2 4c0 3 0 4 2 4 2 1 3 3 0 3a554 554 0 0 0-3 2c2 0 3 0 3 2l2 2c2 1 2 1 2 3-1 4 1 5 6 4 5-2 5-3 1-3-2 0-2 0-1-1s1-1-1-2c-1-1-1-1 2-1 2 0 3-1 3-2l-1-1h-3l-3-2 4-1 4-2 1-1v-2l-2-1-1-1 2-1c1 0 2-1 2-4l1-4v-2l1-3c1-2 1-2 1 1v3l1 2v2l1 2c2 0 3 1 1 2s0 3 3 3c2 0 2 0-1 1l-3 2 4 3c3 1 4 2 2 2l-2 1c0 1 2 2 7 2h8l-2-4c-2-3-2-4-1-4l1-4c-1-3-1-3 1-3 1 1 1 0 2-4s3-7 4-6l2 5 3 4v5c-1 3 0 4 1 5l2 1-1-2c-1-1 0-1 8-3 8-1 13-3 9-3-2 0-2 0-1-2h-5c-6 0-6-1 0-3 6-1 6-2 2-2h-4l-2-1-4-1c-2-2 0-2 9-2l8-2h-2c-2 0-2 0-2-2 1-2 1-2-2-1-2 2-3 2-4 1l-2-1c-1 1-1 0-1-1l-2-1-3-1 4-1c3 0 5-1 5-2l5-2c4 0 5-2 2-2-1-1 0-1 2-2 4-2 5-4 2-3-2 1-2 1-1-1 0-2 0-2-2-2-4 0-5 0-5-2l-2-2h4l6-1c1-1-2-3-4-3l-2-1 3-1c3 1 6-1 3-2h-2l2-1c2-1 3-3 1-3l-2-2c0-2 1-2 2-2 3 1 4-1 2-3s-2-4-1-4l1-4 1-3v552H0V807Z' /></g><path fill='${waterColor}' d='M0 1067h269v613H0z' /><g clip-path='url(#c)'><path fill='${treeReflectionColor}' d='m0 1212 2 1v-4h3c1-1 0-4-2-4l-2-1 1-3h2l1 2 2 1c3 0 3-4 1-5v-2h1c-1-1 1-4 3-4l1-1-5-1c-3 0-2-3 1-3a35 35 0 0 0 8-1c2 0-3-3-6-3-5-1-3-3 2-3h5c1-1-5-5-8-5-5 0-2-2 4-2l6-2c2-1-2-4-6-4-5-1-4-2 3-3l6-1c1-1-5-6-7-6v-1l3-1 3-1-1-1v-1h3l3-1c0-2-4-4-5-3l-1-1 8-1c4 0 6 2 4 3s-1 2 1 3c2 0 2 0 1 2v2c1-1 1 0 1 3l1 4c1 0 2-2 1-5l1-2 1-1 1-1h2l2 1c1 0 1 1-1 2-3 3-2 3 3 3l6 1-2 1c-3 0-9 3-8 4l6 1 7-1-4 2-4 2v1c-1 4-1 4 2 4h2v3l-1 3 3-1v1l2 3c2 2 2 1 1-2-1-2-1-2 2-1l2-1-1-2-1-1-2-2c0-3 2-4 3-1l3 2c1 0 3-5 1-5s0-4 2-5c4-2 3-3-1-3-5-1-5-3 1-3l6 2c1 2 0 4-1 4h-2c-1 1 0 2 1 2 2 1 3 3 3 6v2l1 2v4l1 1 1-8c1-4 1-4 4-4h5c2-1 3 0 3 1l3 1c1 0 1 1-1 2l-5 2c-3-1-3-1-2 1l2 1 1 2c2 2 2 2 0 2h-3v5l2 1 2-1c0-1 4-2 6-1s1 2-1 2-3 1-3 2c-1 2 0 2 1 2l3 1-2 1c-2 0-3 1-2 2l-1 2c-2 1-1 2 1 2l4-1 1 2-1 2v1l-2 3-2 2 3 1c4 0 5 2 4 5l1 1v4c2-1 3 1 1 2l-1 2 1 1c1-1 2 2 2 6 0 2 0 2 1 1l1-5c0-3 0-4 2-3 3 1 3 0-1-3l-1-3c2 0 4-2 3-4l1-3v-3c-3-2-2-3 0-3s2 0 1-1c-2-1-2-2-1-2h2l2 2 2-1v-1l2-1v-3c-3 0-4-3-4-6s0-4 2-3 3 0 4-2c1-1 0-2-1-3l-3-3c-1-2-1-2 1-1l3-1 2-1-3-2-4-2v-2c-1-2-1-3 4-4 7-2 17-1 17 1l-1 1c-4 0-6 0-5 2l-2 1-2 1h6c6 0 6 0 4 2l-2 1h3c3 0 3 0 2 1s-1 1 1 2c3 1 1 2-2 2-3-1-3-1-2 1 1 1 1 1-1 1-3 0-5 2-3 3l5-1c5-1 6 0 4 1v1l-1 1c-1 1-1 1 1 2 2 0 2 0-1 2l-4 5c-2 4-1 4 2 1 1-2 4-2 6-1l-1 1-1 2-2 2c-1 1-2 2-1 3h2c2-1 2 0 2 4-1 4 0 6 1 6 1 1 1 1 1-2l1-4v-1c-1-2-1-7 1-7l3 1h2c0-1-4-5-6-5v-3c-1-1-1-1 2-1s3 0 2-1c-2-2-2-2 2-1l5-1-2-1-3-1-4-2c-2 0-2-1 1-1s3 0 2-1c-3-2 3-1 8 2h1l4 2v-1l-1-2-1-1-1-2-3-1-5-2c-4 0-4 0-1-1l3-1c-1-1 0-1 2-1h4l-3-1c-3-2-4-5-1-4l5 1c3 0 3 0 2-1l-4-2c-1 0-2 0-1-1l-1-2-1-1-2-2h-3l4-2c5-3 10-3 15-2l5 1 2 2 1 2 1 2v6c-1 2-1 2 2 3l1 2 2 2 4-2 2-2v-3l-1-2 2-4c0-3 0-4 2-4 2-1 3-3 0-3a365 365 0 0 1-3-2c2 0 3 0 3-2l2-2c2-1 2-1 2-3-1-4 1-5 6-4 5 2 5 3 1 3-2 0-2 1-1 1 1 1 1 1-1 2-1 1-1 1 2 1 2 0 3 1 3 2l-1 1h-3l-3 2 4 1 4 2 1 1v2l-2 1-1 1 2 1c1 0 2 1 2 4l1 4v2l1 3c1 2 1 2 1-1v-3l1-2v-2l1-2c2 0 3-1 1-2s0-3 3-3c2 0 2 0-1-1l-3-2 4-3c3-1 4-2 2-2l-2-1c0-1 2-2 7-2h8l-2 4c-2 3-2 4-1 4l1 4c-1 3-1 3 1 3 1-1 1 0 2 4s3 7 4 6l2-5 3-4v-5c-1-3 0-4 1-5l2-1-1 2c-1 1 0 1 8 3 8 1 13 3 9 3-2 0-2 0-1 2h-5c-6 0-6 1 0 3 6 1 6 2 2 2h-4l-2 1-4 1c-2 2 0 2 9 2l8 2h-2c-2 0-2 0-2 2 1 2 1 2-2 1-2-2-3-2-4-1l-2 1c-1-1-1 0-1 1l-2 1-3 1 4 1c3 0 5 1 5 2l5 2c4 0 5 2 2 2-1 1 0 1 2 2 4 2 5 4 2 3-2-1-2-1-1 1 0 2 0 2-2 2-4 0-5 0-5 2l-2 2h4l6 1c1 1-2 3-4 3l-2 1 3 1c3-1 6 1 3 2l-2 1h2c2 1 3 3 1 3l-2 2c0 2 1 2 2 2 3-1 4 1 2 3s-2 4-1 4l1 4 1 3V686H0v526Z' /></g><defs><clipPath id='a'><path fill='#fff' d='M269 727H0v553h269z' /></clipPath><clipPath id='b'><path fill='#fff' d='M0 780h269v553H0z' /></clipPath><clipPath id='c'><path fill='#fff' d='M0 1239h269v-172H0z' /></clipPath></defs></svg>`;
+	}, [
+		treeBackgroundColor,
+		treeForegroundColor,
+		waterColor,
+		treeReflectionColor,
+	]);
+
+	return <RepeatBackground aspectRatio={"269/1680"} svg={svg} />;
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/internals/bear_center.tsx b/src/views/collections/framework-field-guide/cover-layers/internals/bear_center.tsx
index 14e1625f..c161d1a9 100644
--- a/src/views/collections/framework-field-guide/cover-layers/internals/bear_center.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/internals/bear_center.tsx
@@ -1,14 +1,23 @@
-export const BearCenter = () => {
-	return (
-		<svg xmlns="http://www.w3.org/2000/svg" class="nofill colorTransitionSVG" fill="none" viewBox="0 0 1280 1280">
-			<g>
-				<path fill="var(--inter-900)"
-					fill-rule="evenodd"
-					d="m175 949-7 4c-3 0-5 1-5 2h-3c-3 0-4 1-5 2-1 2-2 2-3 2l-3 2-2 2-16 11c1 1 0 2-2 4l-6 8-4 5-1 3-2 3-1 2-5 5-4 5-3 5a132 132 0 0 0-15 36l-6 16c-4 8-5 11-7 12l-2 5c-2 9-6 18-10 25-4 8-7 16-7 21 0 3 4 9 9 14 4 4 5 4 9 4 6 0 20-2 22-4h2c2 1 2 0 2-1-1-1-5-4-10-4-2-1-2-2-2-4 0-3 7-11 13-16a126 126 0 0 0 26-24l11-12 2-3 4 1c10 3 14 8 22 23l8 12c4 5 6 9 10 18 1 4 2 8 4 10 4 7 4 7 30 6a3555 3555 0 0 1 69-1l5-1 1-1c0-3-4-4-9-5-4 0-13-5-14-8-2-6 0-21 4-27 1-3 4-5 4-4 0 2 13 11 22 14 7 3 11 5 15 9l5 5-2 4c-2 5-2 8-1 11v3c-2 2-1 4 3 3 4 0 10-7 13-13l6-9c3-5 3-7 4-14v-7l-4-3c-11-8-14-12-17-19l-3-10c0-4 4-14 7-20 2-1 3-5 4-8l4-6c2-1 10-2 24-2 20-2 22-1 26 0l14 1 11-2 3-1 4-2 4-3c1 0 6-5 6-7l-5-4-9-8c-4-4-5-5-6-14l-6-8a253 253 0 0 1-17-23c-1-5-2-5-9-2-3 2-6 2-7 2l-6-1-6-2-15-5-4-1-2-1h-2l-7-2-3-2h-4c-3-3-9-5-13-6-6-1-18 1-22 3l-15 3-18 1c-10 2-43-2-47-5-1-1-5-2-12-2l-12-1-4 1Zm59 128-7 2-7 2-4 1v8l2 11 1 10 1 16c1 6 2 7 5 9l7 1 7 1 3 1 1-10-1-22-2-21c0-12 0-12-6-9Z"
-					clip-rule="evenodd"
-				/>
-				<path fill="var(--inter-900)" d="M627 1143h30l11-1 29-1 31-2a516 516 0 0 1 47-1l24-1a2314 2314 0 0 1 96 0l25 1a693 693 0 0 1 23 2 794 794 0 0 0 100 4l72-2 159 5h21l7 1h98l11 2 11 3h5c5 0 19 6 35 12 16 7 34 15 42 15 1 0 72 9 83 14 28 14 60 38 60 39 4 0 9 5 14 9l5 4h1c30 3 53 6 53 34H-440c0-28 23-31 53-34h1l5-4c5-4 10-9 14-9 0-1 32-25 60-39 11-5 82-14 83-14 8 0 26-8 42-15 16-6 30-12 35-12h5l11-3 11-2h98l7-1H6l159-5 72 2 16 1a794 794 0 0 0 107-7l25-1a2314 2314 0 0 1 96 0l25 1a692 692 0 0 1 10 0c10 1 28 2 36 1l31 2a687 687 0 0 0 40 2h4Z" />
-			</g>
-		</svg>
-	);
-};
+export const BearCenter = () => {
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			class="nofill colorTransitionSVG"
+			fill="none"
+			viewBox="0 0 1280 1280"
+		>
+			<g>
+				<path
+					fill="var(--inter-900)"
+					fill-rule="evenodd"
+					d="m175 949-7 4c-3 0-5 1-5 2h-3c-3 0-4 1-5 2-1 2-2 2-3 2l-3 2-2 2-16 11c1 1 0 2-2 4l-6 8-4 5-1 3-2 3-1 2-5 5-4 5-3 5a132 132 0 0 0-15 36l-6 16c-4 8-5 11-7 12l-2 5c-2 9-6 18-10 25-4 8-7 16-7 21 0 3 4 9 9 14 4 4 5 4 9 4 6 0 20-2 22-4h2c2 1 2 0 2-1-1-1-5-4-10-4-2-1-2-2-2-4 0-3 7-11 13-16a126 126 0 0 0 26-24l11-12 2-3 4 1c10 3 14 8 22 23l8 12c4 5 6 9 10 18 1 4 2 8 4 10 4 7 4 7 30 6a3555 3555 0 0 1 69-1l5-1 1-1c0-3-4-4-9-5-4 0-13-5-14-8-2-6 0-21 4-27 1-3 4-5 4-4 0 2 13 11 22 14 7 3 11 5 15 9l5 5-2 4c-2 5-2 8-1 11v3c-2 2-1 4 3 3 4 0 10-7 13-13l6-9c3-5 3-7 4-14v-7l-4-3c-11-8-14-12-17-19l-3-10c0-4 4-14 7-20 2-1 3-5 4-8l4-6c2-1 10-2 24-2 20-2 22-1 26 0l14 1 11-2 3-1 4-2 4-3c1 0 6-5 6-7l-5-4-9-8c-4-4-5-5-6-14l-6-8a253 253 0 0 1-17-23c-1-5-2-5-9-2-3 2-6 2-7 2l-6-1-6-2-15-5-4-1-2-1h-2l-7-2-3-2h-4c-3-3-9-5-13-6-6-1-18 1-22 3l-15 3-18 1c-10 2-43-2-47-5-1-1-5-2-12-2l-12-1-4 1Zm59 128-7 2-7 2-4 1v8l2 11 1 10 1 16c1 6 2 7 5 9l7 1 7 1 3 1 1-10-1-22-2-21c0-12 0-12-6-9Z"
+					clip-rule="evenodd"
+				/>
+				<path
+					fill="var(--inter-900)"
+					d="M627 1143h30l11-1 29-1 31-2a516 516 0 0 1 47-1l24-1a2314 2314 0 0 1 96 0l25 1a693 693 0 0 1 23 2 794 794 0 0 0 100 4l72-2 159 5h21l7 1h98l11 2 11 3h5c5 0 19 6 35 12 16 7 34 15 42 15 1 0 72 9 83 14 28 14 60 38 60 39 4 0 9 5 14 9l5 4h1c30 3 53 6 53 34H-440c0-28 23-31 53-34h1l5-4c5-4 10-9 14-9 0-1 32-25 60-39 11-5 82-14 83-14 8 0 26-8 42-15 16-6 30-12 35-12h5l11-3 11-2h98l7-1H6l159-5 72 2 16 1a794 794 0 0 0 107-7l25-1a2314 2314 0 0 1 96 0l25 1a692 692 0 0 1 10 0c10 1 28 2 36 1l31 2a687 687 0 0 0 40 2h4Z"
+				/>
+			</g>
+		</svg>
+	);
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/internals/clouds_first_layer.tsx b/src/views/collections/framework-field-guide/cover-layers/internals/clouds_first_layer.tsx
index 77a7d342..f02dab47 100644
--- a/src/views/collections/framework-field-guide/cover-layers/internals/clouds_first_layer.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/internals/clouds_first_layer.tsx
@@ -1,13 +1,13 @@
-import { useMemo } from "preact/hooks";
-import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
-import { RepeatBackground } from "../shared/repeat-background";
-
-export const CloudsFirstLayer = () => {
-	const cloudFirstColor = useCSSPropertyValue("--inter-400", "%23A473BB");
-
-	const svg = useMemo(() => {
-		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1634 1280'><path fill='${cloudFirstColor}' d='M0 962v-91a111 111 0 0 1 194-17 70 70 0 0 1 114 28 58 58 0 0 1 43 5 81 81 0 0 1 115-11 81 81 0 0 1 135 12 81 81 0 0 1 93-14 137 137 0 0 1 248-53 81 81 0 0 1 87 25h1c17 0 32 5 45 14a126 126 0 0 1 232 2 125 125 0 0 1 75-15 83 83 0 0 1 138 16 116 116 0 0 1 114 8v409H0V962Z'/></svg>`;
-	}, [cloudFirstColor]);
-
-	return <RepeatBackground aspectRatio={"1634/1280"} svg={svg} />;
-};
+import { useMemo } from "preact/hooks";
+import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
+import { RepeatBackground } from "../shared/repeat-background";
+
+export const CloudsFirstLayer = () => {
+	const cloudFirstColor = useCSSPropertyValue("--inter-400", "%23A473BB");
+
+	const svg = useMemo(() => {
+		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1634 1280'><path fill='${cloudFirstColor}' d='M0 962v-91a111 111 0 0 1 194-17 70 70 0 0 1 114 28 58 58 0 0 1 43 5 81 81 0 0 1 115-11 81 81 0 0 1 135 12 81 81 0 0 1 93-14 137 137 0 0 1 248-53 81 81 0 0 1 87 25h1c17 0 32 5 45 14a126 126 0 0 1 232 2 125 125 0 0 1 75-15 83 83 0 0 1 138 16 116 116 0 0 1 114 8v409H0V962Z'/></svg>`;
+	}, [cloudFirstColor]);
+
+	return <RepeatBackground aspectRatio={"1634/1280"} svg={svg} />;
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/internals/clouds_fourth_layer.tsx b/src/views/collections/framework-field-guide/cover-layers/internals/clouds_fourth_layer.tsx
index 646066a4..22d8c984 100644
--- a/src/views/collections/framework-field-guide/cover-layers/internals/clouds_fourth_layer.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/internals/clouds_fourth_layer.tsx
@@ -1,13 +1,13 @@
-import { useMemo } from "preact/hooks";
-import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
-import { RepeatBackground } from "../shared/repeat-background";
-
-export const CloudsFourthLayer = () => {
-	const cloudFourthColor = useCSSPropertyValue('--inter-800', "#261456");
-
-	const svg = useMemo(() => {
-		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1631 1280'><path fill='${cloudFourthColor}' d='M0 1280V391l1 1c6-4 14-6 22-6 28 0 50 23 50 50 12 0 24 5 32 12a101 101 0 0 1 174 6 100 100 0 0 1 109-18 55 55 0 0 1 80-36 126 126 0 0 1 240 48 86 86 0 0 1 126 14 86 86 0 0 1 114 3 86 86 0 0 1 41-8 86 86 0 0 1 102-33c5-8 12-15 19-21a86 86 0 0 1 85-97c46 0 83 36 86 81 11 9 20 21 25 35a86 86 0 0 1 91 30c12-7 26-11 41-12a121 121 0 0 1 193-49v889H0Z'/></svg>`
-	}, [cloudFourthColor]);
-
-	return <RepeatBackground aspectRatio={"1631/1280"} svg={svg} />;
-};
+import { useMemo } from "preact/hooks";
+import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
+import { RepeatBackground } from "../shared/repeat-background";
+
+export const CloudsFourthLayer = () => {
+	const cloudFourthColor = useCSSPropertyValue("--inter-800", "#261456");
+
+	const svg = useMemo(() => {
+		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1631 1280'><path fill='${cloudFourthColor}' d='M0 1280V391l1 1c6-4 14-6 22-6 28 0 50 23 50 50 12 0 24 5 32 12a101 101 0 0 1 174 6 100 100 0 0 1 109-18 55 55 0 0 1 80-36 126 126 0 0 1 240 48 86 86 0 0 1 126 14 86 86 0 0 1 114 3 86 86 0 0 1 41-8 86 86 0 0 1 102-33c5-8 12-15 19-21a86 86 0 0 1 85-97c46 0 83 36 86 81 11 9 20 21 25 35a86 86 0 0 1 91 30c12-7 26-11 41-12a121 121 0 0 1 193-49v889H0Z'/></svg>`;
+	}, [cloudFourthColor]);
+
+	return <RepeatBackground aspectRatio={"1631/1280"} svg={svg} />;
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/internals/clouds_second_layer.tsx b/src/views/collections/framework-field-guide/cover-layers/internals/clouds_second_layer.tsx
index a2532b14..2fb6b3dc 100644
--- a/src/views/collections/framework-field-guide/cover-layers/internals/clouds_second_layer.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/internals/clouds_second_layer.tsx
@@ -1,14 +1,13 @@
-import { useMemo } from "preact/hooks";
-import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
-import { RepeatBackground } from "../shared/repeat-background";
-
-export const CloudsSecondLayer = () => {
-	const cloudSecondColor = useCSSPropertyValue('--inter-500', "#38154A3");
-
-	const svg = useMemo(() => {
-		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1631 1280'><path fill='${cloudSecondColor}' d='M1631 1280V679l-1 1c-6-4-14-6-22-6-28 0-50 23-50 50-12 0-24 5-32 12a101 101 0 0 0-174 6 100 100 0 0 0-109-18 55 55 0 0 0-80-36 126 126 0 0 0-240 48 86 86 0 0 0-126 14 86 86 0 0 0-114 3 86 86 0 0 0-41-8 86 86 0 0 0-102-33c-5-8-12-15-19-21l1-11a86 86 0 0 0-172-5c-11 9-20 21-25 35a86 86 0 0 0-91 30c-12-7-26-11-41-12A121 121 0 0 0 0 679v601h1631Z'/></svg>`
-	}, [cloudSecondColor]);
-
-	return <RepeatBackground aspectRatio={"1631/1280"} svg={svg} />;
-};
-
+import { useMemo } from "preact/hooks";
+import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
+import { RepeatBackground } from "../shared/repeat-background";
+
+export const CloudsSecondLayer = () => {
+	const cloudSecondColor = useCSSPropertyValue("--inter-500", "#38154A3");
+
+	const svg = useMemo(() => {
+		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1631 1280'><path fill='${cloudSecondColor}' d='M1631 1280V679l-1 1c-6-4-14-6-22-6-28 0-50 23-50 50-12 0-24 5-32 12a101 101 0 0 0-174 6 100 100 0 0 0-109-18 55 55 0 0 0-80-36 126 126 0 0 0-240 48 86 86 0 0 0-126 14 86 86 0 0 0-114 3 86 86 0 0 0-41-8 86 86 0 0 0-102-33c-5-8-12-15-19-21l1-11a86 86 0 0 0-172-5c-11 9-20 21-25 35a86 86 0 0 0-91 30c-12-7-26-11-41-12A121 121 0 0 0 0 679v601h1631Z'/></svg>`;
+	}, [cloudSecondColor]);
+
+	return <RepeatBackground aspectRatio={"1631/1280"} svg={svg} />;
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/internals/clouds_third_layer.tsx b/src/views/collections/framework-field-guide/cover-layers/internals/clouds_third_layer.tsx
index c6833a53..11803d9e 100644
--- a/src/views/collections/framework-field-guide/cover-layers/internals/clouds_third_layer.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/internals/clouds_third_layer.tsx
@@ -1,13 +1,13 @@
-import { useMemo } from "preact/hooks";
-import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
-import { RepeatBackground } from "../shared/repeat-background";
-
-export const CloudsThirdLayer = () => {
-	const cloudThirdColor = useCSSPropertyValue('--inter-700', "#422474");
-
-	const svg = useMemo(() => {
-		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1432 1280'><path fill='${cloudThirdColor}' d='M0 512v768h1432V512a82 82 0 0 0-114 1 65 65 0 0 0-51 7 103 103 0 0 0-196 43 95 95 0 0 0-114 50 60 60 0 0 0-46-6 75 75 0 0 0-96-8 82 82 0 0 0-132-20 59 59 0 0 0-109 12 75 75 0 0 0-18 2 76 76 0 0 0-132-34 89 89 0 0 0-97-7 127 127 0 0 0-251-16 50 50 0 0 0-76-24Z'/></svg>`
-	}, [cloudThirdColor]);
-
-	return <RepeatBackground aspectRatio={"1432/1280"} svg={svg} />;
-};
+import { useMemo } from "preact/hooks";
+import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
+import { RepeatBackground } from "../shared/repeat-background";
+
+export const CloudsThirdLayer = () => {
+	const cloudThirdColor = useCSSPropertyValue("--inter-700", "#422474");
+
+	const svg = useMemo(() => {
+		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1432 1280'><path fill='${cloudThirdColor}' d='M0 512v768h1432V512a82 82 0 0 0-114 1 65 65 0 0 0-51 7 103 103 0 0 0-196 43 95 95 0 0 0-114 50 60 60 0 0 0-46-6 75 75 0 0 0-96-8 82 82 0 0 0-132-20 59 59 0 0 0-109 12 75 75 0 0 0-18 2 76 76 0 0 0-132-34 89 89 0 0 0-97-7 127 127 0 0 0-251-16 50 50 0 0 0-76-24Z'/></svg>`;
+	}, [cloudThirdColor]);
+
+	return <RepeatBackground aspectRatio={"1432/1280"} svg={svg} />;
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/internals/ground_repeat.tsx b/src/views/collections/framework-field-guide/cover-layers/internals/ground_repeat.tsx
index 1d8f74dd..0f4b9297 100644
--- a/src/views/collections/framework-field-guide/cover-layers/internals/ground_repeat.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/internals/ground_repeat.tsx
@@ -1,13 +1,13 @@
-import { useMemo } from "preact/hooks";
-import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
-import { RepeatBackground } from "../shared/repeat-background";
-
-export const GroundRepeat = () => {
-	const groundColor = useCSSPropertyValue("--inter-900", "#110A33");
-
-	const svg = useMemo(() => {
-		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1280 1280'><path fill='${groundColor}' d='M574 1138h-4c-8 1-23 2-30 1l-26 2-25 1-9 1h-19l-5-1-13-1-13-2c-4 1-12 0-16-1a97 97 0 0 0-4 0l-11-1a437 437 0 0 0-42 0l-10 1a130 130 0 0 0-5 0c-4 1-12 2-15 1l-14 2-12 1-5 1a94843 94843 0 0 1-162 4l-10-1a1133 1133 0 0 0-33 1l-17 1a274 274 0 0 0-21 1H0v131h1280v-131h-65l-9-1-17-1-33-1-10 1-5 1-140-5v-1h-5l-12-1-13-1-16-1h-5a287 287 0 0 1-31-2h-21l-11 1a391 391 0 0 0-4 0h-16l-13 1h-13l-5 1a63248 63248 0 0 1-96-1 364 364 0 0 0-39-1l-20-1a1639 1639 0 0 0-82 0l-20 1h-5Z'/></svg>`;
-	}, [groundColor]);
-
-	return <RepeatBackground aspectRatio="1280/1280" svg={svg} />;
-};
+import { useMemo } from "preact/hooks";
+import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
+import { RepeatBackground } from "../shared/repeat-background";
+
+export const GroundRepeat = () => {
+	const groundColor = useCSSPropertyValue("--inter-900", "#110A33");
+
+	const svg = useMemo(() => {
+		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1280 1280'><path fill='${groundColor}' d='M574 1138h-4c-8 1-23 2-30 1l-26 2-25 1-9 1h-19l-5-1-13-1-13-2c-4 1-12 0-16-1a97 97 0 0 0-4 0l-11-1a437 437 0 0 0-42 0l-10 1a130 130 0 0 0-5 0c-4 1-12 2-15 1l-14 2-12 1-5 1a94843 94843 0 0 1-162 4l-10-1a1133 1133 0 0 0-33 1l-17 1a274 274 0 0 0-21 1H0v131h1280v-131h-65l-9-1-17-1-33-1-10 1-5 1-140-5v-1h-5l-12-1-13-1-16-1h-5a287 287 0 0 1-31-2h-21l-11 1a391 391 0 0 0-4 0h-16l-13 1h-13l-5 1a63248 63248 0 0 1-96-1 364 364 0 0 0-39-1l-20-1a1639 1639 0 0 0-82 0l-20 1h-5Z'/></svg>`;
+	}, [groundColor]);
+
+	return <RepeatBackground aspectRatio="1280/1280" svg={svg} />;
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/internals/trees.tsx b/src/views/collections/framework-field-guide/cover-layers/internals/trees.tsx
index 9f12ffbd..cfd02e7d 100644
--- a/src/views/collections/framework-field-guide/cover-layers/internals/trees.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/internals/trees.tsx
@@ -1,14 +1,14 @@
-import { useMemo, useState } from "preact/hooks";
-import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
-import { RepeatBackground } from "../shared/repeat-background";
-
-export const Trees = () => {
-	const treeBackgroundColor = useCSSPropertyValue("--inter-500", "#8154A3");
-	const treeForegroundColor = useCSSPropertyValue("--inter-700", "#422474");
-
-	const svg = useMemo(() => {
-		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 269 1280'><g clip-path='url(#a)'><path fill='${treeBackgroundColor}' d='m269 946-2-1v4h-3c-1 1 0 4 2 4l2 1-1 3h-2l-1-2-2-1c-3 0-3 4-1 6v1h-1c1 1-1 4-3 4l-1 1 5 1c3 0 2 3-1 3a35 35 0 0 0-8 1c-2 0 3 3 6 3 5 1 3 3-2 3h-5c-1 1 5 5 8 5 5 0 2 2-4 2l-6 2c-2 1 2 4 6 4 5 1 4 2-3 3l-6 1c-1 1 5 6 7 6v1l-3 1-3 1 1 1v1h-3l-3 1c0 2 4 4 5 3l1 1-8 1c-4 0-6-2-4-3s1-2-1-3c-2 0-2 0-1-2v-2c-1 1-1 0-1-3l-1-4c-1 0-2 2-1 5l-1 2-1 1-1 1h-2l-2-1c-1 0-1-1 1-2 3-3 2-3-3-3l-6-1 2-1c3 0 9-3 8-4l-6-1-7 1 4-2 4-2v-1c1-4 1-4-2-4h-2v-3l1-3-3 1v-1l-2-3c-2-2-2-1-1 2 1 2 1 2-2 1l-2 1 1 2 1 1 2 2c0 3-2 4-3 1l-3-2c-1 0-3 5-1 5s0 4-2 5c-4 2-3 3 1 3 5 1 5 3-1 3l-6-2c-1-2 0-4 1-4h2c1-1 0-2-1-2-2-1-3-3-3-6v-2l-1-2v-4l-1-1-1 8c-1 4-1 4-4 4h-5c-2 1-3 0-3-1l-3-1c-1 0-1-1 1-2l5-2c3 1 3 1 2-1l-2-1-1-2c-2-2-2-2 0-2h3v-5l-2-1-2 1c0 1-4 2-6 1s-1-2 1-2 3-1 3-2c1-2 0-2-1-2l-3-1 2-1c2 0 3-1 2-2l1-2c2-1 1-2-1-2l-4 1-1-2 1-2v-1l2-3 2-2-3-1c-4 0-5-2-4-5l-1-1v-4c-2 1-3-1-1-2l1-2-1-1c-1 1-2-2-2-6 0-2 0-2-1-1l-1 5c0 3 0 4-2 3-3-1-3 0 1 3l1 3c-2 0-4 2-3 4l-1 3v3c3 2 2 3 0 3s-2 0-1 1c2 1 2 2 1 2h-2l-2-2-2 1v1l-2 1v3c3 0 4 3 4 6s0 4-2 3-3 0-4 2c-1 1 0 2 1 3l3 3c1 2 1 2-1 1l-3 1-2 1 3 2 4 2v2c1 2 1 3-4 4-7 2-17 1-17-1l1-1c4 0 6 0 5-2l2-1 2-1h-6c-6 0-6 0-4-2l2-1h-3c-3 0-3 0-2-1s1-1-1-2c-3-1-1-2 2-2 3 1 3 1 2-1-1-1-1-1 1-1 3 0 5-2 3-3l-5 1c-5 1-6 0-4-1v-1l1-1c1-1 1-1-1-2-2 0-2 0 1-2l4-5c2-4 1-4-2-1-1 2-4 2-6 1l1-1 1-2 2-2c1-1 2-2 1-3h-2c-2 1-2 0-2-4 1-4 0-6-1-6-1-1-1-1-1 2l-1 4v1c1 2 1 7-1 7l-3-1h-2c0 1 4 5 6 5v3c1 1 1 1-2 1s-3 0-2 1c2 2 2 2-2 1l-5 1 2 1 3 1 4 2c2 0 2 1-1 1s-3 0-2 1a1216 1216 0 0 1-9-2l-4-2v1l1 2 1 1 1 2 3 1 5 2c4 0 4 0 1 1l-3 1c1 1 0 1-2 1h-4l3 1c3 2 4 5 1 4l-5-1c-3 0-3 0-2 1l4 2c1 0 2 0 1 1l1 2 1 1 2 2h3l-4 2c-5 3-10 3-15 2l-5-1-2-2-1-2-1-2v-6c1-2 1-2-2-3l-1-2-2-2-4 2-2 2v3l1 2-2 4c0 3 0 4-2 4-2 1-3 3 0 3a554 554 0 0 1 3 2c-2 0-3 0-3 2l-2 2c-2 1-2 1-2 3 1 4-1 5-6 4-5-2-5-3-1-3 2 0 2 0 1-1s-1-1 1-2c1-1 1-1-2-1-2 0-3-1-3-2l1-1h3l3-2-4-1-4-2-1-1v-2l2-1 1-1-2-1c-1 0-2-1-2-4l-1-4v-2l-1-3c-1-2-1-2-1 1v3l-1 2v2l-1 2c-2 0-3 1-1 2s0 3-3 3c-2 0-2 0 1 1l3 2-4 3c-3 1-4 2-2 2l2 1c0 1-2 2-7 2h-8l2-4c2-3 2-4 1-4l-1-4c1-3 1-3-1-3-1 1-1 0-2-4s-3-7-4-6l-2 5-3 4v5c1 3 0 4-1 5l-2 1 1-2c1-1 0-1-8-3-8-1-13-3-9-3 2 0 2 0 1-2h5c6 0 6-1 0-3-6-1-6-2-2-2h4l2-1 4-1c2-2 0-2-9-2l-8-2h2c2 0 2 0 2-2-1-2-1-2 2-1 3 2 3 2 4 1l2-1c1 1 1 0 1-1l2-1 3-1-4-1c-3 0-5-1-5-2l-5-2c-4 0-5-2-2-2 1-1 0-1-2-2-4-2-5-4-2-3 2 1 2 1 1-1 0-2 0-2 2-2 4 0 5 0 5-2l2-2h-4l-6-1c-1-1 2-3 4-3l2-1-3-1c-3 1-6-1-3-2h2l-2-1c-2-1-3-3-1-3l2-2c0-2-1-2-2-2-3 1-4-1-2-3s2-4 1-4l-1-4-1-3v360h269V946Z'/><path fill='${treeForegroundColor}' d='m0 994 2-1v4h3c1 1 0 4-2 4l-2 1 1 3h2l1-2 2-1c3 0 3 4 1 6v1h1c-1 1 1 4 3 4l1 1-5 1c-3 0-2 3 1 3a35 35 0 0 1 8 1c2 0-3 3-6 3-5 1-3 3 2 3h5c1 1-5 5-8 5-5 0-2 2 4 2l6 2c2 1-2 4-6 4-5 1-4 2 3 3l6 1c1 1-5 6-7 6v1l3 1 3 1-1 1v1h3l3 1c0 2-4 4-5 3l-1 1 8 1c4 0 6-2 4-3s-1-2 1-3c2 0 2 0 1-2v-2c1 1 1 0 1-3l1-4c1 0 2 2 1 5l1 2 1 1 1 1h2l2-1c1 0 1-1-1-2-3-3-2-3 3-3l6-1-2-1c-3 0-9-3-8-4l6-1 7 1-4-2-4-2v-1c-1-4-1-4 2-4h2v-3l-1-3 3 1v-1l2-3c2-2 2-1 1 2-1 2-1 2 2 1l2 1-1 2-1 1-2 2c0 3 2 4 3 1l3-2c1 0 3 5 1 5s0 4 2 5c4 2 3 3-1 3-5 1-5 3 1 3l6-2c1-2 0-4-1-4h-2c-1-1 0-2 1-2 2-1 3-3 3-6v-2l1-2v-4l1-1 1 8c1 4 1 4 4 4h5c2 1 3 0 3-1l3-1c1 0 1-1-1-2l-5-2c-3 1-3 1-2-1l2-1 1-2c2-2 2-2 0-2h-3v-5l2-1 2 1c0 1 4 2 6 1s1-2-1-2-3-1-3-2c-1-2 0-2 1-2l3-1-2-1c-2 0-3-1-2-2l-1-2c-2-1-1-2 1-2l4 1 1-2-1-2v-1l-2-3-2-2 3-1c4 0 5-2 4-5l1-1v-4c2 1 3-1 1-2l-1-2 1-1c1 1 2-2 2-6 0-2 0-2 1-1l1 5c0 3 0 4 2 3 3-1 3 0-1 3l-1 3c2 0 4 2 3 4l1 3v3c-3 2-2 3 0 3s2 0 1 1c-2 1-2 2-1 2h2l2-2 2 1v1l2 1v3c-3 0-4 3-4 6s0 4 2 3 3 0 4 2c1 1 0 2-1 3l-3 3c-1 2-1 2 1 1l3 1 2 1-3 2-4 2v2c-1 2-1 3 4 4 7 2 17 1 17-1l-1-1c-4 0-6 0-5-2l-2-1-2-1h6c6 0 6 0 4-2l-2-1h3c3 0 3 0 2-1s-1-1 1-2c3-1 1-2-2-2-3 1-3 1-2-1 1-1 1-1-1-1-3 0-5-2-3-3l5 1c5 1 6 0 4-1v-1l-1-1c-1-1-1-1 1-2 2 0 2 0-1-2l-4-5c-2-4-1-4 2-1 1 2 4 2 6 1l-1-1-1-2-2-2c-1-1-2-2-1-3h2c2 1 2 0 2-4-1-4 0-6 1-6 1-1 1-1 1 2l1 4v1c-1 2-1 7 1 7l3-1h2c0 1-4 5-6 5v3c-1 1-1 1 2 1s3 0 2 1c-2 2-2 2 2 1l5 1-2 1-3 1-4 2c-2 0-2 1 1 1s3 0 2 1c-3 2 3 1 8-2h1l4-2v1l-1 2-1 1-1 2-3 1-5 2c-4 0-4 0-1 1l3 1c-1 1 0 1 2 1h4l-3 1c-3 2-4 5-1 4l5-1c3 0 3 0 2 1l-4 2c-1 0-2 0-1 1l-1 2-1 1-2 2h-3l4 2c5 3 10 3 15 2l5-1 2-2 1-2 1-2v-6c-1-2-1-2 2-3l1-2 2-2 4 2 2 2v3l-1 2 2 4c0 3 0 4 2 5 2 0 3 2 0 2a365 365 0 0 0-3 2c2 0 3 0 3 2l2 2c2 1 2 1 2 3-1 4 1 5 6 4 5-2 5-3 1-3-2 0-2 0-1-1s1-1-1-2c-1-1-1-1 2-1 2 0 3-1 3-2l-1-1h-3l-3-2 4-1 4-2 1-1v-2l-2-1-1-1 2-1c1 0 2-1 2-4l1-4v-2l1-3c1-2 1-2 1 1v3l1 2v2l1 2c2 0 3 1 1 2s0 3 3 3c2 0 2 0-1 1l-3 2 4 3c3 1 4 2 2 2l-2 1c0 1 2 2 7 2h8l-2-4c-2-3-2-4-1-4l1-4c-1-3-1-3 1-3 1 1 1 0 2-4s3-7 4-6l2 5 3 4v5c-1 3 0 4 1 5l2 1-1-2c-1-1 0-1 8-3 8-1 13-3 9-3-2 0-2 0-1-2h-5c-6 0-6-1 0-3 6-1 6-2 2-2h-4l-2-1-4-1c-2-2 0-2 9-2l8-2h-2c-2 0-2 0-2-2 1-2 1-2-2-1-2 2-3 2-4 1l-2-1c-1 1-1 0-1-1l-2-1-3-1 4-1c3 0 5-1 5-2l5-2c4 0 5-2 2-2-1-1 0-1 2-2 4-2 5-4 2-3-2 1-2 1-1-1 0-2 0-2-2-2-4 0-5 0-5-2l-2-2h4l6-1c1-1-2-3-4-3l-2-1 3-1c3 1 6-1 3-2h-2l2-1c2-1 3-3 1-3l-2-2c0-2 1-2 2-2 3 1 4-1 2-3s-2-4-1-4l1-4 1-3v312H0V994Z'/></g><defs><clipPath id='a'><path fill='#fff' d='M0 0h269v1280H0z'/></clipPath></defs></svg>`;
-	}, [treeBackgroundColor, treeForegroundColor]);
-
-	return <RepeatBackground aspectRatio="269/1280" svg={svg} />;
-};
+import { useMemo, useState } from "preact/hooks";
+import { useCSSPropertyValue } from "../../hooks/use-css-property-value";
+import { RepeatBackground } from "../shared/repeat-background";
+
+export const Trees = () => {
+	const treeBackgroundColor = useCSSPropertyValue("--inter-500", "#8154A3");
+	const treeForegroundColor = useCSSPropertyValue("--inter-700", "#422474");
+
+	const svg = useMemo(() => {
+		return `<svg class="nofill" data-repeated="true" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 269 1280'><g clip-path='url(#a)'><path fill='${treeBackgroundColor}' d='m269 946-2-1v4h-3c-1 1 0 4 2 4l2 1-1 3h-2l-1-2-2-1c-3 0-3 4-1 6v1h-1c1 1-1 4-3 4l-1 1 5 1c3 0 2 3-1 3a35 35 0 0 0-8 1c-2 0 3 3 6 3 5 1 3 3-2 3h-5c-1 1 5 5 8 5 5 0 2 2-4 2l-6 2c-2 1 2 4 6 4 5 1 4 2-3 3l-6 1c-1 1 5 6 7 6v1l-3 1-3 1 1 1v1h-3l-3 1c0 2 4 4 5 3l1 1-8 1c-4 0-6-2-4-3s1-2-1-3c-2 0-2 0-1-2v-2c-1 1-1 0-1-3l-1-4c-1 0-2 2-1 5l-1 2-1 1-1 1h-2l-2-1c-1 0-1-1 1-2 3-3 2-3-3-3l-6-1 2-1c3 0 9-3 8-4l-6-1-7 1 4-2 4-2v-1c1-4 1-4-2-4h-2v-3l1-3-3 1v-1l-2-3c-2-2-2-1-1 2 1 2 1 2-2 1l-2 1 1 2 1 1 2 2c0 3-2 4-3 1l-3-2c-1 0-3 5-1 5s0 4-2 5c-4 2-3 3 1 3 5 1 5 3-1 3l-6-2c-1-2 0-4 1-4h2c1-1 0-2-1-2-2-1-3-3-3-6v-2l-1-2v-4l-1-1-1 8c-1 4-1 4-4 4h-5c-2 1-3 0-3-1l-3-1c-1 0-1-1 1-2l5-2c3 1 3 1 2-1l-2-1-1-2c-2-2-2-2 0-2h3v-5l-2-1-2 1c0 1-4 2-6 1s-1-2 1-2 3-1 3-2c1-2 0-2-1-2l-3-1 2-1c2 0 3-1 2-2l1-2c2-1 1-2-1-2l-4 1-1-2 1-2v-1l2-3 2-2-3-1c-4 0-5-2-4-5l-1-1v-4c-2 1-3-1-1-2l1-2-1-1c-1 1-2-2-2-6 0-2 0-2-1-1l-1 5c0 3 0 4-2 3-3-1-3 0 1 3l1 3c-2 0-4 2-3 4l-1 3v3c3 2 2 3 0 3s-2 0-1 1c2 1 2 2 1 2h-2l-2-2-2 1v1l-2 1v3c3 0 4 3 4 6s0 4-2 3-3 0-4 2c-1 1 0 2 1 3l3 3c1 2 1 2-1 1l-3 1-2 1 3 2 4 2v2c1 2 1 3-4 4-7 2-17 1-17-1l1-1c4 0 6 0 5-2l2-1 2-1h-6c-6 0-6 0-4-2l2-1h-3c-3 0-3 0-2-1s1-1-1-2c-3-1-1-2 2-2 3 1 3 1 2-1-1-1-1-1 1-1 3 0 5-2 3-3l-5 1c-5 1-6 0-4-1v-1l1-1c1-1 1-1-1-2-2 0-2 0 1-2l4-5c2-4 1-4-2-1-1 2-4 2-6 1l1-1 1-2 2-2c1-1 2-2 1-3h-2c-2 1-2 0-2-4 1-4 0-6-1-6-1-1-1-1-1 2l-1 4v1c1 2 1 7-1 7l-3-1h-2c0 1 4 5 6 5v3c1 1 1 1-2 1s-3 0-2 1c2 2 2 2-2 1l-5 1 2 1 3 1 4 2c2 0 2 1-1 1s-3 0-2 1a1216 1216 0 0 1-9-2l-4-2v1l1 2 1 1 1 2 3 1 5 2c4 0 4 0 1 1l-3 1c1 1 0 1-2 1h-4l3 1c3 2 4 5 1 4l-5-1c-3 0-3 0-2 1l4 2c1 0 2 0 1 1l1 2 1 1 2 2h3l-4 2c-5 3-10 3-15 2l-5-1-2-2-1-2-1-2v-6c1-2 1-2-2-3l-1-2-2-2-4 2-2 2v3l1 2-2 4c0 3 0 4-2 4-2 1-3 3 0 3a554 554 0 0 1 3 2c-2 0-3 0-3 2l-2 2c-2 1-2 1-2 3 1 4-1 5-6 4-5-2-5-3-1-3 2 0 2 0 1-1s-1-1 1-2c1-1 1-1-2-1-2 0-3-1-3-2l1-1h3l3-2-4-1-4-2-1-1v-2l2-1 1-1-2-1c-1 0-2-1-2-4l-1-4v-2l-1-3c-1-2-1-2-1 1v3l-1 2v2l-1 2c-2 0-3 1-1 2s0 3-3 3c-2 0-2 0 1 1l3 2-4 3c-3 1-4 2-2 2l2 1c0 1-2 2-7 2h-8l2-4c2-3 2-4 1-4l-1-4c1-3 1-3-1-3-1 1-1 0-2-4s-3-7-4-6l-2 5-3 4v5c1 3 0 4-1 5l-2 1 1-2c1-1 0-1-8-3-8-1-13-3-9-3 2 0 2 0 1-2h5c6 0 6-1 0-3-6-1-6-2-2-2h4l2-1 4-1c2-2 0-2-9-2l-8-2h2c2 0 2 0 2-2-1-2-1-2 2-1 3 2 3 2 4 1l2-1c1 1 1 0 1-1l2-1 3-1-4-1c-3 0-5-1-5-2l-5-2c-4 0-5-2-2-2 1-1 0-1-2-2-4-2-5-4-2-3 2 1 2 1 1-1 0-2 0-2 2-2 4 0 5 0 5-2l2-2h-4l-6-1c-1-1 2-3 4-3l2-1-3-1c-3 1-6-1-3-2h2l-2-1c-2-1-3-3-1-3l2-2c0-2-1-2-2-2-3 1-4-1-2-3s2-4 1-4l-1-4-1-3v360h269V946Z'/><path fill='${treeForegroundColor}' d='m0 994 2-1v4h3c1 1 0 4-2 4l-2 1 1 3h2l1-2 2-1c3 0 3 4 1 6v1h1c-1 1 1 4 3 4l1 1-5 1c-3 0-2 3 1 3a35 35 0 0 1 8 1c2 0-3 3-6 3-5 1-3 3 2 3h5c1 1-5 5-8 5-5 0-2 2 4 2l6 2c2 1-2 4-6 4-5 1-4 2 3 3l6 1c1 1-5 6-7 6v1l3 1 3 1-1 1v1h3l3 1c0 2-4 4-5 3l-1 1 8 1c4 0 6-2 4-3s-1-2 1-3c2 0 2 0 1-2v-2c1 1 1 0 1-3l1-4c1 0 2 2 1 5l1 2 1 1 1 1h2l2-1c1 0 1-1-1-2-3-3-2-3 3-3l6-1-2-1c-3 0-9-3-8-4l6-1 7 1-4-2-4-2v-1c-1-4-1-4 2-4h2v-3l-1-3 3 1v-1l2-3c2-2 2-1 1 2-1 2-1 2 2 1l2 1-1 2-1 1-2 2c0 3 2 4 3 1l3-2c1 0 3 5 1 5s0 4 2 5c4 2 3 3-1 3-5 1-5 3 1 3l6-2c1-2 0-4-1-4h-2c-1-1 0-2 1-2 2-1 3-3 3-6v-2l1-2v-4l1-1 1 8c1 4 1 4 4 4h5c2 1 3 0 3-1l3-1c1 0 1-1-1-2l-5-2c-3 1-3 1-2-1l2-1 1-2c2-2 2-2 0-2h-3v-5l2-1 2 1c0 1 4 2 6 1s1-2-1-2-3-1-3-2c-1-2 0-2 1-2l3-1-2-1c-2 0-3-1-2-2l-1-2c-2-1-1-2 1-2l4 1 1-2-1-2v-1l-2-3-2-2 3-1c4 0 5-2 4-5l1-1v-4c2 1 3-1 1-2l-1-2 1-1c1 1 2-2 2-6 0-2 0-2 1-1l1 5c0 3 0 4 2 3 3-1 3 0-1 3l-1 3c2 0 4 2 3 4l1 3v3c-3 2-2 3 0 3s2 0 1 1c-2 1-2 2-1 2h2l2-2 2 1v1l2 1v3c-3 0-4 3-4 6s0 4 2 3 3 0 4 2c1 1 0 2-1 3l-3 3c-1 2-1 2 1 1l3 1 2 1-3 2-4 2v2c-1 2-1 3 4 4 7 2 17 1 17-1l-1-1c-4 0-6 0-5-2l-2-1-2-1h6c6 0 6 0 4-2l-2-1h3c3 0 3 0 2-1s-1-1 1-2c3-1 1-2-2-2-3 1-3 1-2-1 1-1 1-1-1-1-3 0-5-2-3-3l5 1c5 1 6 0 4-1v-1l-1-1c-1-1-1-1 1-2 2 0 2 0-1-2l-4-5c-2-4-1-4 2-1 1 2 4 2 6 1l-1-1-1-2-2-2c-1-1-2-2-1-3h2c2 1 2 0 2-4-1-4 0-6 1-6 1-1 1-1 1 2l1 4v1c-1 2-1 7 1 7l3-1h2c0 1-4 5-6 5v3c-1 1-1 1 2 1s3 0 2 1c-2 2-2 2 2 1l5 1-2 1-3 1-4 2c-2 0-2 1 1 1s3 0 2 1c-3 2 3 1 8-2h1l4-2v1l-1 2-1 1-1 2-3 1-5 2c-4 0-4 0-1 1l3 1c-1 1 0 1 2 1h4l-3 1c-3 2-4 5-1 4l5-1c3 0 3 0 2 1l-4 2c-1 0-2 0-1 1l-1 2-1 1-2 2h-3l4 2c5 3 10 3 15 2l5-1 2-2 1-2 1-2v-6c-1-2-1-2 2-3l1-2 2-2 4 2 2 2v3l-1 2 2 4c0 3 0 4 2 5 2 0 3 2 0 2a365 365 0 0 0-3 2c2 0 3 0 3 2l2 2c2 1 2 1 2 3-1 4 1 5 6 4 5-2 5-3 1-3-2 0-2 0-1-1s1-1-1-2c-1-1-1-1 2-1 2 0 3-1 3-2l-1-1h-3l-3-2 4-1 4-2 1-1v-2l-2-1-1-1 2-1c1 0 2-1 2-4l1-4v-2l1-3c1-2 1-2 1 1v3l1 2v2l1 2c2 0 3 1 1 2s0 3 3 3c2 0 2 0-1 1l-3 2 4 3c3 1 4 2 2 2l-2 1c0 1 2 2 7 2h8l-2-4c-2-3-2-4-1-4l1-4c-1-3-1-3 1-3 1 1 1 0 2-4s3-7 4-6l2 5 3 4v5c-1 3 0 4 1 5l2 1-1-2c-1-1 0-1 8-3 8-1 13-3 9-3-2 0-2 0-1-2h-5c-6 0-6-1 0-3 6-1 6-2 2-2h-4l-2-1-4-1c-2-2 0-2 9-2l8-2h-2c-2 0-2 0-2-2 1-2 1-2-2-1-2 2-3 2-4 1l-2-1c-1 1-1 0-1-1l-2-1-3-1 4-1c3 0 5-1 5-2l5-2c4 0 5-2 2-2-1-1 0-1 2-2 4-2 5-4 2-3-2 1-2 1-1-1 0-2 0-2-2-2-4 0-5 0-5-2l-2-2h4l6-1c1-1-2-3-4-3l-2-1 3-1c3 1 6-1 3-2h-2l2-1c2-1 3-3 1-3l-2-2c0-2 1-2 2-2 3 1 4-1 2-3s-2-4-1-4l1-4 1-3v312H0V994Z'/></g><defs><clipPath id='a'><path fill='#fff' d='M0 0h269v1280H0z'/></clipPath></defs></svg>`;
+	}, [treeBackgroundColor, treeForegroundColor]);
+
+	return <RepeatBackground aspectRatio="269/1280" svg={svg} />;
+};
diff --git a/src/views/collections/framework-field-guide/cover-layers/shared/repeat-background.tsx b/src/views/collections/framework-field-guide/cover-layers/shared/repeat-background.tsx
index 55a301cf..e0e735ec 100644
--- a/src/views/collections/framework-field-guide/cover-layers/shared/repeat-background.tsx
+++ b/src/views/collections/framework-field-guide/cover-layers/shared/repeat-background.tsx
@@ -1,88 +1,91 @@
-import { JSX } from "preact";
-import {
-	useCallback,
-	useLayoutEffect,
-	useMemo,
-	useRef,
-	useState,
-} from "preact/hooks";
-
-interface RepeatBackgroundProps {
-	svg: string;
-	fallbackStyle?: Omit<JSX.HTMLAttributes<HTMLElement>["style"], string>;
-	javascriptEnabledStyle?: Omit<JSX.HTMLAttributes<HTMLElement>["style"], string>;
-	aspectRatio: string;
-}
-
-export const RepeatBackground = ({
-	svg,
-	fallbackStyle = {},
-	javascriptEnabledStyle = {},
-	aspectRatio,
-}: RepeatBackgroundProps) => {
-	const [repeat, setRepeat] = useState(1);
-	const [hasSet, setHasSet] = useState(false);
-
-	const elRef = useRef<HTMLDivElement>();
-
-	const checkEl = useCallback((el) => {
-		if (hasSet || !el) return;
-		setHasSet(true);
-		const repeatLocal = Math.ceil(
-			window.innerWidth / el.getBoundingClientRect().width
-		);
-		setRepeat(repeatLocal);
-	}, []);
-
-	useLayoutEffect(() => {
-		const fn = () => checkEl(elRef.current);
-		window.addEventListener("resize", fn);
-		fn();
-		return () => window.removeEventListener("resize", fn);
-	}, [checkEl]);
-
-	const arraySizeOfRepeat = useMemo(() => {
-		return Array.from({ length: repeat }, (_, i) => i);
-	}, [repeat]);
-
-	// Client-only
-	if (typeof globalThis.window !== "undefined") {
-		return (
-			<div
-				class="repeat-background-container"
-				style={{
-					"--svgAspectRatio": aspectRatio,
-					...javascriptEnabledStyle,
-				}}
-			>
-				{arraySizeOfRepeat.map((_) => (
-					<div
-						aria-hidden={true}
-						style={{ marginLeft: -1 }}
-						class="repeat-background-svg-container"
-						ref={(el) => {
-							if (!el) return;
-							checkEl(el);
-							elRef.current = el;
-						}}
-						dangerouslySetInnerHTML={{ __html: svg }}
-					></div>
-				))}
-			</div>
-		);
-	}
-
-	return (
-		<div
-			style={{
-				backgroundImage: `url("data:image/svg+xml,${encodeURIComponent(svg)}")`,
-				width: "100%",
-				backgroundPosition: "center center",
-				backgroundRepeat: "repeat no-repeat",
-				height: "100%",
-				backgroundSize: "auto 100%",
-				...fallbackStyle,
-			}}
-		/>
-	);
-};
+import { JSX } from "preact";
+import {
+	useCallback,
+	useLayoutEffect,
+	useMemo,
+	useRef,
+	useState,
+} from "preact/hooks";
+
+interface RepeatBackgroundProps {
+	svg: string;
+	fallbackStyle?: Omit<JSX.HTMLAttributes<HTMLElement>["style"], string>;
+	javascriptEnabledStyle?: Omit<
+		JSX.HTMLAttributes<HTMLElement>["style"],
+		string
+	>;
+	aspectRatio: string;
+}
+
+export const RepeatBackground = ({
+	svg,
+	fallbackStyle = {},
+	javascriptEnabledStyle = {},
+	aspectRatio,
+}: RepeatBackgroundProps) => {
+	const [repeat, setRepeat] = useState(1);
+	const [hasSet, setHasSet] = useState(false);
+
+	const elRef = useRef<HTMLDivElement>();
+
+	const checkEl = useCallback((el) => {
+		if (hasSet || !el) return;
+		setHasSet(true);
+		const repeatLocal = Math.ceil(
+			window.innerWidth / el.getBoundingClientRect().width,
+		);
+		setRepeat(repeatLocal);
+	}, []);
+
+	useLayoutEffect(() => {
+		const fn = () => checkEl(elRef.current);
+		window.addEventListener("resize", fn);
+		fn();
+		return () => window.removeEventListener("resize", fn);
+	}, [checkEl]);
+
+	const arraySizeOfRepeat = useMemo(() => {
+		return Array.from({ length: repeat }, (_, i) => i);
+	}, [repeat]);
+
+	// Client-only
+	if (typeof globalThis.window !== "undefined") {
+		return (
+			<div
+				class="repeat-background-container"
+				style={{
+					"--svgAspectRatio": aspectRatio,
+					...javascriptEnabledStyle,
+				}}
+			>
+				{arraySizeOfRepeat.map((_) => (
+					<div
+						aria-hidden={true}
+						style={{ marginLeft: -1 }}
+						class="repeat-background-svg-container"
+						ref={(el) => {
+							if (!el) return;
+							checkEl(el);
+							elRef.current = el;
+						}}
+						dangerouslySetInnerHTML={{ __html: svg }}
+					></div>
+				))}
+			</div>
+		);
+	}
+
+	return (
+		<div
+			style={{
+				backgroundImage: `url("data:image/svg+xml,${encodeURIComponent(svg)}")`,
+				width: "100%",
+				backgroundPosition: "center center",
+				backgroundRepeat: "repeat no-repeat",
+				height: "100%",
+				backgroundSize: "auto 100%",
+				...fallbackStyle,
+			}}
+		/>
+	);
+};
diff --git a/src/views/collections/framework-field-guide/fonts/changa-one.css b/src/views/collections/framework-field-guide/fonts/changa-one.css
index 30a9ad5e..c7a7c4e9 100644
--- a/src/views/collections/framework-field-guide/fonts/changa-one.css
+++ b/src/views/collections/framework-field-guide/fonts/changa-one.css
@@ -1,20 +1,21 @@
-@font-face {
-	font-family: "Changa One";
-	font-style: normal;
-	font-weight: 400;
-	font-display: swap;
-	src: url("/fonts/Changa_One/ChangaOne-Regular.woff2") format("woff2"),
-		url("/fonts/Changa_One/ChangaOne-Regular.ttf") format("truetype");
-}
-
-@font-face {
-    font-family: "Changa One-fallback";
-    size-adjust: 101.20000000000005%;
-    src: local("Arial");
-}
-
-@font-face {
-    font-family: "Changa One-fallback2";
-    size-adjust: 101%;
-    src: local("Roboto");
-}
\ No newline at end of file
+@font-face {
+	font-family: "Changa One";
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src:
+		url("/fonts/Changa_One/ChangaOne-Regular.woff2") format("woff2"),
+		url("/fonts/Changa_One/ChangaOne-Regular.ttf") format("truetype");
+}
+
+@font-face {
+	font-family: "Changa One-fallback";
+	size-adjust: 101.20000000000005%;
+	src: local("Arial");
+}
+
+@font-face {
+	font-family: "Changa One-fallback2";
+	size-adjust: 101%;
+	src: local("Roboto");
+}
diff --git a/src/views/collections/framework-field-guide/fonts/fira-code.css b/src/views/collections/framework-field-guide/fonts/fira-code.css
index 84bae143..348d801b 100644
--- a/src/views/collections/framework-field-guide/fonts/fira-code.css
+++ b/src/views/collections/framework-field-guide/fonts/fira-code.css
@@ -1,8 +1,9 @@
-@font-face {
-	font-family: "Fira Code";
-	font-style: normal;
-	font-weight: 400;
-	font-display: swap;
-	src: url("/fonts/Fira_Code/FiraCode-Regular.woff2") format("woff2"),
-		url("/fonts/Fira_Code/FiraCode-Regular.ttf") format("truetype");
-}
+@font-face {
+	font-family: "Fira Code";
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src:
+		url("/fonts/Fira_Code/FiraCode-Regular.woff2") format("woff2"),
+		url("/fonts/Fira_Code/FiraCode-Regular.ttf") format("truetype");
+}
diff --git a/src/views/collections/framework-field-guide/fonts/plus-jakarta-sans.css b/src/views/collections/framework-field-guide/fonts/plus-jakarta-sans.css
index ac8a1ab1..9972b06a 100644
--- a/src/views/collections/framework-field-guide/fonts/plus-jakarta-sans.css
+++ b/src/views/collections/framework-field-guide/fonts/plus-jakarta-sans.css
@@ -1,61 +1,68 @@
-@font-face {
-	font-family: "Plus Jakarta Sans";
-	font-style: normal;
-	font-weight: 400;
-	font-display: swap;
-	src: url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Regular.woff2")
-			format("woff2"),
-		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Regular.ttf") format("truetype");
-}
-
-@font-face {
-	font-family: "Plus Jakarta Sans";
-	font-style: normal;
-	font-weight: 500;
-	font-display: swap;
-	src: url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Medium.woff2")
-			format("woff2"),
-		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Medium.ttf") format("truetype");
-}
-
-@font-face {
-	font-family: "Plus Jakarta Sans";
-	font-style: normal;
-	font-weight: 600;
-	font-display: swap;
-	src: url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-SemiBold.woff2")
-			format("woff2"),
-		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-SemiBold.ttf") format("truetype");
-}
-
-@font-face {
-	font-family: "Plus Jakarta Sans";
-	font-style: normal;
-	font-weight: 700;
-	font-display: swap;
-	src: url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Bold.woff2")
-			format("woff2"),
-		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Bold.ttf") format("truetype");
-}
-
-@font-face {
-	font-family: "Plus Jakarta Sans";
-	font-style: normal;
-	font-weight: 800;
-	font-display: swap;
-	src: url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-ExtraBold.woff2")
-			format("woff2"),
-		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-ExtraBold.ttf") format("truetype");
-}
-
-@font-face {
-    font-family: "Plus Jakarta Sans-fallback";
-    size-adjust: 102.89999999999995%;
-    src: local("Arial");
-}
-
-@font-face {
-    font-family: "Plus Jakarta Sans-fallback2";
-    size-adjust: 102.9%;
-    src: local("Roboto");
-}
\ No newline at end of file
+@font-face {
+	font-family: "Plus Jakarta Sans";
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src:
+		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Regular.woff2")
+			format("woff2"),
+		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Regular.ttf")
+			format("truetype");
+}
+
+@font-face {
+	font-family: "Plus Jakarta Sans";
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src:
+		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Medium.woff2") format("woff2"),
+		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Medium.ttf")
+			format("truetype");
+}
+
+@font-face {
+	font-family: "Plus Jakarta Sans";
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src:
+		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-SemiBold.woff2")
+			format("woff2"),
+		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-SemiBold.ttf")
+			format("truetype");
+}
+
+@font-face {
+	font-family: "Plus Jakarta Sans";
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src:
+		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Bold.woff2") format("woff2"),
+		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Bold.ttf") format("truetype");
+}
+
+@font-face {
+	font-family: "Plus Jakarta Sans";
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src:
+		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-ExtraBold.woff2")
+			format("woff2"),
+		url("/fonts/Plus_Jakarta_Sans/PlusJakartaSans-ExtraBold.ttf")
+			format("truetype");
+}
+
+@font-face {
+	font-family: "Plus Jakarta Sans-fallback";
+	size-adjust: 102.89999999999995%;
+	src: local("Arial");
+}
+
+@font-face {
+	font-family: "Plus Jakarta Sans-fallback2";
+	size-adjust: 102.9%;
+	src: local("Roboto");
+}
diff --git a/src/views/collections/framework-field-guide/scripts/color-change-listener.ts b/src/views/collections/framework-field-guide/scripts/color-change-listener.ts
index 17f5d150..4f3bcff1 100644
--- a/src/views/collections/framework-field-guide/scripts/color-change-listener.ts
+++ b/src/views/collections/framework-field-guide/scripts/color-change-listener.ts
@@ -13,7 +13,7 @@ function throttle(callback, limit) {
 
 export const enableColorChangeListeners = () => {
 	const colorContainers: HTMLElement[] = Array.from(
-		document.querySelectorAll("[data-change-color-to]")
+		document.querySelectorAll("[data-change-color-to]"),
 	);
 
 	const containerPairs = colorContainers;
@@ -62,16 +62,16 @@ export const enableColorChangeListeners = () => {
 
 	const computedStyle = window.getComputedStyle(document.documentElement);
 	const initialInterTokenValues = interTokens.map((token) =>
-		computedStyle.getPropertyValue(token)
+		computedStyle.getPropertyValue(token),
 	);
 	const initialEcosTokenValues = ecosTokens.map((token) =>
-		computedStyle.getPropertyValue(token)
+		computedStyle.getPropertyValue(token),
 	);
 	const initialFundTokenValues = fundTokens.map((token) =>
-		computedStyle.getPropertyValue(token)
+		computedStyle.getPropertyValue(token),
 	);
 	const initialSlateTokenValues = slateTokens.map((token) =>
-		computedStyle.getPropertyValue(token)
+		computedStyle.getPropertyValue(token),
 	);
 
 	let windowsInnerHeight = window.innerHeight;
@@ -81,32 +81,32 @@ export const enableColorChangeListeners = () => {
 	});
 
 	function changeColorSetTo(
-		colorSetToChangeTo: "fund" | "ecos" | "slate" | "inter"
+		colorSetToChangeTo: "fund" | "ecos" | "slate" | "inter",
 	) {
 		switch (colorSetToChangeTo) {
 			case "fund": {
 				fundTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialFundTokenValues[index]
+						initialFundTokenValues[index],
 					);
 				});
 				interTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialFundTokenValues[index]
+						initialFundTokenValues[index],
 					);
 				});
 				ecosTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialFundTokenValues[index]
+						initialFundTokenValues[index],
 					);
 				});
 				slateTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialFundTokenValues[index]
+						initialFundTokenValues[index],
 					);
 				});
 				break;
@@ -115,25 +115,25 @@ export const enableColorChangeListeners = () => {
 				ecosTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialEcosTokenValues[index]
+						initialEcosTokenValues[index],
 					);
 				});
 				interTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialEcosTokenValues[index]
+						initialEcosTokenValues[index],
 					);
 				});
 				fundTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialEcosTokenValues[index]
+						initialEcosTokenValues[index],
 					);
 				});
 				slateTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialEcosTokenValues[index]
+						initialEcosTokenValues[index],
 					);
 				});
 				break;
@@ -142,25 +142,25 @@ export const enableColorChangeListeners = () => {
 				interTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialInterTokenValues[index]
+						initialInterTokenValues[index],
 					);
 				});
 				ecosTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialInterTokenValues[index]
+						initialInterTokenValues[index],
 					);
 				});
 				fundTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialInterTokenValues[index]
+						initialInterTokenValues[index],
 					);
 				});
 				slateTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialInterTokenValues[index]
+						initialInterTokenValues[index],
 					);
 				});
 				break;
@@ -170,25 +170,25 @@ export const enableColorChangeListeners = () => {
 				slateTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialSlateTokenValues[index]
+						initialSlateTokenValues[index],
 					);
 				});
 				ecosTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialSlateTokenValues[index]
+						initialSlateTokenValues[index],
 					);
 				});
 				fundTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialSlateTokenValues[index]
+						initialSlateTokenValues[index],
 					);
 				});
 				interTokens.forEach((tokenName, index) => {
 					document.documentElement.style.setProperty(
 						tokenName,
-						initialSlateTokenValues[index]
+						initialSlateTokenValues[index],
 					);
 				});
 				break;
@@ -221,7 +221,7 @@ export const enableColorChangeListeners = () => {
 
 	const throttledPassiveScrollColorChange = throttle(
 		checkPassiveScrollPositionAndColor,
-		20
+		20,
 	);
 
 	function onResize() {
@@ -243,7 +243,7 @@ export const enableColorChangeListeners = () => {
 			window.removeEventListener("scroll", throttledPassiveScrollColorChange);
 			window.removeEventListener(
 				"touchmove",
-				throttledPassiveScrollColorChange
+				throttledPassiveScrollColorChange,
 			);
 			window.removeEventListener("resize", onResize);
 		} else {
diff --git a/src/views/collections/framework-field-guide/scripts/parallax-scrolling.ts b/src/views/collections/framework-field-guide/scripts/parallax-scrolling.ts
index 9cb8b3e6..6315a8cb 100644
--- a/src/views/collections/framework-field-guide/scripts/parallax-scrolling.ts
+++ b/src/views/collections/framework-field-guide/scripts/parallax-scrolling.ts
@@ -26,7 +26,7 @@ function easeOutExpo(x: number): number {
 
 export const enableParallaxScrolling = () => {
 	const els = Array.from(
-		document.querySelectorAll("[data-move-on-scroll-by]")
+		document.querySelectorAll("[data-move-on-scroll-by]"),
 	) as HTMLElement[];
 	const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
 
diff --git a/src/views/collections/framework-field-guide/segments/adventure-continues.module.scss b/src/views/collections/framework-field-guide/segments/adventure-continues.module.scss
index fe1763be..2b6342b4 100644
--- a/src/views/collections/framework-field-guide/segments/adventure-continues.module.scss
+++ b/src/views/collections/framework-field-guide/segments/adventure-continues.module.scss
@@ -2,63 +2,65 @@
 @import "../tokens/breakpoints.scss";
 
 .adventureContinuesContainer {
-    padding: var(--section-ver-padding) var(--section-hor-padding);
-    text-align: center;
-    max-width: var(--max-width_large);
-    margin: 0 auto;
+	padding: var(--section-ver-padding) var(--section-hor-padding);
+	text-align: center;
+	max-width: var(--max-width_large);
+	margin: 0 auto;
 }
 
 .title {
-    margin: 0;
+	margin: 0;
 }
 
 .subtitle {
-    margin: var(--spc-1x) 0 calc(var(--section-ver-padding) * 2) 0;
-    color: var(--on-dark-emphasis-medium);
+	margin: var(--spc-1x) 0 calc(var(--section-ver-padding) * 2) 0;
+	color: var(--on-dark-emphasis-medium);
 }
 
 .gridItems {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: var(--grid-gap);
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	display: grid;
+	grid-template-columns: repeat(2, 1fr);
+	gap: var(--grid-gap);
 
-    .gridItem:last-child {
-        grid-column: span 2
-    }
+	.gridItem:last-child {
+		grid-column: span 2;
+	}
 
-    @include from($desktop) {
-        grid-template-columns: repeat(3, 1fr);
+	@include from($desktop) {
+		grid-template-columns: repeat(3, 1fr);
 
-        .gridItem:last-child {
-            grid-column: unset;
-        }
-    }
+		.gridItem:last-child {
+			grid-column: unset;
+		}
+	}
 }
 
 .gridItem {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    position: relative;
-    border-style: solid;
-    border-color: var(--outline);
-    border-width: var(--grid-item-border-width);
-    border-radius: var(--grid-item-corner-radius);
-    padding: var(--grid-item-padding_top) var(--grid-item-padding_horizontal) var(--grid-item-padding_bottom);
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	position: relative;
+	border-style: solid;
+	border-color: var(--outline);
+	border-width: var(--grid-item-border-width);
+	border-radius: var(--grid-item-corner-radius);
+	padding: var(--grid-item-padding_top) var(--grid-item-padding_horizontal)
+		var(--grid-item-padding_bottom);
 }
 
 .gridItem svg {
-    position: absolute;
-    left: 50%;
-    background: var(--section-background);
-    transition: background var(--color-transition-time) var(--color-transition-ease);
-    padding-left: var(--grid-icon-padding);
-    padding-right: var(--grid-icon-padding);
-    height: var(--grid-icon-size) !important;
-    width: var(--grid-icon-size) !important;
-    transform: translateX(-50%);
-    top: calc(0px - (var(--grid-icon-size) / 2));
+	position: absolute;
+	left: 50%;
+	background: var(--section-background);
+	transition: background var(--color-transition-time)
+		var(--color-transition-ease);
+	padding-left: var(--grid-icon-padding);
+	padding-right: var(--grid-icon-padding);
+	height: var(--grid-icon-size) !important;
+	width: var(--grid-icon-size) !important;
+	transform: translateX(-50%);
+	top: calc(0px - (var(--grid-icon-size) / 2));
 }
diff --git a/src/views/collections/framework-field-guide/segments/code-block.module.scss b/src/views/collections/framework-field-guide/segments/code-block.module.scss
index 97d169de..1da7b43f 100644
--- a/src/views/collections/framework-field-guide/segments/code-block.module.scss
+++ b/src/views/collections/framework-field-guide/segments/code-block.module.scss
@@ -1,17 +1,17 @@
-.blockContainer {
-    max-width: var(--max-width_small);
-    margin: 0 auto;
-    padding: var(--section-ver-padding) var(--section-hor-padding);
-}
-
-.sectionTitle {
-    text-align: center;
-    margin: 0;
-    color: var(--on-dark-emphasis-high);
-}
-
-.sectionContent {
-    text-align: center;
-    margin: var(--spc-1x) 0 var(--section-gap) 0;
-    color: var(--on-dark-emphasis-medium);
-}
+.blockContainer {
+	max-width: var(--max-width_small);
+	margin: 0 auto;
+	padding: var(--section-ver-padding) var(--section-hor-padding);
+}
+
+.sectionTitle {
+	text-align: center;
+	margin: 0;
+	color: var(--on-dark-emphasis-high);
+}
+
+.sectionContent {
+	text-align: center;
+	margin: var(--spc-1x) 0 var(--section-gap) 0;
+	color: var(--on-dark-emphasis-medium);
+}
diff --git a/src/views/collections/framework-field-guide/segments/code-block.scss b/src/views/collections/framework-field-guide/segments/code-block.scss
index 13204774..b7141d4a 100644
--- a/src/views/collections/framework-field-guide/segments/code-block.scss
+++ b/src/views/collections/framework-field-guide/segments/code-block.scss
@@ -1,142 +1,143 @@
-@import "../tokens/utils";
-@import "../tokens/breakpoints.scss";
-
-pre {
-	margin: 0;
-	border: none !important;
-}
-
-code .line::before {
-	color: var(--code-block-text_secondary) !important;
-	font-family: "Fira Code", monospace;
-	font-style: normal;
-	font-weight: 400;
-	font-size: 1rem;
-	line-height: 1.5rem;
-}
-
-pre code {
-	font-family: "Fira Code", monospace;
-	font-style: normal;
-	font-weight: 400;
-	font-size: 1rem;
-	line-height: 1.5rem;
-}
-
-.tabs {
-	border-radius: var(--code-block-corner-radius_outer);
-	padding: var(--code-block-padding);
-	background: var(--code-block-container_outer);
-	transition: background var(--color-transition-time)
-		var(--color-transition-ease);
-}
-
-.tabs__tab-list {
-	padding: 0;
-	margin: 0;
-	display: flex;
-}
-
-/* Chrome only for now */
-ul.tabs__tab-list:has(> .tabs__tab:first-child:not([aria-selected="true"]))
-	~ .tabs__tab-panel {
-	border-radius: var(--code-block-corner-radius_inner);
-}
-
-ul.tabs__tab-list:has(> .tabs__tab:first-child[aria-selected="true"])
-	~ .tabs__tab-panel {
-	border-radius: 0 var(--code-block-corner-radius_inner)
-		var(--code-block-corner-radius_inner);
-}
-
-@include until($tablet) {
-	ul.tabs__tab-list:has(> .tabs__tab:last-child[aria-selected="true"])
-		~ .tabs__tab-panel {
-		border-radius: var(--code-block-corner-radius_inner) 0
-			var(--code-block-corner-radius_inner);
-	}
-}
-
-.tabs__tab {
-	list-style: none;
-	margin: 0;
-	display: inline-block;
-	position: relative;
-	cursor: pointer;
-	color: var(--on-dark-emphasis-high);
-	min-width: var(--code-block-tab-min-size);
-	border-radius: var(--code-block-corner-radius_inner)
-		var(--code-block-corner-radius_inner) 0 0;
-	background: var(--code-block-container_outer);
-	transition: background var(--btn-state-transition-duration)
-			var(--btn-state-transition-easing),
-		color var(--btn-state-transition-duration)
-			var(--btn-state-transition-easing);
-	text-align: center;
-	padding: var(--code-block-spacing);
-	width: calc(100% / 3);
-
-	/* .text-style-body-medium-bold */
-	font-size: 0.875rem;
-	font-family: "Plus Jakarta Sans", "Plus Jakarta Sans-fallback",
-		"Plus Jakarta Sans-fallback2", sans-serif;
-	font-weight: 700;
-	font-style: normal;
-	line-height: 1.25rem;
-	letter-spacing: 0.02em;
-	text-decoration: none;
-	text-transform: none;
-
-	@include from($tablet) {
-		width: unset;
-
-		/* .text-style-body-medium-bold */
-		font-size: 1rem;
-		font-family: "Plus Jakarta Sans", "Plus Jakarta Sans-fallback",
-			"Plus Jakarta Sans-fallback2", sans-serif;
-		font-weight: 700;
-		font-style: normal;
-		line-height: 1.5rem;
-		letter-spacing: 0.02em;
-		text-decoration: none;
-		text-transform: none;
-	}
-}
-
-:not([aria-selected="true"]) + .tabs__tab::before {
-	position: absolute;
-	content: " ";
-	display: block;
-	left: 0;
-	top: 12px;
-	height: calc(100% - 24px);
-	width: 2px;
-	border-radius: 99px;
-	background: var(--code-block-container_inner);
-}
-
-.tabs__tab:not([aria-selected="true"]):hover {
-	background: var(--code-block-tab-inative_hovered);
-}
-
-.tabs__tab:not([aria-selected="true"]):active {
-	background: var(--code-block-tab-inactive_pressed);
-}
-
-.tabs__tab[aria-selected="true"] {
-	background: var(--code-block-container_inner);
-}
-
-.tabs__tab-panel {
-	border-radius: 0 0 var(--code-block-corner-radius_inner)
-		var(--code-block-corner-radius_inner);
-	background: var(--code-block-container_inner);
-	padding: var(--code-block-spacing);
-	position: relative;
-	transition: background var(--color-transition-time)
-		var(--color-transition-ease);
-}
-
-.tabs__tab-panel[aria-hidden="true"] {
-	display: none;
-}
+@import "../tokens/utils";
+@import "../tokens/breakpoints.scss";
+
+pre {
+	margin: 0;
+	border: none !important;
+}
+
+code .line::before {
+	color: var(--code-block-text_secondary) !important;
+	font-family: "Fira Code", monospace;
+	font-style: normal;
+	font-weight: 400;
+	font-size: 1rem;
+	line-height: 1.5rem;
+}
+
+pre code {
+	font-family: "Fira Code", monospace;
+	font-style: normal;
+	font-weight: 400;
+	font-size: 1rem;
+	line-height: 1.5rem;
+}
+
+.tabs {
+	border-radius: var(--code-block-corner-radius_outer);
+	padding: var(--code-block-padding);
+	background: var(--code-block-container_outer);
+	transition: background var(--color-transition-time)
+		var(--color-transition-ease);
+}
+
+.tabs__tab-list {
+	padding: 0;
+	margin: 0;
+	display: flex;
+}
+
+/* Chrome only for now */
+ul.tabs__tab-list:has(> .tabs__tab:first-child:not([aria-selected="true"]))
+	~ .tabs__tab-panel {
+	border-radius: var(--code-block-corner-radius_inner);
+}
+
+ul.tabs__tab-list:has(> .tabs__tab:first-child[aria-selected="true"])
+	~ .tabs__tab-panel {
+	border-radius: 0 var(--code-block-corner-radius_inner)
+		var(--code-block-corner-radius_inner);
+}
+
+@include until($tablet) {
+	ul.tabs__tab-list:has(> .tabs__tab:last-child[aria-selected="true"])
+		~ .tabs__tab-panel {
+		border-radius: var(--code-block-corner-radius_inner) 0
+			var(--code-block-corner-radius_inner);
+	}
+}
+
+.tabs__tab {
+	list-style: none;
+	margin: 0;
+	display: inline-block;
+	position: relative;
+	cursor: pointer;
+	color: var(--on-dark-emphasis-high);
+	min-width: var(--code-block-tab-min-size);
+	border-radius: var(--code-block-corner-radius_inner)
+		var(--code-block-corner-radius_inner) 0 0;
+	background: var(--code-block-container_outer);
+	transition:
+		background var(--btn-state-transition-duration)
+			var(--btn-state-transition-easing),
+		color var(--btn-state-transition-duration)
+			var(--btn-state-transition-easing);
+	text-align: center;
+	padding: var(--code-block-spacing);
+	width: calc(100% / 3);
+
+	/* .text-style-body-medium-bold */
+	font-size: 0.875rem;
+	font-family: "Plus Jakarta Sans", "Plus Jakarta Sans-fallback",
+		"Plus Jakarta Sans-fallback2", sans-serif;
+	font-weight: 700;
+	font-style: normal;
+	line-height: 1.25rem;
+	letter-spacing: 0.02em;
+	text-decoration: none;
+	text-transform: none;
+
+	@include from($tablet) {
+		width: unset;
+
+		/* .text-style-body-medium-bold */
+		font-size: 1rem;
+		font-family: "Plus Jakarta Sans", "Plus Jakarta Sans-fallback",
+			"Plus Jakarta Sans-fallback2", sans-serif;
+		font-weight: 700;
+		font-style: normal;
+		line-height: 1.5rem;
+		letter-spacing: 0.02em;
+		text-decoration: none;
+		text-transform: none;
+	}
+}
+
+:not([aria-selected="true"]) + .tabs__tab::before {
+	position: absolute;
+	content: " ";
+	display: block;
+	left: 0;
+	top: 12px;
+	height: calc(100% - 24px);
+	width: 2px;
+	border-radius: 99px;
+	background: var(--code-block-container_inner);
+}
+
+.tabs__tab:not([aria-selected="true"]):hover {
+	background: var(--code-block-tab-inative_hovered);
+}
+
+.tabs__tab:not([aria-selected="true"]):active {
+	background: var(--code-block-tab-inactive_pressed);
+}
+
+.tabs__tab[aria-selected="true"] {
+	background: var(--code-block-container_inner);
+}
+
+.tabs__tab-panel {
+	border-radius: 0 0 var(--code-block-corner-radius_inner)
+		var(--code-block-corner-radius_inner);
+	background: var(--code-block-container_inner);
+	padding: var(--code-block-spacing);
+	position: relative;
+	transition: background var(--color-transition-time)
+		var(--color-transition-ease);
+}
+
+.tabs__tab-panel[aria-hidden="true"] {
+	display: none;
+}
diff --git a/src/views/collections/framework-field-guide/segments/hero.module.scss b/src/views/collections/framework-field-guide/segments/hero.module.scss
index 0e79bf57..1a9250f5 100644
--- a/src/views/collections/framework-field-guide/segments/hero.module.scss
+++ b/src/views/collections/framework-field-guide/segments/hero.module.scss
@@ -1,184 +1,184 @@
-@import "../tokens/utils";
-@import "../tokens/breakpoints.scss";
-
-body {
-	--backgroundColor: var(--fund-200) !important;
-}
-
-.sunContainerContainer {
-	position: relative;
-	z-index: -1;
-	transition: transform 1ms;
-}
-
-.sunContainerContainer > div {
-	position: relative;
-}
-
-.sunContainerContainer > div > svg {
-	position: absolute;
-	left: -30%;
-	top: -100px;
-	z-index: -1;
-
-	transition: all 300ms ease-in-out;
-
-	height: 320px;
-	width: 320px;
-
-	@include from($tablet) {
-		left: -40%;
-		height: 480px;
-		width: 480px;
-	}
-
-	@include from($desktop) {
-		left: -40%;
-		height: 560px;
-		width: 560px;
-	}
-}
-
-.heroContainer {
-	padding: var(--spc-6x) var(--section-hor-padding);
-	text-align: center;
-}
-
-.titleContainer {
-	display: flex;
-	flex-wrap: nowrap;
-	align-items: center;
-
-	display: grid;
-	position: relative;
-	grid-template-columns: 1fr auto auto auto 1fr;
-	grid-template-rows: 1fr;
-}
-
-.sparkContainer {
-	height: 100%;
-	box-sizing: border-box;
-	padding: 1rem;
-}
-
-.sparkContainer > svg {
-	height: 100%;
-	width: 100%;
-	fill: var(--outline) !important;
-}
-
-.introducing {
-	letter-spacing: 0.25em !important;
-	text-transform: uppercase !important;
-	color: var(--on-light-emphasis-high);
-}
-
-.seriesTitle {
-	margin-top: var(--spc-2x);
-	margin-bottom: var(--spc-3x);
-	color: var(--on-light-emphasis-high);
-}
-
-.booksContainer {
-	margin: var(--spc-6x) 0;
-	list-style: none;
-	padding: 0;
-	display: grid;
-
-	grid-template-columns: repeat(2, 1fr);
-	grid-template-rows: repeat(2, 1fr);
-
-	.bookItemContainer:first-child {
-		grid-column: span 2;
-	}
-
-	.heroLine {
-		position: absolute;
-		left: 50%;
-		transform: translateX(-50%);
-		z-index: -2;
-		height: calc(100%);
-		width: 100%;
-		top: 0.75rem;
-		border-radius: var(--corner-radius-2x);
-		box-sizing: border-box;
-		border: 2px dotted var(--outline);
-	}
-
-	.heroLineBottomHider {
-		position: relative;
-		left: -50%;
-		height: 1rem;
-		background: var(--fund-200);
-		z-index: -1;
-		top: 0;
-		position: absolute;
-		width: 100%;
-	}
-
-	@include from($tablet) {
-		grid-template-columns: repeat(3, 1fr);
-		grid-template-rows: 1fr;
-
-		.bookItemContainer:first-child {
-			grid-column: unset;
-		}
-
-		.heroLine {
-			all: unset;
-			width: 200%;
-			position: absolute;
-			top: 0.75rem;
-			height: 0px;
-			border-bottom: 2px dotted var(--outline);
-			z-index: -1;
-		}
-
-		.heroLineBottomHider {
-			all: unset;
-		}
-	}
-}
-
-.bookItemContainer {
-	position: relative;
-}
-
-.explainer {
-	color: var(--on-light-emphasis-medium);
-}
-
-.frameworkName {
-	color: var(--on-light-emphasis-high);
-}
-
-.readyToStart {
-	color: var(--on-light-emphasis-high);
-}
-
-.bookPart {
-	text-transform: uppercase !important;
-	display: inline-block;
-	border-radius: var(--corner-radius-circular);
-	padding: 0 var(--spc-2x);
-	background: var(--fund-200);
-	color: var(--on-light-emphasis-low);
-	margin: 0;
-}
-
-.bookPartName {
-	color: var(--on-light-emphasis-high);
-
-	margin-top: 0;
-	margin-bottom: var(--spc-2x);
-
-	@include from($desktop) {
-		margin-top: var(--spc-1x);
-		margin-bottom: var(--spc-4x);
-	}
-}
-
-.bookPartBottomText {
-	margin-top: var(--spc-1x);
-	color: var(--on-light-emphasis-medium);
-}
+@import "../tokens/utils";
+@import "../tokens/breakpoints.scss";
+
+body {
+	--backgroundColor: var(--fund-200) !important;
+}
+
+.sunContainerContainer {
+	position: relative;
+	z-index: -1;
+	transition: transform 1ms;
+}
+
+.sunContainerContainer > div {
+	position: relative;
+}
+
+.sunContainerContainer > div > svg {
+	position: absolute;
+	left: -30%;
+	top: -100px;
+	z-index: -1;
+
+	transition: all 300ms ease-in-out;
+
+	height: 320px;
+	width: 320px;
+
+	@include from($tablet) {
+		left: -40%;
+		height: 480px;
+		width: 480px;
+	}
+
+	@include from($desktop) {
+		left: -40%;
+		height: 560px;
+		width: 560px;
+	}
+}
+
+.heroContainer {
+	padding: var(--spc-6x) var(--section-hor-padding);
+	text-align: center;
+}
+
+.titleContainer {
+	display: flex;
+	flex-wrap: nowrap;
+	align-items: center;
+
+	display: grid;
+	position: relative;
+	grid-template-columns: 1fr auto auto auto 1fr;
+	grid-template-rows: 1fr;
+}
+
+.sparkContainer {
+	height: 100%;
+	box-sizing: border-box;
+	padding: 1rem;
+}
+
+.sparkContainer > svg {
+	height: 100%;
+	width: 100%;
+	fill: var(--outline) !important;
+}
+
+.introducing {
+	letter-spacing: 0.25em !important;
+	text-transform: uppercase !important;
+	color: var(--on-light-emphasis-high);
+}
+
+.seriesTitle {
+	margin-top: var(--spc-2x);
+	margin-bottom: var(--spc-3x);
+	color: var(--on-light-emphasis-high);
+}
+
+.booksContainer {
+	margin: var(--spc-6x) 0;
+	list-style: none;
+	padding: 0;
+	display: grid;
+
+	grid-template-columns: repeat(2, 1fr);
+	grid-template-rows: repeat(2, 1fr);
+
+	.bookItemContainer:first-child {
+		grid-column: span 2;
+	}
+
+	.heroLine {
+		position: absolute;
+		left: 50%;
+		transform: translateX(-50%);
+		z-index: -2;
+		height: calc(100%);
+		width: 100%;
+		top: 0.75rem;
+		border-radius: var(--corner-radius-2x);
+		box-sizing: border-box;
+		border: 2px dotted var(--outline);
+	}
+
+	.heroLineBottomHider {
+		position: relative;
+		left: -50%;
+		height: 1rem;
+		background: var(--fund-200);
+		z-index: -1;
+		top: 0;
+		position: absolute;
+		width: 100%;
+	}
+
+	@include from($tablet) {
+		grid-template-columns: repeat(3, 1fr);
+		grid-template-rows: 1fr;
+
+		.bookItemContainer:first-child {
+			grid-column: unset;
+		}
+
+		.heroLine {
+			all: unset;
+			width: 200%;
+			position: absolute;
+			top: 0.75rem;
+			height: 0px;
+			border-bottom: 2px dotted var(--outline);
+			z-index: -1;
+		}
+
+		.heroLineBottomHider {
+			all: unset;
+		}
+	}
+}
+
+.bookItemContainer {
+	position: relative;
+}
+
+.explainer {
+	color: var(--on-light-emphasis-medium);
+}
+
+.frameworkName {
+	color: var(--on-light-emphasis-high);
+}
+
+.readyToStart {
+	color: var(--on-light-emphasis-high);
+}
+
+.bookPart {
+	text-transform: uppercase !important;
+	display: inline-block;
+	border-radius: var(--corner-radius-circular);
+	padding: 0 var(--spc-2x);
+	background: var(--fund-200);
+	color: var(--on-light-emphasis-low);
+	margin: 0;
+}
+
+.bookPartName {
+	color: var(--on-light-emphasis-high);
+
+	margin-top: 0;
+	margin-bottom: var(--spc-2x);
+
+	@include from($desktop) {
+		margin-top: var(--spc-1x);
+		margin-bottom: var(--spc-4x);
+	}
+}
+
+.bookPartBottomText {
+	margin-top: var(--spc-1x);
+	color: var(--on-light-emphasis-medium);
+}
diff --git a/src/views/collections/framework-field-guide/segments/pricing.module.scss b/src/views/collections/framework-field-guide/segments/pricing.module.scss
index d6536d24..c42c676f 100644
--- a/src/views/collections/framework-field-guide/segments/pricing.module.scss
+++ b/src/views/collections/framework-field-guide/segments/pricing.module.scss
@@ -1,73 +1,73 @@
-@import "../tokens/utils";
-@import "../tokens/breakpoints.scss";
-
-.pricingContainer {
-	padding: var(--section-ver-padding) var(--section-hor-padding);
-	max-width: var(--max-width_large);
-	margin: 0 auto;
-	text-align: center;
-	display: flex;
-	flex-direction: column;
-	gap: var(--spc-1x);
-}
-
-.pricingTitle {
-	color: var(--on-dark-emphasis-high);
-	margin: 0;
-}
-
-.pricingSubtitle {
-	color: var(--on-dark-emphasis-medium);
-	margin: 0;
-}
-
-.pricingSubsubtitle {
-	color: var(--on-dark-emphasis-low);
-	margin: 0;
-}
-
-.pricingCardContainer {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-	margin-top: var(--spc-3x);
-	display: flex;
-	flex-direction: column;
-	gap: var(--section-hor-padding);
-}
-
-.fundamentalsPricingCard {
-}
-
-.ecosystemPricingCard {
-}
-
-.internalsPricingCard {
-}
-
-@include from($desktop) {
-	.pricingCardContainer {
-		gap: 0;
-		flex-direction: row;
-		flex-wrap: nowrap;
-		align-items: center;
-		margin-top: var(--spc-6x)
-	}
-
-	.fundamentalsPricingCard {
-		order: 2;
-		z-index: 1;
-	}
-
-	.ecosystemPricingCard {
-		order: 1;
-		margin-right: calc(0px - var(--pricing-container-radius));
-		height: fit-content;
-	}
-
-	.internalsPricingCard {
-		order: 3;
-		margin-left: calc(0px - var(--pricing-container-radius));
-		height: fit-content;
-	}
-}
+@import "../tokens/utils";
+@import "../tokens/breakpoints.scss";
+
+.pricingContainer {
+	padding: var(--section-ver-padding) var(--section-hor-padding);
+	max-width: var(--max-width_large);
+	margin: 0 auto;
+	text-align: center;
+	display: flex;
+	flex-direction: column;
+	gap: var(--spc-1x);
+}
+
+.pricingTitle {
+	color: var(--on-dark-emphasis-high);
+	margin: 0;
+}
+
+.pricingSubtitle {
+	color: var(--on-dark-emphasis-medium);
+	margin: 0;
+}
+
+.pricingSubsubtitle {
+	color: var(--on-dark-emphasis-low);
+	margin: 0;
+}
+
+.pricingCardContainer {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	margin-top: var(--spc-3x);
+	display: flex;
+	flex-direction: column;
+	gap: var(--section-hor-padding);
+}
+
+.fundamentalsPricingCard {
+}
+
+.ecosystemPricingCard {
+}
+
+.internalsPricingCard {
+}
+
+@include from($desktop) {
+	.pricingCardContainer {
+		gap: 0;
+		flex-direction: row;
+		flex-wrap: nowrap;
+		align-items: center;
+		margin-top: var(--spc-6x);
+	}
+
+	.fundamentalsPricingCard {
+		order: 2;
+		z-index: 1;
+	}
+
+	.ecosystemPricingCard {
+		order: 1;
+		margin-right: calc(0px - var(--pricing-container-radius));
+		height: fit-content;
+	}
+
+	.internalsPricingCard {
+		order: 3;
+		margin-left: calc(0px - var(--pricing-container-radius));
+		height: fit-content;
+	}
+}
diff --git a/src/views/collections/framework-field-guide/segments/quotes.module.scss b/src/views/collections/framework-field-guide/segments/quotes.module.scss
index 9787165e..2b989b55 100644
--- a/src/views/collections/framework-field-guide/segments/quotes.module.scss
+++ b/src/views/collections/framework-field-guide/segments/quotes.module.scss
@@ -1,40 +1,40 @@
-@import "../tokens/utils";
-@import "../tokens/breakpoints.scss";
-
-.fullQuotesContainer {
-	max-width: var(--max-width_large);
-	margin: 0 auto;
-	display: flex;
-	flex-direction: column;
-	gap: var(--section-gap);
-	padding: var(--section-ver-padding) var(--section-hor-padding);
-	color: var(--on-dark-emphasis_high);
-	transition: color var(--color-transition-time) var(--color-transition-ease);
-	will-change: transition;
-}
-
-.quotesHeaderContainer {
-	max-width: var(--max-width_small);
-	margin: 0 auto;
-	display: flex;
-	flex-direction: column;
-	gap: var(--section-gap);
-}
-
-.quoteHeaderTitle {
-	text-align: center;
-	margin: 0;
-}
-
-.hideUntilFocused:not(:focus) {
-	position: absolute;
-	width: 1px;
-	height: 1px;
-	padding: 0;
-	margin: -1px;
-	overflow: hidden;
-	clip: rect(0, 0, 0, 0);
-	white-space: nowrap;
-	border-width: 0;
-	padding: 0;
-}
+@import "../tokens/utils";
+@import "../tokens/breakpoints.scss";
+
+.fullQuotesContainer {
+	max-width: var(--max-width_large);
+	margin: 0 auto;
+	display: flex;
+	flex-direction: column;
+	gap: var(--section-gap);
+	padding: var(--section-ver-padding) var(--section-hor-padding);
+	color: var(--on-dark-emphasis_high);
+	transition: color var(--color-transition-time) var(--color-transition-ease);
+	will-change: transition;
+}
+
+.quotesHeaderContainer {
+	max-width: var(--max-width_small);
+	margin: 0 auto;
+	display: flex;
+	flex-direction: column;
+	gap: var(--section-gap);
+}
+
+.quoteHeaderTitle {
+	text-align: center;
+	margin: 0;
+}
+
+.hideUntilFocused:not(:focus) {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	padding: 0;
+	margin: -1px;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	white-space: nowrap;
+	border-width: 0;
+	padding: 0;
+}
diff --git a/src/views/collections/framework-field-guide/segments/sign-up.module.scss b/src/views/collections/framework-field-guide/segments/sign-up.module.scss
index d0a52982..4e7666a6 100644
--- a/src/views/collections/framework-field-guide/segments/sign-up.module.scss
+++ b/src/views/collections/framework-field-guide/segments/sign-up.module.scss
@@ -1,159 +1,159 @@
-@import "../tokens/utils";
-@import "../tokens/breakpoints.scss";
-
-.signUpContainer {
-	text-align: center;
-	color: var(--on-dark-emphasis-high);
-	max-width: var(--max-width_small);
-	margin: 0 auto;
-	padding: var(--section-ver-padding) var(--section-hor-padding) 96px;
-}
-
-.signUpFormContainer {
-	position: relative;
-	border-style: solid;
-	padding: 0 var(--section-hor-padding) var(--section-ver-padding);
-	border-width: var(--border-2x);
-	border-color: var(--outline);
-	border-radius: var(--outline-corner-radius);
-}
-
-.signUpFormContainer > picture:first-child {
-	display: block;
-	height: var(--avatar-size_large);
-	width: var(--avatar-size_large);
-	position: relative;
-	top: calc(var(--avatar-size_large) / -2);
-	padding-right: var(--outline-gap);
-	padding-left: var(--outline-gap);
-	background: var(--section-background);
-	margin: 0 auto calc(var(--avatar-size_large) / -2);
-	transition: background var(--animStyle) var(--animSpeed);
-	will-change: transition;
-}
-
-.avatar {
-	height: var(--avatar-size_large);
-	width: var(--avatar-size_large);
-	border-radius: var(--corner-radius-circle);
-}
-
-.thankYouForCheckingOut {
-	letter-spacing: 0.25em !important;
-	text-transform: uppercase !important;
-	display: block;
-}
-
-.seriesTitleContainer {
-	display: block;
-	margin-top: var(--spc-1x);
-	margin-bottom: calc(var(--section-gap) + calc(var(--avatar-size_large) / 2));
-}
-
-.seriesTitle {
-	background: var(--gradient-ffg);
-	-webkit-background-clip: text;
-	background-clip: text;
-	color: transparent;
-}
-
-.signUpForUpdates {
-	margin: var(--section-gap) 0 0;
-}
-
-.signUpInstructions {
-	color: var(--on-dark-emphasis-medium);
-	margin: 0 0 var(--section-gap);
-}
-
-.signUpDisclaimer {
-	margin-top: var(--spc-2x);
-	margin-bottom: var(--section-gap);
-	color: var(--on-dark-emphasis-medium);
-}
-
-.getInvolvedContainer {
-	padding: var(--section-gap) 0;
-}
-
-.getInvolvedHeader {
-	margin: 0;
-}
-
-.getInvolvedExplainer {
-	margin: 0;
-	color: var(--on-dark-emphasis-medium);
-}
-
-.signUpInstructions,
-.getInvolvedExplainer {
-	margin-top: var(--spc-1x);
-}
-
-.buttonContainer {
-	position: absolute;
-	bottom: calc(var(--social-btn-height) / -2);
-	left: 50%;
-	transform: translateX(-50%);
-	height: var(--social-btn-height);
-	width: calc(100% - (var(--section-hor-padding) * 2));
-	background: var(--section-background);
-	display: flex;
-	gap: var(--outline-gap);
-	padding: 0 var(--outline-gap);
-	transition: background var(--animStyle) var(--animSpeed);
-	will-change: transition;
-}
-
-@include from($desktop) {
-	.buttonContainer {
-		width: 50%;
-	}
-}
-
-.twitterButton,
-.discordButton {
-	display: inline-flex !important;
-	border: none !important;
-	justify-content: center;
-	align-items: center;
-	flex-basis: 100%;
-}
-
-.twitterButton > svg,
-.discordButton > svg {
-	height: var(--social-btn-icon-size);
-	width: var(--social-btn-icon-size);
-}
-
-.twitterButton {
-	--twitter-btn-color: #1da1f2;
-	--twitter-btn-color_hovered: #068eef;
-	--twitter-btn-color_pressed: #0079db;
-	background: var(--twitter-btn-color);
-	height: 100%;
-}
-
-.twitterButton:hover {
-	background: var(--twitter-btn-color_hovered);
-}
-
-.twitterButton:active {
-	background: var(--twitter-btn-color_pressed);
-}
-
-.discordButton {
-	--discord-btn-color: #5865f2;
-	--discord-btn-color_hovered: #4956df;
-	--discord-btn-color_pressed: #3945c6;
-	background: var(--discord-btn-color);
-	height: 100%;
-}
-
-.discordButton:hover {
-	background: var(--discord-btn-color_hovered);
-}
-
-.discordButton:active {
-	background: var(--discord-btn-color_pressed);
-}
+@import "../tokens/utils";
+@import "../tokens/breakpoints.scss";
+
+.signUpContainer {
+	text-align: center;
+	color: var(--on-dark-emphasis-high);
+	max-width: var(--max-width_small);
+	margin: 0 auto;
+	padding: var(--section-ver-padding) var(--section-hor-padding) 96px;
+}
+
+.signUpFormContainer {
+	position: relative;
+	border-style: solid;
+	padding: 0 var(--section-hor-padding) var(--section-ver-padding);
+	border-width: var(--border-2x);
+	border-color: var(--outline);
+	border-radius: var(--outline-corner-radius);
+}
+
+.signUpFormContainer > picture:first-child {
+	display: block;
+	height: var(--avatar-size_large);
+	width: var(--avatar-size_large);
+	position: relative;
+	top: calc(var(--avatar-size_large) / -2);
+	padding-right: var(--outline-gap);
+	padding-left: var(--outline-gap);
+	background: var(--section-background);
+	margin: 0 auto calc(var(--avatar-size_large) / -2);
+	transition: background var(--animStyle) var(--animSpeed);
+	will-change: transition;
+}
+
+.avatar {
+	height: var(--avatar-size_large);
+	width: var(--avatar-size_large);
+	border-radius: var(--corner-radius-circle);
+}
+
+.thankYouForCheckingOut {
+	letter-spacing: 0.25em !important;
+	text-transform: uppercase !important;
+	display: block;
+}
+
+.seriesTitleContainer {
+	display: block;
+	margin-top: var(--spc-1x);
+	margin-bottom: calc(var(--section-gap) + calc(var(--avatar-size_large) / 2));
+}
+
+.seriesTitle {
+	background: var(--gradient-ffg);
+	-webkit-background-clip: text;
+	background-clip: text;
+	color: transparent;
+}
+
+.signUpForUpdates {
+	margin: var(--section-gap) 0 0;
+}
+
+.signUpInstructions {
+	color: var(--on-dark-emphasis-medium);
+	margin: 0 0 var(--section-gap);
+}
+
+.signUpDisclaimer {
+	margin-top: var(--spc-2x);
+	margin-bottom: var(--section-gap);
+	color: var(--on-dark-emphasis-medium);
+}
+
+.getInvolvedContainer {
+	padding: var(--section-gap) 0;
+}
+
+.getInvolvedHeader {
+	margin: 0;
+}
+
+.getInvolvedExplainer {
+	margin: 0;
+	color: var(--on-dark-emphasis-medium);
+}
+
+.signUpInstructions,
+.getInvolvedExplainer {
+	margin-top: var(--spc-1x);
+}
+
+.buttonContainer {
+	position: absolute;
+	bottom: calc(var(--social-btn-height) / -2);
+	left: 50%;
+	transform: translateX(-50%);
+	height: var(--social-btn-height);
+	width: calc(100% - (var(--section-hor-padding) * 2));
+	background: var(--section-background);
+	display: flex;
+	gap: var(--outline-gap);
+	padding: 0 var(--outline-gap);
+	transition: background var(--animStyle) var(--animSpeed);
+	will-change: transition;
+}
+
+@include from($desktop) {
+	.buttonContainer {
+		width: 50%;
+	}
+}
+
+.twitterButton,
+.discordButton {
+	display: inline-flex !important;
+	border: none !important;
+	justify-content: center;
+	align-items: center;
+	flex-basis: 100%;
+}
+
+.twitterButton > svg,
+.discordButton > svg {
+	height: var(--social-btn-icon-size);
+	width: var(--social-btn-icon-size);
+}
+
+.twitterButton {
+	--twitter-btn-color: #1da1f2;
+	--twitter-btn-color_hovered: #068eef;
+	--twitter-btn-color_pressed: #0079db;
+	background: var(--twitter-btn-color);
+	height: 100%;
+}
+
+.twitterButton:hover {
+	background: var(--twitter-btn-color_hovered);
+}
+
+.twitterButton:active {
+	background: var(--twitter-btn-color_pressed);
+}
+
+.discordButton {
+	--discord-btn-color: #5865f2;
+	--discord-btn-color_hovered: #4956df;
+	--discord-btn-color_pressed: #3945c6;
+	background: var(--discord-btn-color);
+	height: 100%;
+}
+
+.discordButton:hover {
+	background: var(--discord-btn-color_hovered);
+}
+
+.discordButton:active {
+	background: var(--discord-btn-color_pressed);
+}
diff --git a/src/views/collections/framework-field-guide/segments/the-rest-container.module.scss b/src/views/collections/framework-field-guide/segments/the-rest-container.module.scss
index ea85fd09..01005f6d 100644
--- a/src/views/collections/framework-field-guide/segments/the-rest-container.module.scss
+++ b/src/views/collections/framework-field-guide/segments/the-rest-container.module.scss
@@ -1,8 +1,10 @@
 .theRestContainer {
-    padding: var(--spc-6x) 0;
-    background: var(--section-background);
-    color: var(--on-dark-emphasis-high);
-    transition: background var(--color-transition-time) var(--color-transition-ease), color var(--color-transition-time) var(--color-transition-ease);
-    will-change: transition;
-    margin-top: -4px;
-}
\ No newline at end of file
+	padding: var(--spc-6x) 0;
+	background: var(--section-background);
+	color: var(--on-dark-emphasis-high);
+	transition:
+		background var(--color-transition-time) var(--color-transition-ease),
+		color var(--color-transition-time) var(--color-transition-ease);
+	will-change: transition;
+	margin-top: -4px;
+}
diff --git a/src/views/collections/framework-field-guide/segments/your-guide.module.scss b/src/views/collections/framework-field-guide/segments/your-guide.module.scss
index 14bb7c3e..d7f21819 100644
--- a/src/views/collections/framework-field-guide/segments/your-guide.module.scss
+++ b/src/views/collections/framework-field-guide/segments/your-guide.module.scss
@@ -1,118 +1,118 @@
-@import "../tokens/utils";
-@import "../tokens/breakpoints.scss";
-
-.guideContainer {
-	padding: var(--section-ver-padding) var(--section-hor-padding);
-	max-width: var(--max-width_small);
-	width: 100%;
-	margin: 0 auto;
-	text-align: center;
-	box-sizing: border-box;
-}
-
-.sectionTitle {
-	color: var(--on-dark-emphasis-high);
-	margin: 0;
-}
-
-.authorIntro {
-	color: var(--on-dark-emphasis-high);
-	margin: 0;
-}
-
-.authorName {
-	background: var(--gradient-corbin);
-	-webkit-background-clip: text;
-	background-clip: text;
-	color: transparent;
-	margin: 0;
-}
-
-.seriesName {
-	background: var(--gradient-ffg);
-	-webkit-background-clip: text;
-	background-clip: text;
-	color: transparent;
-	margin: 0;
-}
-
-img.guidePicture,
-.guidePicture img {
-	height: var(--avatar-size_large);
-	width: var(--avatar-size_large);
-	border-radius: var(--corner-radius-circular);
-	margin: var(--spc-6x) auto var(--section-gap);
-
-	@include from($desktop) {
-		height: var(--avatar-size_huge);
-		width: var(--avatar-size_huge);
-	}
-}
-
-.guideText {
-	color: var(--on-dark-emphasis-medium);
-	margin: var(--section-gap) 0;
-}
-
-.metricsContainer {
-	display: grid;
-	gap: var(--section-gap);
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	grid-template-columns: repeat(3, 1fr);
-	grid-template-rows: repeat(2, 1fr);
-
-	@include from($desktop) {
-		grid-template-columns: repeat(6, 1fr);
-		grid-template-rows: repeat(1, 1fr);
-	}
-}
-
-.metricNumber,
-.metricNumberInfinityContainer {
-	position: relative;
-	display: inline-block;
-	height: 1.75rem;
-	@include from($desktop) {
-		height: 2.75rem;
-	}
-}
-
-.metricNumberInfinityContainer {
-	width: 100%;
-}
-
-.metricNumber,
-.metricNumberInfinity {
-	background: var(--gradient-ffg);
-	-webkit-background-clip: text;
-	background-clip: text;
-	color: transparent;
-	margin: 0;
-	display: inline-block;
-	overflow: hidden;
-}
-
-.metricNumberInfinity {
-	position: absolute;
-	top: calc(50% + -0.5rem);
-	left: 50%;
-	transform: translate(-50%, -50%);
-	font-family: "Plus Jakarta Sans", "Plus Jakarta Sans-fallback",
-		"Plus Jakarta Sans-fallback2", sans-serif;
-	font-style: normal;
-	font-weight: 500;
-	font-size: 2.5rem;
-	line-height: 1;
-	// This solves a weird issue where the infinity symbol has a weird line off to the right on Safari
-	letter-spacing: 0.1px;
-
-	@include from($desktop) {
-		font-size: 4.5rem;
-	}
-}
-
-.metricName {
-	margin: 0;
-}
+@import "../tokens/utils";
+@import "../tokens/breakpoints.scss";
+
+.guideContainer {
+	padding: var(--section-ver-padding) var(--section-hor-padding);
+	max-width: var(--max-width_small);
+	width: 100%;
+	margin: 0 auto;
+	text-align: center;
+	box-sizing: border-box;
+}
+
+.sectionTitle {
+	color: var(--on-dark-emphasis-high);
+	margin: 0;
+}
+
+.authorIntro {
+	color: var(--on-dark-emphasis-high);
+	margin: 0;
+}
+
+.authorName {
+	background: var(--gradient-corbin);
+	-webkit-background-clip: text;
+	background-clip: text;
+	color: transparent;
+	margin: 0;
+}
+
+.seriesName {
+	background: var(--gradient-ffg);
+	-webkit-background-clip: text;
+	background-clip: text;
+	color: transparent;
+	margin: 0;
+}
+
+img.guidePicture,
+.guidePicture img {
+	height: var(--avatar-size_large);
+	width: var(--avatar-size_large);
+	border-radius: var(--corner-radius-circular);
+	margin: var(--spc-6x) auto var(--section-gap);
+
+	@include from($desktop) {
+		height: var(--avatar-size_huge);
+		width: var(--avatar-size_huge);
+	}
+}
+
+.guideText {
+	color: var(--on-dark-emphasis-medium);
+	margin: var(--section-gap) 0;
+}
+
+.metricsContainer {
+	display: grid;
+	gap: var(--section-gap);
+	margin: 0;
+	padding: 0;
+	list-style-type: none;
+	grid-template-columns: repeat(3, 1fr);
+	grid-template-rows: repeat(2, 1fr);
+
+	@include from($desktop) {
+		grid-template-columns: repeat(6, 1fr);
+		grid-template-rows: repeat(1, 1fr);
+	}
+}
+
+.metricNumber,
+.metricNumberInfinityContainer {
+	position: relative;
+	display: inline-block;
+	height: 1.75rem;
+	@include from($desktop) {
+		height: 2.75rem;
+	}
+}
+
+.metricNumberInfinityContainer {
+	width: 100%;
+}
+
+.metricNumber,
+.metricNumberInfinity {
+	background: var(--gradient-ffg);
+	-webkit-background-clip: text;
+	background-clip: text;
+	color: transparent;
+	margin: 0;
+	display: inline-block;
+	overflow: hidden;
+}
+
+.metricNumberInfinity {
+	position: absolute;
+	top: calc(50% + -0.5rem);
+	left: 50%;
+	transform: translate(-50%, -50%);
+	font-family: "Plus Jakarta Sans", "Plus Jakarta Sans-fallback",
+		"Plus Jakarta Sans-fallback2", sans-serif;
+	font-style: normal;
+	font-weight: 500;
+	font-size: 2.5rem;
+	line-height: 1;
+	// This solves a weird issue where the infinity symbol has a weird line off to the right on Safari
+	letter-spacing: 0.1px;
+
+	@include from($desktop) {
+		font-size: 4.5rem;
+	}
+}
+
+.metricName {
+	margin: 0;
+}
diff --git a/src/views/collections/framework-field-guide/styles/buttons.css b/src/views/collections/framework-field-guide/styles/buttons.css
index 8ec26f4b..3e5d86fd 100644
--- a/src/views/collections/framework-field-guide/styles/buttons.css
+++ b/src/views/collections/framework-field-guide/styles/buttons.css
@@ -1,50 +1,51 @@
-.ffg-button-base {
-	border-radius: var(--btn-corner-radius);
-	position: relative;
-	user-select: none;
-	-webkit-user-select: none;
-	display: inline-block;
-	border-style: solid;
-	transition: color var(--btn-state-transition-duration)
-			var(--btn-state-transition-easing),
-		background var(--btn-state-transition-duration)
-			var(--btn-state-transition-easing);
-}
-
-.ffg-big-button {
-	padding: var(--btn-ver-padding_large) var(--btn-hor-padding_large);
-	border-width: var(--btn-border-width_large);
-}
-
-.ffg-small-button {
-    padding: var(--btn-ver-padding_small) var(--btn-hor-padding_small);
-    border-width: var(--btn-border-width_small);
-}
-
-.ffg-outlined-button {
-	background: transparent;
-	color: var(--btn-foreground_outlined);
-	border-color: var(--btn-border);
-}
-
-.ffg-outlined-button:hover {
-	background: var(--btn-state-hovered_outlined);
-}
-
-.ffg-outlined-button:active {
-	background: var(--btn-state-pressed_outlined);
-}
-
-.ffg-filled-button {
-	background: var(--btn-background_filled);
-	color: var(--btn-foreground_filled);
-	border-color: transparent;
-}
-
-.ffg-filled-button:hover {
-	background: var(--btn-state-hovered_filled);
-}
-
-.ffg-filled-button:active {
-	background: var(--btn-state-pressed_filled);
-}
+.ffg-button-base {
+	border-radius: var(--btn-corner-radius);
+	position: relative;
+	user-select: none;
+	-webkit-user-select: none;
+	display: inline-block;
+	border-style: solid;
+	transition:
+		color var(--btn-state-transition-duration)
+			var(--btn-state-transition-easing),
+		background var(--btn-state-transition-duration)
+			var(--btn-state-transition-easing);
+}
+
+.ffg-big-button {
+	padding: var(--btn-ver-padding_large) var(--btn-hor-padding_large);
+	border-width: var(--btn-border-width_large);
+}
+
+.ffg-small-button {
+	padding: var(--btn-ver-padding_small) var(--btn-hor-padding_small);
+	border-width: var(--btn-border-width_small);
+}
+
+.ffg-outlined-button {
+	background: transparent;
+	color: var(--btn-foreground_outlined);
+	border-color: var(--btn-border);
+}
+
+.ffg-outlined-button:hover {
+	background: var(--btn-state-hovered_outlined);
+}
+
+.ffg-outlined-button:active {
+	background: var(--btn-state-pressed_outlined);
+}
+
+.ffg-filled-button {
+	background: var(--btn-background_filled);
+	color: var(--btn-foreground_filled);
+	border-color: transparent;
+}
+
+.ffg-filled-button:hover {
+	background: var(--btn-state-hovered_filled);
+}
+
+.ffg-filled-button:active {
+	background: var(--btn-state-pressed_filled);
+}
diff --git a/src/views/collections/framework-field-guide/styles/focus.css b/src/views/collections/framework-field-guide/styles/focus.css
index 072ced1d..d29a83b2 100644
--- a/src/views/collections/framework-field-guide/styles/focus.css
+++ b/src/views/collections/framework-field-guide/styles/focus.css
@@ -1,33 +1,33 @@
-*:focus-visible {
-    outline: none;
-}
-
-*:focus-visible::after {
-    content: " ";
-    position: absolute;
-    box-sizing: content-box;
-    height: 100%;
-    width: 100%;
-    padding: var(--focus-border_gap);
-    top: 50%;
-    left: 50%;
-    transform: translateX(-50%) translateY(-50%);
-    border-width: inherit;
-    border-style: solid;
-    border-color: transparent;
-    border-radius: inherit;
-    outline: var(--focus-border_width) solid var(--outline_focused);
-    z-index: 9;
-}
-
-.srOnly {
-	position: absolute;
-	width: 1px;
-	height: 1px;
-	padding: 0;
-	margin: -1px;
-	overflow: hidden;
-	clip: rect(0, 0, 0, 0);
-	white-space: nowrap;
-	border-width: 0;
-}
+*:focus-visible {
+	outline: none;
+}
+
+*:focus-visible::after {
+	content: " ";
+	position: absolute;
+	box-sizing: content-box;
+	height: 100%;
+	width: 100%;
+	padding: var(--focus-border_gap);
+	top: 50%;
+	left: 50%;
+	transform: translateX(-50%) translateY(-50%);
+	border-width: inherit;
+	border-style: solid;
+	border-color: transparent;
+	border-radius: inherit;
+	outline: var(--focus-border_width) solid var(--outline_focused);
+	z-index: 9;
+}
+
+.srOnly {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	padding: 0;
+	margin: -1px;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	white-space: nowrap;
+	border-width: 0;
+}
diff --git a/src/views/collections/framework-field-guide/styles/global-ffg.css b/src/views/collections/framework-field-guide/styles/global-ffg.css
index 18e59d4a..60ad7dba 100644
--- a/src/views/collections/framework-field-guide/styles/global-ffg.css
+++ b/src/views/collections/framework-field-guide/styles/global-ffg.css
@@ -1,54 +1,55 @@
-body {
-	background: var(--backgroundColor);
-	margin: 0;
-	padding: 0;
-}
-
-/* Borrowed from FFG's global styling */
-
-:root {
-	--animSpeed: 200ms;
-	--animStyle: ease-in-out;
-	--darkPrimary: #153e67;
-	--cardRadius: 8px;
-	--cardActiveBackground: #ebf6fc;
-	--cardActiveBoxShadow: 0px 2px 4px rgba(11, 37, 104, 0.27),
-		inset 0px 1px 0px #ffffff;
-}
-
-.baseBtn {
-	cursor: pointer;
-}
-
-.baseBtn,
-.btnLike {
-	appearance: none;
-	text-decoration: none;
-	background: none;
-	border: none;
-	transition: background var(--animSpeed) var(--animStyle),
-		box-shadow var(--animSpeed) var(--animStyle),
-		border-color var(--animSpeed) var(--animStyle),
-		color var(--animStyle) var(--animSpeed);
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	flex-shrink: 0;
-	border-radius: var(--cardRadius);
-	font-size: 1rem;
-	padding: 4px 8px;
-	color: var(--darkPrimary);
-}
-
-.baseBtn:hover {
-	background: var(--cardActiveBackground);
-	border-color: transparent;
-	box-shadow: var(--cardActiveBoxShadow);
-}
-
-.baseBtn svg,
-.btnLike svg {
-	height: 32px;
-	width: 32px;
-	flex-shrink: 0;
-}
+body {
+	background: var(--backgroundColor);
+	margin: 0;
+	padding: 0;
+}
+
+/* Borrowed from FFG's global styling */
+
+:root {
+	--animSpeed: 200ms;
+	--animStyle: ease-in-out;
+	--darkPrimary: #153e67;
+	--cardRadius: 8px;
+	--cardActiveBackground: #ebf6fc;
+	--cardActiveBoxShadow: 0px 2px 4px rgba(11, 37, 104, 0.27),
+		inset 0px 1px 0px #ffffff;
+}
+
+.baseBtn {
+	cursor: pointer;
+}
+
+.baseBtn,
+.btnLike {
+	appearance: none;
+	text-decoration: none;
+	background: none;
+	border: none;
+	transition:
+		background var(--animSpeed) var(--animStyle),
+		box-shadow var(--animSpeed) var(--animStyle),
+		border-color var(--animSpeed) var(--animStyle),
+		color var(--animStyle) var(--animSpeed);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-shrink: 0;
+	border-radius: var(--cardRadius);
+	font-size: 1rem;
+	padding: 4px 8px;
+	color: var(--darkPrimary);
+}
+
+.baseBtn:hover {
+	background: var(--cardActiveBackground);
+	border-color: transparent;
+	box-shadow: var(--cardActiveBoxShadow);
+}
+
+.baseBtn svg,
+.btnLike svg {
+	height: 32px;
+	width: 32px;
+	flex-shrink: 0;
+}
diff --git a/src/views/collections/framework-field-guide/styles/shiki.scss b/src/views/collections/framework-field-guide/styles/shiki.scss
index 884406a0..d86e833f 100644
--- a/src/views/collections/framework-field-guide/styles/shiki.scss
+++ b/src/views/collections/framework-field-guide/styles/shiki.scss
@@ -1,42 +1,42 @@
-/*
- * This code handles line of code counting
- */
-code {
-	counter-reset: step;
-	counter-increment: step 0;
-}
-
-code .line::before {
-	content: counter(step);
-	counter-increment: step;
-	width: 1rem;
-	margin-right: 1.5rem;
-	display: inline-block;
-	text-align: right;
-	color: rgba(115, 138, 148, 0.4);
-}
-
-:root,
-.darkTheme {
-	--cardActiveBackground: #163954;
-	--white: black;
-	--textColor: var(--on-dark-emphasis-medium);
-	--stringColor: #7ee2c4;
-	--keywordColor: #b5ea94;
-	--operatorColor: #935c25;
-	--punctuationColor: var(--on-dark-emphasis-medium);
-	--constantColor: #cf8ae1;
-	--functionColor: #c1c3ff;
-	--selectionColor: #cfe0ec;
-	--commentColor: #c7d5d7;
-	--propColor: #8a8a0f;
-	--varColor: #88c1e2;
-	--shiki-color-background: var(--white);
-	--shiki-token-function: var(--functionColor);
-	--shiki-color-text: var(--punctuationColor);
-	--shiki-token-string: var(--stringColor);
-	--shiki-token-keyword: var(--keywordColor);
-	--shiki-string-expression: var(--operatorColor);
-	--shiki-token-constant: var(--varColor);
-	--shiki-token-comment: var(--commentColor);
-}
+/*
+ * This code handles line of code counting
+ */
+code {
+	counter-reset: step;
+	counter-increment: step 0;
+}
+
+code .line::before {
+	content: counter(step);
+	counter-increment: step;
+	width: 1rem;
+	margin-right: 1.5rem;
+	display: inline-block;
+	text-align: right;
+	color: rgba(115, 138, 148, 0.4);
+}
+
+:root,
+.darkTheme {
+	--cardActiveBackground: #163954;
+	--white: black;
+	--textColor: var(--on-dark-emphasis-medium);
+	--stringColor: #7ee2c4;
+	--keywordColor: #b5ea94;
+	--operatorColor: #935c25;
+	--punctuationColor: var(--on-dark-emphasis-medium);
+	--constantColor: #cf8ae1;
+	--functionColor: #c1c3ff;
+	--selectionColor: #cfe0ec;
+	--commentColor: #c7d5d7;
+	--propColor: #8a8a0f;
+	--varColor: #88c1e2;
+	--shiki-color-background: var(--white);
+	--shiki-token-function: var(--functionColor);
+	--shiki-color-text: var(--punctuationColor);
+	--shiki-token-string: var(--stringColor);
+	--shiki-token-keyword: var(--keywordColor);
+	--shiki-string-expression: var(--operatorColor);
+	--shiki-token-constant: var(--varColor);
+	--shiki-token-comment: var(--commentColor);
+}
diff --git a/src/views/collections/framework-field-guide/styles/svg-layers.css b/src/views/collections/framework-field-guide/styles/svg-layers.css
index acf410e0..85b0f465 100644
--- a/src/views/collections/framework-field-guide/styles/svg-layers.css
+++ b/src/views/collections/framework-field-guide/styles/svg-layers.css
@@ -1,22 +1,22 @@
-[data-move-on-scroll-by] {
-    will-change: transform;
-}
-
-.repeat-background-container {
-    width: 100%;
-    overflow: hidden;
-    display: flex;
-    flex-wrap: nowrap;
-    height: 100%;
-}
-
-.repeat-background-svg-container {
-    height: 100%;
-    aspect-ratio: var(--svgAspectRatio);
-}
-
-.repeat-background-svg-container > svg *,
-svg.colorTransitionSVG * {
-    transition: fill var(--color-transition-time) var(--color-transition-ease);
-    will-change: transition;
-}
\ No newline at end of file
+[data-move-on-scroll-by] {
+	will-change: transform;
+}
+
+.repeat-background-container {
+	width: 100%;
+	overflow: hidden;
+	display: flex;
+	flex-wrap: nowrap;
+	height: 100%;
+}
+
+.repeat-background-svg-container {
+	height: 100%;
+	aspect-ratio: var(--svgAspectRatio);
+}
+
+.repeat-background-svg-container > svg *,
+svg.colorTransitionSVG * {
+	transition: fill var(--color-transition-time) var(--color-transition-ease);
+	will-change: transition;
+}
diff --git a/src/views/collections/framework-field-guide/tokens/_utils.scss b/src/views/collections/framework-field-guide/tokens/_utils.scss
index d93c168e..070100ab 100644
--- a/src/views/collections/framework-field-guide/tokens/_utils.scss
+++ b/src/views/collections/framework-field-guide/tokens/_utils.scss
@@ -1,11 +1,11 @@
 @mixin until($breakpoint) {
-  @media screen and (max-width: $breakpoint) {
-    @content;
-  }
+	@media screen and (max-width: $breakpoint) {
+		@content;
+	}
 }
 
 @mixin from($breakpoint) {
-  @media screen and (min-width: $breakpoint) {
-    @content;
-  }
+	@media screen and (min-width: $breakpoint) {
+		@content;
+	}
 }
diff --git a/src/views/collections/framework-field-guide/tokens/adventure.scss b/src/views/collections/framework-field-guide/tokens/adventure.scss
index 89f70a8e..07b5d9b2 100644
--- a/src/views/collections/framework-field-guide/tokens/adventure.scss
+++ b/src/views/collections/framework-field-guide/tokens/adventure.scss
@@ -2,29 +2,26 @@
 @import "./utils";
 
 :root {
+	--grid-item-border-width: var(--border-1x);
+	--grid-item-corner-radius: var(--corner-radius-2x);
+	--grid-item-padding_top: var(--spc-3x);
+	--grid-item-padding_bottom: var(--spc-3x);
+	--grid-item-padding_horizontal: var(--spc-2x);
 
-    --grid-item-border-width: var(--border-1x);
-    --grid-item-corner-radius: var(--corner-radius-2x);
-    --grid-item-padding_top: var(--spc-3x);
-    --grid-item-padding_bottom: var(--spc-3x);
-    --grid-item-padding_horizontal: var(--spc-2x);
-
-    --grid-icon-size: 24px;
-    --grid-icon-padding: var(--spc-1x);
-    --grid-gap: var(--spc-3x);
-
+	--grid-icon-size: 24px;
+	--grid-icon-padding: var(--spc-1x);
+	--grid-gap: var(--spc-3x);
 }
 
 @include from($desktop) {
+	:root {
+		--grid-item-corner-radius: var(--corner-radius-3x);
+		--grid-item-padding_top: var(--spc-5x);
+		--grid-item-padding_bottom: var(--spc-4x);
+		--grid-item-padding_horizontal: var(--spc-4x);
 
-    :root {
-        --grid-item-corner-radius: var(--corner-radius-3x);
-        --grid-item-padding_top: var(--spc-5x);
-        --grid-item-padding_bottom: var(--spc-4x);
-        --grid-item-padding_horizontal: var(--spc-4x);
-
-        --grid-icon-size: 48px;
-        --grid-icon-padding: var(--spc-2x);
-        --grid-gap: var(--spc-6x);
-    }
+		--grid-icon-size: 48px;
+		--grid-icon-padding: var(--spc-2x);
+		--grid-gap: var(--spc-6x);
+	}
 }
diff --git a/src/views/collections/framework-field-guide/tokens/book-sections.scss b/src/views/collections/framework-field-guide/tokens/book-sections.scss
index b852458b..313174f5 100644
--- a/src/views/collections/framework-field-guide/tokens/book-sections.scss
+++ b/src/views/collections/framework-field-guide/tokens/book-sections.scss
@@ -1,52 +1,52 @@
-@import "./breakpoints";
-@import "./utils";
-
-:root {
-	// Sections
-
-	--section-ver-padding: var(--spc-3x);
-	--section-hor-padding: var(--spc-3x);
-	--section-gap: var(--spc-3x);
-
-	// Book metrics
-
-	--metric-book-ver-padding: var(--spc-2x);
-	--metric-book-hor-padding: var(--spc-1x);
-
-	// Chips
-
-	--chip-ver-padding: var(--spc-1x);
-	--chip-hor-padding: var(--spc-2x);
-	--chip-group-gap: var(--spc-1x);
-
-	--chip-corner-radius: var(--corner-radius-circular);
-}
-
-@include from($tablet) {
-	:root {
-		// Sections
-
-		--section-ver-padding: var(--spc-6x);
-		--section-hor-padding: var(--spc-6x);
-	}
-}
-
-@include from($desktop) {
-	:root {
-		// Sections
-
-		--section-ver-padding: var(--spc-6x);
-		--section-hor-padding: var(--spc-6x);
-
-		// Book metrics
-
-		--metric-book-ver-padding: var(--spc-4x);
-		--metric-book-hor-padding: var(--spc-2x);
-
-		// Chips
-
-		--chip-ver-padding: var(--spc-2x);
-		--chip-hor-padding: var(--spc-4x);
-		--chip-group-gap: var(--spc-2x);
-	}
-}
+@import "./breakpoints";
+@import "./utils";
+
+:root {
+	// Sections
+
+	--section-ver-padding: var(--spc-3x);
+	--section-hor-padding: var(--spc-3x);
+	--section-gap: var(--spc-3x);
+
+	// Book metrics
+
+	--metric-book-ver-padding: var(--spc-2x);
+	--metric-book-hor-padding: var(--spc-1x);
+
+	// Chips
+
+	--chip-ver-padding: var(--spc-1x);
+	--chip-hor-padding: var(--spc-2x);
+	--chip-group-gap: var(--spc-1x);
+
+	--chip-corner-radius: var(--corner-radius-circular);
+}
+
+@include from($tablet) {
+	:root {
+		// Sections
+
+		--section-ver-padding: var(--spc-6x);
+		--section-hor-padding: var(--spc-6x);
+	}
+}
+
+@include from($desktop) {
+	:root {
+		// Sections
+
+		--section-ver-padding: var(--spc-6x);
+		--section-hor-padding: var(--spc-6x);
+
+		// Book metrics
+
+		--metric-book-ver-padding: var(--spc-4x);
+		--metric-book-hor-padding: var(--spc-2x);
+
+		// Chips
+
+		--chip-ver-padding: var(--spc-2x);
+		--chip-hor-padding: var(--spc-4x);
+		--chip-group-gap: var(--spc-2x);
+	}
+}
diff --git a/src/views/collections/framework-field-guide/tokens/breakpoints.scss b/src/views/collections/framework-field-guide/tokens/breakpoints.scss
index fbef737f..d89d2077 100644
--- a/src/views/collections/framework-field-guide/tokens/breakpoints.scss
+++ b/src/views/collections/framework-field-guide/tokens/breakpoints.scss
@@ -1,2 +1,2 @@
-$desktop: 960px;
-$tablet: 600px;
+$desktop: 960px;
+$tablet: 600px;
diff --git a/src/views/collections/framework-field-guide/tokens/buttons.scss b/src/views/collections/framework-field-guide/tokens/buttons.scss
index 3871adb1..8373e562 100644
--- a/src/views/collections/framework-field-guide/tokens/buttons.scss
+++ b/src/views/collections/framework-field-guide/tokens/buttons.scss
@@ -1,43 +1,43 @@
-@import "./breakpoints";
-@import "./utils";
-
-:root,
-.book-section {
-	// Buttons
-
-	--btn-state-transition-duration: 150ms;
-	--btn-state-transition-easing: ease-out;
-
-	--btn-ver-padding_small: var(--spc-1x);
-	--btn-hor-padding_small: var(--spc-3x);
-	--btn-ver-padding_large: var(--spc-2x);
-	--btn-hor-padding_large: var(--spc-4x);
-	--btn-border-width_small: var(--border-2x);
-	--btn-border-width_large: var(--border-2x);
-	--btn-border-width_disabled: var(--border-1x);
-
-	--btn-corner-radius: var(--corner-radius-circular);
-
-	--btn-border: var(--outline);
-	--btn-foreground_outlined: var(--on-dark-emphasis-high);
-	--btn-state-hovered_outlined: rgba(var(--state-overlay), 0.16);
-	--btn-state-pressed_outlined: rgba(var(--state-overlay), 0.32);
-	--btn-foreground_filled: var(--cta-foreground);
-	--btn-background_filled: var(--cta-background);
-	--btn-state-hovered_filled: var(--cta-background_hovered);
-	--btn-state-pressed_filled: var(--cta-background_pressed);
-}
-
-@include from($desktop) {
-	:root,
-	.book-section {
-		// Buttons
-
-		--btn-ver-padding_small: var(--spc-2x);
-		--btn-hor-padding_small: var(--spc-4x);
-		--btn-ver-padding_large: var(--spc-3x);
-		--btn-hor-padding_large: var(--spc-6x);
-		--btn-border-width_small: var(--border-2x);
-		--btn-border-width_large: var(--border-3x);
-	}
-}
+@import "./breakpoints";
+@import "./utils";
+
+:root,
+.book-section {
+	// Buttons
+
+	--btn-state-transition-duration: 150ms;
+	--btn-state-transition-easing: ease-out;
+
+	--btn-ver-padding_small: var(--spc-1x);
+	--btn-hor-padding_small: var(--spc-3x);
+	--btn-ver-padding_large: var(--spc-2x);
+	--btn-hor-padding_large: var(--spc-4x);
+	--btn-border-width_small: var(--border-2x);
+	--btn-border-width_large: var(--border-2x);
+	--btn-border-width_disabled: var(--border-1x);
+
+	--btn-corner-radius: var(--corner-radius-circular);
+
+	--btn-border: var(--outline);
+	--btn-foreground_outlined: var(--on-dark-emphasis-high);
+	--btn-state-hovered_outlined: rgba(var(--state-overlay), 0.16);
+	--btn-state-pressed_outlined: rgba(var(--state-overlay), 0.32);
+	--btn-foreground_filled: var(--cta-foreground);
+	--btn-background_filled: var(--cta-background);
+	--btn-state-hovered_filled: var(--cta-background_hovered);
+	--btn-state-pressed_filled: var(--cta-background_pressed);
+}
+
+@include from($desktop) {
+	:root,
+	.book-section {
+		// Buttons
+
+		--btn-ver-padding_small: var(--spc-2x);
+		--btn-hor-padding_small: var(--spc-4x);
+		--btn-ver-padding_large: var(--spc-3x);
+		--btn-hor-padding_large: var(--spc-6x);
+		--btn-border-width_small: var(--border-2x);
+		--btn-border-width_large: var(--border-3x);
+	}
+}
diff --git a/src/views/collections/framework-field-guide/tokens/code-block.scss b/src/views/collections/framework-field-guide/tokens/code-block.scss
index d2745af5..a019e56e 100644
--- a/src/views/collections/framework-field-guide/tokens/code-block.scss
+++ b/src/views/collections/framework-field-guide/tokens/code-block.scss
@@ -1,28 +1,28 @@
-@import "./breakpoints";
-@import "./utils";
-
-:root {
-	--code-block-corner-radius_outer: var(--corner-radius-2x);
-	--code-block-corner-radius_inner: calc(
-		var(--code-block-corner-radius_outer) - var(--code-block-padding)
-	);
-	--code-block-padding: 4px;
-
-	--code-block-tab-min-size: var(--spc-6x);
-	--code-block-tab-inative_hovered: rgba(var(--state-overlay), 0.12);
-	--code-block-tab-inactive_pressed: rgba(var(--state-overlay), 0.24);
-
-	--code-block-spacing: var(--spc-2x);
-
-	--code-block-text_primary: var(--on-dark-emphasis-high);
-	--code-block-text_secondary: var(--on-dark-emphasis-medium);
-
-	--code-block-container_outer: var(--slate-800);
-	--code-block-container_inner: var(--slate-700);
-}
-
-@include from($desktop) {
-	:root {
-		--code-block-spacing: var(--spc-3x);
-	}
-}
+@import "./breakpoints";
+@import "./utils";
+
+:root {
+	--code-block-corner-radius_outer: var(--corner-radius-2x);
+	--code-block-corner-radius_inner: calc(
+		var(--code-block-corner-radius_outer) - var(--code-block-padding)
+	);
+	--code-block-padding: 4px;
+
+	--code-block-tab-min-size: var(--spc-6x);
+	--code-block-tab-inative_hovered: rgba(var(--state-overlay), 0.12);
+	--code-block-tab-inactive_pressed: rgba(var(--state-overlay), 0.24);
+
+	--code-block-spacing: var(--spc-2x);
+
+	--code-block-text_primary: var(--on-dark-emphasis-high);
+	--code-block-text_secondary: var(--on-dark-emphasis-medium);
+
+	--code-block-container_outer: var(--slate-800);
+	--code-block-container_inner: var(--slate-700);
+}
+
+@include from($desktop) {
+	:root {
+		--code-block-spacing: var(--spc-3x);
+	}
+}
diff --git a/src/views/collections/framework-field-guide/tokens/colors.scss b/src/views/collections/framework-field-guide/tokens/colors.scss
index 7591550c..187cf56b 100644
--- a/src/views/collections/framework-field-guide/tokens/colors.scss
+++ b/src/views/collections/framework-field-guide/tokens/colors.scss
@@ -1,100 +1,100 @@
-:root {
-	// FFG
-
-	--gradient-ffg: linear-gradient(90deg, #ffaa00 34.58%, #ffd500 83.8%);
-
-	// Corbin
-
-	--gradient-corbin: linear-gradient(90deg, #8077ee 37.76%, #bf49e9 75.83%);
-
-	// Default
-	--slate-050-base: 246, 249, 254;
-	--slate-050: rgb(var(--slate-050-base));
-	--slate-100-base: 236, 240, 249;
-	--slate-100: rgb(var(--slate-100-base));
-	--slate-200-base: 217, 225, 242;
-	--slate-200: rgb(var(--slate-200-base));
-	--slate-300-base: 184, 197, 224;
-	--slate-300: rgb(var(--slate-300-base));
-	--slate-400-base: 137, 155, 189;
-	--slate-400: rgb(var(--slate-400-base));
-	--slate-500-base: 96, 112, 144;
-	--slate-500: rgb(var(--slate-500-base));
-	--slate-600-base: 63, 79, 110;
-	--slate-600: rgb(var(--slate-600-base));
-	--slate-700-base: 42, 55, 81;
-	--slate-700: rgb(var(--slate-700-base));
-	--slate-800-base: 27, 36, 55;
-	--slate-800: rgb(var(--slate-800-base));
-	--slate-900-base: 18, 25, 38;
-	--slate-900: rgb(var(--slate-900-base));
-
-	// Fundamentals
-
-	--fund-050-base: 242, 253, 255;
-	--fund-050: rgb(var(--fund-050-base));
-	--fund-100-base: 210, 247, 255;
-	--fund-100: rgb(var(--fund-100-base));
-	--fund-200-base: 185, 235, 245;
-	--fund-200: rgb(var(--fund-200-base));
-	--fund-300-base: 148, 206, 219;
-	--fund-300: rgb(var(--fund-300-base));
-	--fund-400-base: 116, 179, 192;
-	--fund-400: rgb(var(--fund-400-base));
-	--fund-500-base: 92, 153, 167;
-	--fund-500: rgb(var(--fund-500-base));
-	--fund-600-base: 69, 129, 142;
-	--fund-600: rgb(var(--fund-600-base));
-	--fund-700-base: 52, 103, 113;
-	--fund-700: rgb(var(--fund-700-base));
-	--fund-800-base: 36, 79, 88;
-	--fund-800: rgb(var(--fund-800-base));
-	--fund-900-base: 23, 56, 63;
-	--fund-900: rgb(var(--fund-900-base));
-
-	// Ecosystem
-
-	--ecos-050-base: 244, 255, 238;
-	--ecos-050: rgb(var(--ecos-050-base));
-	--ecos-100-base: 226, 246, 218;
-	--ecos-100: rgb(var(--ecos-100-base));
-	--ecos-200-base: 205, 233, 197;
-	--ecos-200: rgb(var(--ecos-200-base));
-	--ecos-300-base: 168, 207, 163;
-	--ecos-300: rgb(var(--ecos-300-base));
-	--ecos-400-base: 132, 182, 130;
-	--ecos-400: rgb(var(--ecos-400-base));
-	--ecos-500-base: 102, 158, 106;
-	--ecos-500: rgb(var(--ecos-500-base));
-	--ecos-600-base: 76, 134, 87;
-	--ecos-600: rgb(var(--ecos-600-base));
-	--ecos-700-base: 54, 110, 71;
-	--ecos-700: rgb(var(--ecos-700-base));
-	--ecos-800-base: 36, 85, 56;
-	--ecos-800: rgb(var(--ecos-800-base));
-	--ecos-900-base: 21, 61, 41;
-	--ecos-900: rgb(var(--ecos-900-base));
-
-	// Internals
-
-	--inter-050-base: 255, 242, 255;
-	--inter-050: rgb(var(--inter-050-base));
-	--inter-100-base: 243, 218, 244;
-	--inter-100: rgb(var(--inter-100-base));
-	--inter-200-base: 230, 190, 233;
-	--inter-200: rgb(var(--inter-200-base));
-	--inter-300-base: 203, 153, 214;
-	--inter-300: rgb(var(--inter-300-base));
-	--inter-400-base: 164, 115, 187;
-	--inter-400: rgb(var(--inter-400-base));
-	--inter-500-base: 129, 84, 163;
-	--inter-500: rgb(var(--inter-500-base));
-	--inter-600-base: 96, 57, 141;
-	--inter-600: rgb(var(--inter-600-base));
-	--inter-700-base: 66, 36, 116;
-	--inter-700: rgb(var(--inter-700-base));
-	--inter-800-base: 38, 20, 86;
-	--inter-800: rgb(var(--inter-800-base));
-	--inter-900-base: 17, 10, 51;
-	--inter-900: rgb(var(--inter-900-base));
-}
+:root {
+	// FFG
+
+	--gradient-ffg: linear-gradient(90deg, #ffaa00 34.58%, #ffd500 83.8%);
+
+	// Corbin
+
+	--gradient-corbin: linear-gradient(90deg, #8077ee 37.76%, #bf49e9 75.83%);
+
+	// Default
+	--slate-050-base: 246, 249, 254;
+	--slate-050: rgb(var(--slate-050-base));
+	--slate-100-base: 236, 240, 249;
+	--slate-100: rgb(var(--slate-100-base));
+	--slate-200-base: 217, 225, 242;
+	--slate-200: rgb(var(--slate-200-base));
+	--slate-300-base: 184, 197, 224;
+	--slate-300: rgb(var(--slate-300-base));
+	--slate-400-base: 137, 155, 189;
+	--slate-400: rgb(var(--slate-400-base));
+	--slate-500-base: 96, 112, 144;
+	--slate-500: rgb(var(--slate-500-base));
+	--slate-600-base: 63, 79, 110;
+	--slate-600: rgb(var(--slate-600-base));
+	--slate-700-base: 42, 55, 81;
+	--slate-700: rgb(var(--slate-700-base));
+	--slate-800-base: 27, 36, 55;
+	--slate-800: rgb(var(--slate-800-base));
+	--slate-900-base: 18, 25, 38;
+	--slate-900: rgb(var(--slate-900-base));
+
+	// Fundamentals
+
+	--fund-050-base: 242, 253, 255;
+	--fund-050: rgb(var(--fund-050-base));
+	--fund-100-base: 210, 247, 255;
+	--fund-100: rgb(var(--fund-100-base));
+	--fund-200-base: 185, 235, 245;
+	--fund-200: rgb(var(--fund-200-base));
+	--fund-300-base: 148, 206, 219;
+	--fund-300: rgb(var(--fund-300-base));
+	--fund-400-base: 116, 179, 192;
+	--fund-400: rgb(var(--fund-400-base));
+	--fund-500-base: 92, 153, 167;
+	--fund-500: rgb(var(--fund-500-base));
+	--fund-600-base: 69, 129, 142;
+	--fund-600: rgb(var(--fund-600-base));
+	--fund-700-base: 52, 103, 113;
+	--fund-700: rgb(var(--fund-700-base));
+	--fund-800-base: 36, 79, 88;
+	--fund-800: rgb(var(--fund-800-base));
+	--fund-900-base: 23, 56, 63;
+	--fund-900: rgb(var(--fund-900-base));
+
+	// Ecosystem
+
+	--ecos-050-base: 244, 255, 238;
+	--ecos-050: rgb(var(--ecos-050-base));
+	--ecos-100-base: 226, 246, 218;
+	--ecos-100: rgb(var(--ecos-100-base));
+	--ecos-200-base: 205, 233, 197;
+	--ecos-200: rgb(var(--ecos-200-base));
+	--ecos-300-base: 168, 207, 163;
+	--ecos-300: rgb(var(--ecos-300-base));
+	--ecos-400-base: 132, 182, 130;
+	--ecos-400: rgb(var(--ecos-400-base));
+	--ecos-500-base: 102, 158, 106;
+	--ecos-500: rgb(var(--ecos-500-base));
+	--ecos-600-base: 76, 134, 87;
+	--ecos-600: rgb(var(--ecos-600-base));
+	--ecos-700-base: 54, 110, 71;
+	--ecos-700: rgb(var(--ecos-700-base));
+	--ecos-800-base: 36, 85, 56;
+	--ecos-800: rgb(var(--ecos-800-base));
+	--ecos-900-base: 21, 61, 41;
+	--ecos-900: rgb(var(--ecos-900-base));
+
+	// Internals
+
+	--inter-050-base: 255, 242, 255;
+	--inter-050: rgb(var(--inter-050-base));
+	--inter-100-base: 243, 218, 244;
+	--inter-100: rgb(var(--inter-100-base));
+	--inter-200-base: 230, 190, 233;
+	--inter-200: rgb(var(--inter-200-base));
+	--inter-300-base: 203, 153, 214;
+	--inter-300: rgb(var(--inter-300-base));
+	--inter-400-base: 164, 115, 187;
+	--inter-400: rgb(var(--inter-400-base));
+	--inter-500-base: 129, 84, 163;
+	--inter-500: rgb(var(--inter-500-base));
+	--inter-600-base: 96, 57, 141;
+	--inter-600: rgb(var(--inter-600-base));
+	--inter-700-base: 66, 36, 116;
+	--inter-700: rgb(var(--inter-700-base));
+	--inter-800-base: 38, 20, 86;
+	--inter-800: rgb(var(--inter-800-base));
+	--inter-900-base: 17, 10, 51;
+	--inter-900: rgb(var(--inter-900-base));
+}
diff --git a/src/views/collections/framework-field-guide/tokens/dimensions.scss b/src/views/collections/framework-field-guide/tokens/dimensions.scss
index 2368a249..83ab3e45 100644
--- a/src/views/collections/framework-field-guide/tokens/dimensions.scss
+++ b/src/views/collections/framework-field-guide/tokens/dimensions.scss
@@ -1,42 +1,42 @@
-:root {
-	--spc-1x: 8px;
-	--spc-2x: 16px;
-	--spc-3x: 24px;
-	--spc-4x: 32px;
-	--spc-5x: 40px;
-	--spc-6x: 48px;
-
-	/* MAX WIDTHS */
-	--max-width_small: 960px;
-	--max-width_large: 1280px;
-
-	/* BORDER WIDTH */
-
-	--border-1x: 1px;
-	--border-2x: 2px;
-	--border-3x: 3px;
-	--border-4x: 4px;
-
-	/* AVATARS */
-
-	--avatar-size_huge: 96px;
-	--avatar-size_large: 72px;
-	--avatar-size_medium: 40px;
-	--avatar-size_small: 24px;
-
-	/* CORNER RADIUS */
-
-	--corner-radius-1x: 8px;
-	--corner-radius-2x: 16px;
-	--corner-radius-3x: 24px;
-	--corner-radius-4x: 32px;
-	--corner-radius-5x: 40px;
-	--corner-radius-6x: 48px;
-	--corner-radius-circular: 999999px;
-	--corner-radius-circle: 50%;
-
-	/* FOCUS */
-
-	--focus-border_gap: 4px;
-	--focus-border_width: var(--border-4x);
-}
+:root {
+	--spc-1x: 8px;
+	--spc-2x: 16px;
+	--spc-3x: 24px;
+	--spc-4x: 32px;
+	--spc-5x: 40px;
+	--spc-6x: 48px;
+
+	/* MAX WIDTHS */
+	--max-width_small: 960px;
+	--max-width_large: 1280px;
+
+	/* BORDER WIDTH */
+
+	--border-1x: 1px;
+	--border-2x: 2px;
+	--border-3x: 3px;
+	--border-4x: 4px;
+
+	/* AVATARS */
+
+	--avatar-size_huge: 96px;
+	--avatar-size_large: 72px;
+	--avatar-size_medium: 40px;
+	--avatar-size_small: 24px;
+
+	/* CORNER RADIUS */
+
+	--corner-radius-1x: 8px;
+	--corner-radius-2x: 16px;
+	--corner-radius-3x: 24px;
+	--corner-radius-4x: 32px;
+	--corner-radius-5x: 40px;
+	--corner-radius-6x: 48px;
+	--corner-radius-circular: 999999px;
+	--corner-radius-circle: 50%;
+
+	/* FOCUS */
+
+	--focus-border_gap: 4px;
+	--focus-border_width: var(--border-4x);
+}
diff --git a/src/views/collections/framework-field-guide/tokens/forms.scss b/src/views/collections/framework-field-guide/tokens/forms.scss
index e002579e..0a65b017 100644
--- a/src/views/collections/framework-field-guide/tokens/forms.scss
+++ b/src/views/collections/framework-field-guide/tokens/forms.scss
@@ -1,17 +1,17 @@
-@import "./breakpoints";
-@import "./utils";
-
-:root {
-	--form-border-radius: 12px;
-	--form-border-width: var(--border-2x);
-
-	--form-padding-horizontal: var(--spc-2x);
-	--form-padding-vertical: var(--spc-1x);
-}
-
-@include from($desktop) {
-	:root {
-		--form-padding-horizontal: var(--spc-2x);
-		--form-padding-vertical: var(--spc-2x);
-	}
-}
+@import "./breakpoints";
+@import "./utils";
+
+:root {
+	--form-border-radius: 12px;
+	--form-border-width: var(--border-2x);
+
+	--form-padding-horizontal: var(--spc-2x);
+	--form-padding-vertical: var(--spc-1x);
+}
+
+@include from($desktop) {
+	:root {
+		--form-padding-horizontal: var(--spc-2x);
+		--form-padding-vertical: var(--spc-2x);
+	}
+}
diff --git a/src/views/collections/framework-field-guide/tokens/pricing.scss b/src/views/collections/framework-field-guide/tokens/pricing.scss
index 8df5e99a..59f2b6aa 100644
--- a/src/views/collections/framework-field-guide/tokens/pricing.scss
+++ b/src/views/collections/framework-field-guide/tokens/pricing.scss
@@ -1,36 +1,36 @@
-@import "./breakpoints";
-@import "./utils";
-
-:root {
-	--pricing-container_default: var(--slate-800);
-	--pricing-container_highlighted: var(--slate-700);
-	--pricing-container-radius: var(--corner-radius-2x);
-	--bullet-list-item-gap: 4px;
-	--bullet-list-item-icon-size: 12px;
-	--sale-badge-size: 72px;
-	--sale-badge-offset: -16px;
-	--sale-badge-rotation: -30deg;
-
-	--pricing-toggle-track-color: rgba(var(--state-overlay), 0.48);
-	--pricing-toggle-track-color_hovered: rgba(var(--state-overlay), 0.64);
-	--pricing-toggle-track-color_pressed: rgba(var(--state-overlay), 1);
-
-	--pricing-toggle-width: 56px;
-	--pricing-toggle-height: 32px;
-	--pricing-toggle-thumb-size: 20px;
-	--pricing-toggle-thumb-size_hovered: 24px;
-	--pricing-toggle-thumb-size_pressed: 28px;
-
-	--pricing-toggle-gap: 6px;
-	--pricing-toggle-gap_hovered: 4px;
-	--pricing-toggle-gap_pressed: 2px;
-}
-
-@include from($desktop) {
-	:root {
-		--bullet-list-item-icon-size: 16px;
-		--sale-badge-size: 128px;
-		--sale-badge-offset: -48px;
-		--pricing-container-radius: var(--corner-radius-3x);
-	}
-}
+@import "./breakpoints";
+@import "./utils";
+
+:root {
+	--pricing-container_default: var(--slate-800);
+	--pricing-container_highlighted: var(--slate-700);
+	--pricing-container-radius: var(--corner-radius-2x);
+	--bullet-list-item-gap: 4px;
+	--bullet-list-item-icon-size: 12px;
+	--sale-badge-size: 72px;
+	--sale-badge-offset: -16px;
+	--sale-badge-rotation: -30deg;
+
+	--pricing-toggle-track-color: rgba(var(--state-overlay), 0.48);
+	--pricing-toggle-track-color_hovered: rgba(var(--state-overlay), 0.64);
+	--pricing-toggle-track-color_pressed: rgba(var(--state-overlay), 1);
+
+	--pricing-toggle-width: 56px;
+	--pricing-toggle-height: 32px;
+	--pricing-toggle-thumb-size: 20px;
+	--pricing-toggle-thumb-size_hovered: 24px;
+	--pricing-toggle-thumb-size_pressed: 28px;
+
+	--pricing-toggle-gap: 6px;
+	--pricing-toggle-gap_hovered: 4px;
+	--pricing-toggle-gap_pressed: 2px;
+}
+
+@include from($desktop) {
+	:root {
+		--bullet-list-item-icon-size: 16px;
+		--sale-badge-size: 128px;
+		--sale-badge-offset: -48px;
+		--pricing-container-radius: var(--corner-radius-3x);
+	}
+}
diff --git a/src/views/collections/framework-field-guide/tokens/quotes.scss b/src/views/collections/framework-field-guide/tokens/quotes.scss
index 883f7b66..4202aebe 100644
--- a/src/views/collections/framework-field-guide/tokens/quotes.scss
+++ b/src/views/collections/framework-field-guide/tokens/quotes.scss
@@ -1,48 +1,48 @@
-@import "./breakpoints";
-@import "./utils";
-
-:root,
-.book-section {
-	--quote-grid-gap: var(--spc-3x);
-
-	--quote-mark-opacity: 0.12;
-	--quote-mark-offset: 8px;
-	--quote-mark-offset_prominent: 48px;
-
-	--quote-mark-aspect-ratio: 200 / 160;
-	--quote-marks-height_contained: 80px;
-	--quote-marks-height_prominent: 80px;
-
-	--quote-spacing: var(--spc-3x);
-	--quote-corner-radius: var(--corner-radius-3x);
-	--quote-avatar-size: var(--avatar-size_medium);
-
-	--quote-avatar-size_prominent: var(--avatar-size_large);
-
-	--quote-arrow-link-color: var(--outline_focused);
-}
-
-@include from($tablet) {
-	:root,
-	.book-section {
-		--quote-grid-gap: var(--spc-6x);
-	}
-}
-
-@include from($desktop) {
-	:root,
-	.book-section {
-		--quote-grid-gap: var(--spc-6x);
-
-		--quote-mark-offset: 32px;
-		--quote-mark-offset_prominent: 96px;
-
-		--quote-marks-height_contained: 120px;
-		--quote-marks-height_prominent: 160px;
-
-		--quote-spacing: var(--spc-4x);
-		--quote-corner-radius: var(--corner-radius-4x);
-
-		--quote-avatar-size_prominent: var(--avatar-size_huge);
-	}
-}
+@import "./breakpoints";
+@import "./utils";
+
+:root,
+.book-section {
+	--quote-grid-gap: var(--spc-3x);
+
+	--quote-mark-opacity: 0.12;
+	--quote-mark-offset: 8px;
+	--quote-mark-offset_prominent: 48px;
+
+	--quote-mark-aspect-ratio: 200 / 160;
+	--quote-marks-height_contained: 80px;
+	--quote-marks-height_prominent: 80px;
+
+	--quote-spacing: var(--spc-3x);
+	--quote-corner-radius: var(--corner-radius-3x);
+	--quote-avatar-size: var(--avatar-size_medium);
+
+	--quote-avatar-size_prominent: var(--avatar-size_large);
+
+	--quote-arrow-link-color: var(--outline_focused);
+}
+
+@include from($tablet) {
+	:root,
+	.book-section {
+		--quote-grid-gap: var(--spc-6x);
+	}
+}
+
+@include from($desktop) {
+	:root,
+	.book-section {
+		--quote-grid-gap: var(--spc-6x);
+
+		--quote-mark-offset: 32px;
+		--quote-mark-offset_prominent: 96px;
+
+		--quote-marks-height_contained: 120px;
+		--quote-marks-height_prominent: 160px;
+
+		--quote-spacing: var(--spc-4x);
+		--quote-corner-radius: var(--corner-radius-4x);
+
+		--quote-avatar-size_prominent: var(--avatar-size_huge);
+	}
+}
diff --git a/src/views/collections/framework-field-guide/tokens/sign-up.scss b/src/views/collections/framework-field-guide/tokens/sign-up.scss
index e055546c..83753071 100644
--- a/src/views/collections/framework-field-guide/tokens/sign-up.scss
+++ b/src/views/collections/framework-field-guide/tokens/sign-up.scss
@@ -1,31 +1,31 @@
-@import "./breakpoints";
-@import "./utils";
-
-:root {
-	--sign-up-avatar-size: var(--avatar-size_large);
-	--sign-up-btn-gap: var(--spc-6x);
-
-	--outline-gap: var(--spc-1x);
-	--outline-corner-radius: var(--corner-radius-2x);
-
-	--social-btn-icon-size: 24px;
-	--social-btn-height: 40px;
-}
-
-@include from($tablet) {
-	:root {
-		--outline-gap: var(--spc-2x);
-	}
-}
-
-@include from($desktop) {
-	:root {
-		--sign-up-btn-gap: var(--spc-3x);
-
-		--outline-gap: var(--spc-3x);
-		--outline-corner-radius: var(--corner-radius-3x);
-
-		--social-btn-icon-size: 32px;
-		--social-btn-height: 64px;
-	}
-}
+@import "./breakpoints";
+@import "./utils";
+
+:root {
+	--sign-up-avatar-size: var(--avatar-size_large);
+	--sign-up-btn-gap: var(--spc-6x);
+
+	--outline-gap: var(--spc-1x);
+	--outline-corner-radius: var(--corner-radius-2x);
+
+	--social-btn-icon-size: 24px;
+	--social-btn-height: 40px;
+}
+
+@include from($tablet) {
+	:root {
+		--outline-gap: var(--spc-2x);
+	}
+}
+
+@include from($desktop) {
+	:root {
+		--sign-up-btn-gap: var(--spc-3x);
+
+		--outline-gap: var(--spc-3x);
+		--outline-corner-radius: var(--corner-radius-3x);
+
+		--social-btn-icon-size: 32px;
+		--social-btn-height: 64px;
+	}
+}
diff --git a/src/views/collections/framework-field-guide/tokens/text-styles.scss b/src/views/collections/framework-field-guide/tokens/text-styles.scss
index 2fe4b104..724f073d 100644
--- a/src/views/collections/framework-field-guide/tokens/text-styles.scss
+++ b/src/views/collections/framework-field-guide/tokens/text-styles.scss
@@ -1,312 +1,312 @@
-@import "./breakpoints";
-@import "./utils";
-
-$plusJakartaSans: "Plus Jakarta Sans", "Plus Jakarta Sans-fallback",
-	"Plus Jakarta Sans-fallback2", sans-serif;
-$changaOne: "Changa One", "Changa One-fallback", "Changa One-fallback2",
-	sans-serif;
-
-.text-style-display-1 {
-	font-size: 2.75rem;
-	font-family: $plusJakartaSans;
-	font-weight: 800;
-	font-style: normal;
-	line-height: 100%;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-display-2 {
-	font-size: 4rem;
-	font-family: $changaOne;
-	font-weight: 400;
-	font-style: normal;
-	line-height: 3.5rem;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-headline-1 {
-	font-size: 2.25rem;
-	font-family: $plusJakartaSans;
-	font-weight: 800;
-	font-style: normal;
-	line-height: 2.5rem;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-headline-2 {
-	font-size: 2rem;
-	font-family: $plusJakartaSans;
-	font-weight: 800;
-	font-style: normal;
-	line-height: 2.5rem;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-headline-3 {
-	font-size: 1.75rem;
-	font-family: $plusJakartaSans;
-	font-weight: 800;
-	font-style: normal;
-	line-height: 2.25rem;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-headline-4 {
-	font-size: 1.5rem;
-	font-family: $plusJakartaSans;
-	font-weight: 700;
-	font-style: normal;
-	line-height: 1.75rem;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-headline-5 {
-	font-size: 1.25rem;
-	font-family: $plusJakartaSans;
-	font-weight: 600;
-	font-style: normal;
-	line-height: 1.5rem;
-	letter-spacing: 0.01em;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-headline-6 {
-	font-size: 1.125rem;
-	font-family: $plusJakartaSans;
-	font-weight: 700;
-	font-style: normal;
-	line-height: 1.5rem;
-	letter-spacing: 0.03em;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-button {
-	font-size: 0.875rem;
-	font-family: $plusJakartaSans;
-	font-weight: 700;
-	font-style: normal;
-	line-height: 1.5rem;
-	letter-spacing: 0.01em;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-body-large {
-	font-size: 1rem;
-	font-family: $plusJakartaSans;
-	font-weight: 500;
-	font-style: normal;
-	line-height: 1.5rem;
-	letter-spacing: 0.02em;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-body-large-bold {
-	font-size: 1rem;
-	font-family: $plusJakartaSans;
-	font-weight: 700;
-	font-style: normal;
-	line-height: 1.5rem;
-	letter-spacing: 0.02em;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-body-medium {
-	font-size: 0.875rem;
-	font-family: $plusJakartaSans;
-	font-weight: 400;
-	font-style: normal;
-	line-height: 1.25rem;
-	letter-spacing: 0.02em;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-body-medium-bold {
-	font-size: 0.875rem;
-	font-family: $plusJakartaSans;
-	font-weight: 700;
-	font-style: normal;
-	line-height: 1.25rem;
-	letter-spacing: 0.02em;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-body-small {
-	font-size: 0.75rem;
-	font-family: $plusJakartaSans;
-	font-weight: 400;
-	font-style: normal;
-	line-height: 1.25rem;
-	letter-spacing: 0.02em;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-body-small-bold {
-	font-size: 0.75rem;
-	font-family: $plusJakartaSans;
-	font-weight: 700;
-	font-style: normal;
-	line-height: 1.25rem;
-	letter-spacing: 0.02em;
-	text-decoration: none;
-	text-transform: none;
-}
-.text-style-code {
-	font-size: 0.75rem;
-	font-family: "Fira Code";
-	line-height: 1rem;
-	text-decoration: none;
-	text-transform: none;
-}
-
-@include from($desktop) {
-	.text-style-display-1 {
-		font-size: 7rem;
-		font-family: $plusJakartaSans;
-		font-weight: 800;
-		font-style: normal;
-		line-height: 7rem;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-display-2 {
-		font-size: 9rem;
-		font-family: $changaOne;
-		font-weight: 400;
-		font-style: normal;
-		line-height: 8rem;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-headline-1 {
-		font-size: 4.5rem;
-		font-family: $plusJakartaSans;
-		font-weight: 800;
-		font-style: normal;
-		line-height: 4.5rem;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-headline-2 {
-		font-size: 3.5rem;
-		font-family: $plusJakartaSans;
-		font-weight: 800;
-		font-style: normal;
-		line-height: 4rem;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-headline-3 {
-		font-size: 2.75rem;
-		font-family: $plusJakartaSans;
-		font-weight: 800;
-		font-style: normal;
-		line-height: 3.5rem;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-headline-4 {
-		font-size: 2.25rem;
-		font-family: $plusJakartaSans;
-		font-weight: 700;
-		font-style: normal;
-		line-height: 2.75rem;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-headline-5 {
-		font-size: 1.75rem;
-		font-family: $plusJakartaSans;
-		font-weight: 600;
-		font-style: normal;
-		line-height: 2.25rem;
-		letter-spacing: 0.01em;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-headline-6 {
-		font-size: 1.25rem;
-		font-family: $plusJakartaSans;
-		font-weight: 700;
-		font-style: normal;
-		line-height: 1.75rem;
-		letter-spacing: 0.03em;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-button {
-		font-size: 1.125rem;
-		font-family: $plusJakartaSans;
-		font-weight: 700;
-		font-style: normal;
-		line-height: 1.5rem;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-body-large {
-		font-size: 1.125rem;
-		font-family: $plusJakartaSans;
-		font-weight: 500;
-		font-style: normal;
-		line-height: 1.75rem;
-		letter-spacing: 0.02em;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-body-large-bold {
-		font-size: 1.125rem;
-		font-family: $plusJakartaSans;
-		font-weight: 700;
-		font-style: normal;
-		line-height: 1.75rem;
-		letter-spacing: 0.02em;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-body-medium {
-		font-size: 1rem;
-		font-family: $plusJakartaSans;
-		font-weight: 500;
-		font-style: normal;
-		line-height: 1.5rem;
-		letter-spacing: 0.02em;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-body-medium-bold {
-		font-size: 1rem;
-		font-family: $plusJakartaSans;
-		font-weight: 700;
-		font-style: normal;
-		line-height: 1.5rem;
-		letter-spacing: 0.02em;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-body-small {
-		font-size: 0.875rem;
-		font-family: $plusJakartaSans;
-		font-weight: 400;
-		font-style: normal;
-		line-height: 1.25rem;
-		letter-spacing: 0.02em;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-body-small-bold {
-		font-size: 0.875rem;
-		font-family: $plusJakartaSans;
-		font-weight: 700;
-		font-style: normal;
-		line-height: 1.25rem;
-		letter-spacing: 0.02em;
-		text-decoration: none;
-		text-transform: none;
-	}
-	.text-style-code {
-		font-size: 1rem;
-		font-family: "Fira Code", monospace;
-		line-height: 1.5rem;
-		text-decoration: none;
-		text-transform: none;
-	}
-}
+@import "./breakpoints";
+@import "./utils";
+
+$plusJakartaSans: "Plus Jakarta Sans", "Plus Jakarta Sans-fallback",
+	"Plus Jakarta Sans-fallback2", sans-serif;
+$changaOne: "Changa One", "Changa One-fallback", "Changa One-fallback2",
+	sans-serif;
+
+.text-style-display-1 {
+	font-size: 2.75rem;
+	font-family: $plusJakartaSans;
+	font-weight: 800;
+	font-style: normal;
+	line-height: 100%;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-display-2 {
+	font-size: 4rem;
+	font-family: $changaOne;
+	font-weight: 400;
+	font-style: normal;
+	line-height: 3.5rem;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-headline-1 {
+	font-size: 2.25rem;
+	font-family: $plusJakartaSans;
+	font-weight: 800;
+	font-style: normal;
+	line-height: 2.5rem;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-headline-2 {
+	font-size: 2rem;
+	font-family: $plusJakartaSans;
+	font-weight: 800;
+	font-style: normal;
+	line-height: 2.5rem;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-headline-3 {
+	font-size: 1.75rem;
+	font-family: $plusJakartaSans;
+	font-weight: 800;
+	font-style: normal;
+	line-height: 2.25rem;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-headline-4 {
+	font-size: 1.5rem;
+	font-family: $plusJakartaSans;
+	font-weight: 700;
+	font-style: normal;
+	line-height: 1.75rem;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-headline-5 {
+	font-size: 1.25rem;
+	font-family: $plusJakartaSans;
+	font-weight: 600;
+	font-style: normal;
+	line-height: 1.5rem;
+	letter-spacing: 0.01em;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-headline-6 {
+	font-size: 1.125rem;
+	font-family: $plusJakartaSans;
+	font-weight: 700;
+	font-style: normal;
+	line-height: 1.5rem;
+	letter-spacing: 0.03em;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-button {
+	font-size: 0.875rem;
+	font-family: $plusJakartaSans;
+	font-weight: 700;
+	font-style: normal;
+	line-height: 1.5rem;
+	letter-spacing: 0.01em;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-body-large {
+	font-size: 1rem;
+	font-family: $plusJakartaSans;
+	font-weight: 500;
+	font-style: normal;
+	line-height: 1.5rem;
+	letter-spacing: 0.02em;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-body-large-bold {
+	font-size: 1rem;
+	font-family: $plusJakartaSans;
+	font-weight: 700;
+	font-style: normal;
+	line-height: 1.5rem;
+	letter-spacing: 0.02em;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-body-medium {
+	font-size: 0.875rem;
+	font-family: $plusJakartaSans;
+	font-weight: 400;
+	font-style: normal;
+	line-height: 1.25rem;
+	letter-spacing: 0.02em;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-body-medium-bold {
+	font-size: 0.875rem;
+	font-family: $plusJakartaSans;
+	font-weight: 700;
+	font-style: normal;
+	line-height: 1.25rem;
+	letter-spacing: 0.02em;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-body-small {
+	font-size: 0.75rem;
+	font-family: $plusJakartaSans;
+	font-weight: 400;
+	font-style: normal;
+	line-height: 1.25rem;
+	letter-spacing: 0.02em;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-body-small-bold {
+	font-size: 0.75rem;
+	font-family: $plusJakartaSans;
+	font-weight: 700;
+	font-style: normal;
+	line-height: 1.25rem;
+	letter-spacing: 0.02em;
+	text-decoration: none;
+	text-transform: none;
+}
+.text-style-code {
+	font-size: 0.75rem;
+	font-family: "Fira Code";
+	line-height: 1rem;
+	text-decoration: none;
+	text-transform: none;
+}
+
+@include from($desktop) {
+	.text-style-display-1 {
+		font-size: 7rem;
+		font-family: $plusJakartaSans;
+		font-weight: 800;
+		font-style: normal;
+		line-height: 7rem;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-display-2 {
+		font-size: 9rem;
+		font-family: $changaOne;
+		font-weight: 400;
+		font-style: normal;
+		line-height: 8rem;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-headline-1 {
+		font-size: 4.5rem;
+		font-family: $plusJakartaSans;
+		font-weight: 800;
+		font-style: normal;
+		line-height: 4.5rem;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-headline-2 {
+		font-size: 3.5rem;
+		font-family: $plusJakartaSans;
+		font-weight: 800;
+		font-style: normal;
+		line-height: 4rem;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-headline-3 {
+		font-size: 2.75rem;
+		font-family: $plusJakartaSans;
+		font-weight: 800;
+		font-style: normal;
+		line-height: 3.5rem;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-headline-4 {
+		font-size: 2.25rem;
+		font-family: $plusJakartaSans;
+		font-weight: 700;
+		font-style: normal;
+		line-height: 2.75rem;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-headline-5 {
+		font-size: 1.75rem;
+		font-family: $plusJakartaSans;
+		font-weight: 600;
+		font-style: normal;
+		line-height: 2.25rem;
+		letter-spacing: 0.01em;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-headline-6 {
+		font-size: 1.25rem;
+		font-family: $plusJakartaSans;
+		font-weight: 700;
+		font-style: normal;
+		line-height: 1.75rem;
+		letter-spacing: 0.03em;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-button {
+		font-size: 1.125rem;
+		font-family: $plusJakartaSans;
+		font-weight: 700;
+		font-style: normal;
+		line-height: 1.5rem;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-body-large {
+		font-size: 1.125rem;
+		font-family: $plusJakartaSans;
+		font-weight: 500;
+		font-style: normal;
+		line-height: 1.75rem;
+		letter-spacing: 0.02em;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-body-large-bold {
+		font-size: 1.125rem;
+		font-family: $plusJakartaSans;
+		font-weight: 700;
+		font-style: normal;
+		line-height: 1.75rem;
+		letter-spacing: 0.02em;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-body-medium {
+		font-size: 1rem;
+		font-family: $plusJakartaSans;
+		font-weight: 500;
+		font-style: normal;
+		line-height: 1.5rem;
+		letter-spacing: 0.02em;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-body-medium-bold {
+		font-size: 1rem;
+		font-family: $plusJakartaSans;
+		font-weight: 700;
+		font-style: normal;
+		line-height: 1.5rem;
+		letter-spacing: 0.02em;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-body-small {
+		font-size: 0.875rem;
+		font-family: $plusJakartaSans;
+		font-weight: 400;
+		font-style: normal;
+		line-height: 1.25rem;
+		letter-spacing: 0.02em;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-body-small-bold {
+		font-size: 0.875rem;
+		font-family: $plusJakartaSans;
+		font-weight: 700;
+		font-style: normal;
+		line-height: 1.25rem;
+		letter-spacing: 0.02em;
+		text-decoration: none;
+		text-transform: none;
+	}
+	.text-style-code {
+		font-size: 1rem;
+		font-family: "Fira Code", monospace;
+		line-height: 1.5rem;
+		text-decoration: none;
+		text-transform: none;
+	}
+}
diff --git a/src/views/collections/framework-field-guide/tokens/themes.scss b/src/views/collections/framework-field-guide/tokens/themes.scss
index f9c81163..9bccbc44 100644
--- a/src/views/collections/framework-field-guide/tokens/themes.scss
+++ b/src/views/collections/framework-field-guide/tokens/themes.scss
@@ -1,127 +1,127 @@
-:root {
-	--section-background: var(--slate-900);
-
-	--on-light-emphasis-high: var(--slate-900);
-	--on-light-emphasis-medium: var(--slate-700);
-	--on-light-emphasis-low: var(--slate-500);
-
-	--on-dark-emphasis-high: var(--slate-050);
-	--on-dark-emphasis-medium: var(--slate-300);
-	--on-dark-emphasis-low: var(--slate-500);
-
-	--outline: var(--slate-500);
-	--outline_focused: var(--slate-300);
-	--state-overlay: var(--slate-500-base);
-
-	--text-gradient-start: var(--slate-050);
-	--text-gradient-end: var(--slate-200);
-
-	--cta-foreground: var(--slate-900);
-	--cta-background: var(--slate-050);
-	--cta-background_hovered: var(--slate-200);
-	--cta-background_pressed: var(--slate-400);
-}
-
-.class-book-1 {
-	--section-background: var(--fund-900);
-
-	--on-light-emphasis-high: var(--fund-900);
-	--on-light-emphasis-medium: var(--fund-700);
-	--on-light-emphasis-low: var(--fund-500);
-
-	--on-dark-emphasis-high: var(--fund-050);
-	--on-dark-emphasis-medium: var(--fund-300);
-	--on-dark-emphasis-low: var(--fund-500);
-
-	--outline: var(--fund-500);
-	--outline_focused: var(--fund-300);
-	--state-overlay: var(--fund-500-base);
-
-	--text-gradient-start: var(--fund-050);
-	--text-gradient-end: var(--fund-200);
-
-	--cta-foreground: var(--fund-900);
-	--cta-background: var(--fund-050);
-
-	--chip-foreground: var(--fund-100);
-	--chip-background: var(--fund-800);
-	--cta-background_hovered: var(--fund-200);
-	--cta-background_pressed: var(--fund-400);
-}
-
-.class-book-hero {
-	--outline: var(--fund-500);
-	--outline_focused: var(--fund-700);
-	--state-overlay: var(--fund-500-base);
-
-	--cta-foreground: var(--fund-050);
-	--cta-background: var(--fund-900);
-	--cta-background_hovered: var(--fund-800);
-	--cta-background_pressed: var(--fund-700);
-
-	.book-section {
-		--btn-foreground_outlined: var(--on-light-emphasis-high);
-	}
-}
-
-.class-book-2 {
-	--section-background: var(--ecos-900);
-
-	--on-light-emphasis-high: var(--ecos-900);
-	--on-light-emphasis-medium: var(--ecos-700);
-	--on-light-emphasis-low: var(--ecos-500);
-
-	--on-dark-emphasis-high: var(--ecos-050);
-	--on-dark-emphasis-medium: var(--ecos-300);
-	--on-dark-emphasis-low: var(--ecos-500);
-
-	--outline: var(--ecos-500);
-	--outline_focused: var(--ecos-300);
-	--state-overlay: var(--ecos-500-base);
-
-	--text-gradient-start: var(--ecos-050);
-	--text-gradient-end: var(--ecos-200);
-
-	--cta-foreground: var(--ecos-900);
-	--cta-background: var(--ecos-050);
-	--cta-background_hovered: var(--ecos-200);
-	--cta-background_pressed: var(--ecos-400);
-
-	--chip-foreground: var(--ecos-100);
-	--chip-background: var(--ecos-800);
-}
-
-.class-book-3 {
-	--section-background: var(--inter-900);
-
-	--on-light-emphasis-high: var(--inter-900);
-	--on-light-emphasis-medium: var(--inter-700);
-	--on-light-emphasis-low: var(--inter-500);
-
-	--on-dark-emphasis-high: var(--inter-050);
-	--on-dark-emphasis-medium: var(--inter-300);
-	--on-dark-emphasis-low: var(--inter-500);
-
-	--outline: var(--inter-500);
-	--outline_focused: var(--inter-300);
-	--state-overlay: var(--inter-500-base);
-
-	--text-gradient-start: var(--inter-050);
-	--text-gradient-end: var(--inter-200);
-
-	--cta-foreground: var(--inter-900);
-	--cta-background: var(--inter-050);
-	--cta-background_hovered: var(--inter-200);
-	--cta-background_pressed: var(--inter-400);
-
-	--chip-foreground: var(--inter-100);
-	--chip-background: var(--inter-800);
-}
-
-.book-section {
-	--text-gradient: linear-gradient(
-		180deg,
-		var(--text-gradient-start),
-		var(--text-gradient-end)
-	);
-}
+:root {
+	--section-background: var(--slate-900);
+
+	--on-light-emphasis-high: var(--slate-900);
+	--on-light-emphasis-medium: var(--slate-700);
+	--on-light-emphasis-low: var(--slate-500);
+
+	--on-dark-emphasis-high: var(--slate-050);
+	--on-dark-emphasis-medium: var(--slate-300);
+	--on-dark-emphasis-low: var(--slate-500);
+
+	--outline: var(--slate-500);
+	--outline_focused: var(--slate-300);
+	--state-overlay: var(--slate-500-base);
+
+	--text-gradient-start: var(--slate-050);
+	--text-gradient-end: var(--slate-200);
+
+	--cta-foreground: var(--slate-900);
+	--cta-background: var(--slate-050);
+	--cta-background_hovered: var(--slate-200);
+	--cta-background_pressed: var(--slate-400);
+}
+
+.class-book-1 {
+	--section-background: var(--fund-900);
+
+	--on-light-emphasis-high: var(--fund-900);
+	--on-light-emphasis-medium: var(--fund-700);
+	--on-light-emphasis-low: var(--fund-500);
+
+	--on-dark-emphasis-high: var(--fund-050);
+	--on-dark-emphasis-medium: var(--fund-300);
+	--on-dark-emphasis-low: var(--fund-500);
+
+	--outline: var(--fund-500);
+	--outline_focused: var(--fund-300);
+	--state-overlay: var(--fund-500-base);
+
+	--text-gradient-start: var(--fund-050);
+	--text-gradient-end: var(--fund-200);
+
+	--cta-foreground: var(--fund-900);
+	--cta-background: var(--fund-050);
+
+	--chip-foreground: var(--fund-100);
+	--chip-background: var(--fund-800);
+	--cta-background_hovered: var(--fund-200);
+	--cta-background_pressed: var(--fund-400);
+}
+
+.class-book-hero {
+	--outline: var(--fund-500);
+	--outline_focused: var(--fund-700);
+	--state-overlay: var(--fund-500-base);
+
+	--cta-foreground: var(--fund-050);
+	--cta-background: var(--fund-900);
+	--cta-background_hovered: var(--fund-800);
+	--cta-background_pressed: var(--fund-700);
+
+	.book-section {
+		--btn-foreground_outlined: var(--on-light-emphasis-high);
+	}
+}
+
+.class-book-2 {
+	--section-background: var(--ecos-900);
+
+	--on-light-emphasis-high: var(--ecos-900);
+	--on-light-emphasis-medium: var(--ecos-700);
+	--on-light-emphasis-low: var(--ecos-500);
+
+	--on-dark-emphasis-high: var(--ecos-050);
+	--on-dark-emphasis-medium: var(--ecos-300);
+	--on-dark-emphasis-low: var(--ecos-500);
+
+	--outline: var(--ecos-500);
+	--outline_focused: var(--ecos-300);
+	--state-overlay: var(--ecos-500-base);
+
+	--text-gradient-start: var(--ecos-050);
+	--text-gradient-end: var(--ecos-200);
+
+	--cta-foreground: var(--ecos-900);
+	--cta-background: var(--ecos-050);
+	--cta-background_hovered: var(--ecos-200);
+	--cta-background_pressed: var(--ecos-400);
+
+	--chip-foreground: var(--ecos-100);
+	--chip-background: var(--ecos-800);
+}
+
+.class-book-3 {
+	--section-background: var(--inter-900);
+
+	--on-light-emphasis-high: var(--inter-900);
+	--on-light-emphasis-medium: var(--inter-700);
+	--on-light-emphasis-low: var(--inter-500);
+
+	--on-dark-emphasis-high: var(--inter-050);
+	--on-dark-emphasis-medium: var(--inter-300);
+	--on-dark-emphasis-low: var(--inter-500);
+
+	--outline: var(--inter-500);
+	--outline_focused: var(--inter-300);
+	--state-overlay: var(--inter-500-base);
+
+	--text-gradient-start: var(--inter-050);
+	--text-gradient-end: var(--inter-200);
+
+	--cta-foreground: var(--inter-900);
+	--cta-background: var(--inter-050);
+	--cta-background_hovered: var(--inter-200);
+	--cta-background_pressed: var(--inter-400);
+
+	--chip-foreground: var(--inter-100);
+	--chip-background: var(--inter-800);
+}
+
+.book-section {
+	--text-gradient: linear-gradient(
+		180deg,
+		var(--text-gradient-start),
+		var(--text-gradient-end)
+	);
+}
diff --git a/src/views/collections/framework-field-guide/tokens/transition-timer.scss b/src/views/collections/framework-field-guide/tokens/transition-timer.scss
index 27e8bf8e..41f8633a 100644
--- a/src/views/collections/framework-field-guide/tokens/transition-timer.scss
+++ b/src/views/collections/framework-field-guide/tokens/transition-timer.scss
@@ -1,4 +1,4 @@
-:root {
-    --color-transition-time: 500ms;
-    --color-transition-ease: ease-in-out;
-}
\ No newline at end of file
+:root {
+	--color-transition-time: 500ms;
+	--color-transition-ease: ease-in-out;
+}
diff --git a/src/views/search/components/search-topbar.tsx b/src/views/search/components/search-topbar.tsx
index c96c5668..941746a0 100644
--- a/src/views/search/components/search-topbar.tsx
+++ b/src/views/search/components/search-topbar.tsx
@@ -90,27 +90,28 @@ export const SearchTopbar = ({
 				</Button>
 			</div>
 			<div class={style.orderSelectContainer}>
-        <div class={style.dividerLine} />
-        <div class={style.filterAndOrderSelectDiv}>
-				<Button
-          onClick={() => setFilterIsDialogOpen(true)}
-          leftIcon={
-          <span
-		  			className={style.filterIconContainer}
-	  				dangerouslySetInnerHTML={{ __html: filter }}
-  				></span>
-				}>
-          Filter
-				</Button>
-				<Select
-					label={"Order"}
-					selectedKey={sort}
-					onSelectionChange={(v) => setSort(v)}
-				>
-					<Item key={"newest"}>Newest</Item>
-					<Item key={"oldest"}>Oldest</Item>
-				</Select>
-        </div>
+				<div class={style.dividerLine} />
+				<div class={style.filterAndOrderSelectDiv}>
+					<Button
+						onClick={() => setFilterIsDialogOpen(true)}
+						leftIcon={
+							<span
+								className={style.filterIconContainer}
+								dangerouslySetInnerHTML={{ __html: filter }}
+							></span>
+						}
+					>
+						Filter
+					</Button>
+					<Select
+						label={"Order"}
+						selectedKey={sort}
+						onSelectionChange={(v) => setSort(v)}
+					>
+						<Item key={"newest"}>Newest</Item>
+						<Item key={"oldest"}>Oldest</Item>
+					</Select>
+				</div>
 			</div>
 			<div className={style.topBarSmallTabletButtons}>
 				<div role="group" className={style.topBarSmallTabletButtonsToggle}>
diff --git a/tsconfig.script.json b/tsconfig.script.json
index 91f46af7..a8bc3f6c 100644
--- a/tsconfig.script.json
+++ b/tsconfig.script.json
@@ -5,7 +5,5 @@
 		"jsxImportSource": "preact",
 		"outDir": "build-scripts/social-previews/dist"
 	},
-	"include": [
-		"build-scripts/social-previews/layouts/*.tsx"
-	]
+	"include": ["build-scripts/social-previews/layouts/*.tsx"]
 }
diff --git a/vercel.json b/vercel.json
index 0ef9a038..c05c6e35 100644
--- a/vercel.json
+++ b/vercel.json
@@ -31,7 +31,10 @@
 		{
 			"source": "/(.*).(ttf|woff2)",
 			"headers": [
-				{"key": "Cache-Control", "value": "public, max-age=31536000, immutable"}
+				{
+					"key": "Cache-Control",
+					"value": "public, max-age=31536000, immutable"
+				}
 			]
 		}
 	]