diff --git a/apps/web/package.json b/apps/web/package.json
index 98bf020..38a602d 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -23,7 +23,8 @@
 		"next-seo": "^6.5.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-icons": "^5.0.1"
+		"react-icons": "^5.0.1",
+		"use-debounce": "^10.0.0"
 	},
 	"devDependencies": {
 		"@ducanh2912/next-pwa": "^10.2.5",
diff --git a/apps/web/pages/compounds/index.tsx b/apps/web/pages/compounds/index.tsx
index 73a3c03..ca45840 100644
--- a/apps/web/pages/compounds/index.tsx
+++ b/apps/web/pages/compounds/index.tsx
@@ -6,57 +6,16 @@ import { Optional } from '@poolofdeath20/util';
 
 import data from '@periotable/data';
 
-import useSearchQuery from '../../src/web/hooks/search';
 import Seo from '../../src/web/components/seo';
 import ListOfCompounds, {
 	type Compounds,
 } from '../../src/web/components/compounds';
 
 const Compounds = () => {
-	const allCompounds = data.flatMap((value) => {
+	const compounds = data.flatMap((value) => {
 		return value.compounds;
 	}) as Compounds;
 
-	const [value, setValue] = useSearchQuery();
-
-	const [compounds, setCompounds] = React.useState(allCompounds);
-
-	React.useEffect(() => {
-		setCompounds(
-			value
-				.map((value) => {
-					return value.toLowerCase();
-				})
-				.map((value) => {
-					return allCompounds.filter((match) => {
-						const molecularFormulaMatch = match.molecularformula
-							.toLowerCase()
-							.includes(value);
-
-						switch (molecularFormulaMatch) {
-							case true: {
-								return true;
-							}
-							case false: {
-								const nameMatches = match.allnames.filter(
-									(name) => {
-										return name
-											.toLowerCase()
-											.includes(value);
-									}
-								);
-
-								return nameMatches.length;
-							}
-						}
-					});
-				})
-				.unwrapOrElse(() => {
-					return allCompounds;
-				})
-		);
-	}, [value.unwrapOrGet('')]);
-
 	return (
 		<Box display="flex" justifyContent="center" alignItems="center" pb={8}>
 			<Seo
@@ -72,12 +31,9 @@ const Compounds = () => {
 			/>
 			<Box width="90%">
 				<ListOfCompounds
+					useNativeRouter={false}
 					compounds={compounds}
 					path="/compounds"
-					search={{
-						value,
-						setValue,
-					}}
 				/>
 			</Box>
 		</Box>
diff --git a/apps/web/pages/elements/[name]/index.tsx b/apps/web/pages/elements/[name]/index.tsx
index 30e7df8..edfbd21 100644
--- a/apps/web/pages/elements/[name]/index.tsx
+++ b/apps/web/pages/elements/[name]/index.tsx
@@ -34,7 +34,6 @@ import ListOfCompounds, {
 	type Compounds,
 } from '../../../src/web/components/compounds';
 import { BigTile } from '../../../src/web/components/table/element';
-import useSearchQuery from '../../../src/web/hooks/search';
 import useBreakpoint from '../../../src/web/hooks/break-point';
 import { useHeaderHeight } from '../../../src/web/components/common/header';
 import { obtainNameFromUrl } from '../../../src/web/util/asset';
@@ -325,59 +324,14 @@ const generatePostfix = () => {
 
 const Compounds = ({ element }: GetStaticPropsType) => {
 	if (!element.compounds.length) {
-		return <Typography>There are no compound known</Typography>;
+		return <Typography>There are no known compound</Typography>;
 	}
 
-	const [value, setValue] = useSearchQuery();
-
-	const [compounds, setCompounds] = React.useState(
-		element.compounds as Compounds
-	);
-
-	React.useEffect(() => {
-		setCompounds(
-			value
-				.map((value) => {
-					return value.toLowerCase();
-				})
-				.map((value) => {
-					return element.compounds.filter((compound) => {
-						const molecularFormulaMatch = compound.molecularformula
-							.toLowerCase()
-							.includes(value);
-
-						switch (molecularFormulaMatch) {
-							case true: {
-								return true;
-							}
-							case false: {
-								const nameMatches = compound.allnames.filter(
-									(name) => {
-										return name
-											.toLowerCase()
-											.includes(value);
-									}
-								);
-
-								return nameMatches.length;
-							}
-						}
-					});
-				})
-				.unwrapOrElse(() => {
-					return element.compounds;
-				})
-		);
-	}, [value.unwrapOrGet('')]);
-
 	return (
 		<ListOfCompounds
-			compounds={compounds}
+			useNativeRouter
+			compounds={element.compounds}
 			path={`${element.path}/list-of-compounds`}
-			search={{
-				value,
-				setValue,
-			}}
 		/>
 	);
 };
diff --git a/apps/web/src/web/components/common/footer/index.tsx b/apps/web/src/web/components/common/footer/index.tsx
index 33dc7c5..cd381ad 100644
--- a/apps/web/src/web/components/common/footer/index.tsx
+++ b/apps/web/src/web/components/common/footer/index.tsx
@@ -146,7 +146,7 @@ const Footer = () => {
 								Component: SiTypescript,
 							},
 							{
-								link: 'mui.com/joy-ui',
+								link: 'mui.com/joy-ui/getting-started',
 								Component: SiMui,
 							},
 						].map((props) => {
diff --git a/apps/web/src/web/components/common/input/index.tsx b/apps/web/src/web/components/common/input/index.tsx
index 1225ce8..380351d 100644
--- a/apps/web/src/web/components/common/input/index.tsx
+++ b/apps/web/src/web/components/common/input/index.tsx
@@ -29,9 +29,7 @@ const SearchBar = (
 				onChange={(event) => {
 					const { value } = event.target;
 
-					props.search.setValue(
-						value ? Optional.from(value) : Optional.none()
-					);
+					props.search.setValue(Optional.some(value));
 				}}
 			/>
 		</Box>
diff --git a/apps/web/src/web/components/compounds/index.tsx b/apps/web/src/web/components/compounds/index.tsx
index c3ddf52..6d8909f 100644
--- a/apps/web/src/web/components/compounds/index.tsx
+++ b/apps/web/src/web/components/compounds/index.tsx
@@ -16,11 +16,13 @@ import { MdOutlineChevronLeft, MdOutlineChevronRight } from 'react-icons/md';
 
 import {
 	type DeepReadonly,
-	Optional,
 	Defined,
 	type Return,
+	formQueryParamStringFromRecord,
 } from '@poolofdeath20/util';
 
+import { useDebounce } from 'use-debounce';
+
 import InternalLink from '../link/internal';
 import ExternalLink from '../link/external';
 import SearchBar from '../common/input';
@@ -29,6 +31,8 @@ import {
 	usePagination,
 	useRowsPerPage,
 } from '../../hooks/pagination';
+import useSearchQuery from '../../hooks/search';
+import useBreakpoint from '../../hooks/break-point';
 
 import { spaceToUnderscore } from '../../../common/string';
 
@@ -153,6 +157,7 @@ const RowsSelect = (
 		<FormControl orientation="horizontal" size="sm">
 			<FormLabel>Rows per page:</FormLabel>
 			<Select
+				value={props.rows}
 				onChange={(_, row) => {
 					const rows = Defined.parse(row).orThrow('Rows is null');
 
@@ -170,10 +175,10 @@ const RowsSelect = (
 						undefined,
 						{
 							shallow: true,
+							scroll: false,
 						}
 					);
 				}}
-				value={props.rows}
 			>
 				{[5, 10, 25].map((value) => {
 					return (
@@ -191,13 +196,20 @@ const ListOfCompounds = (
 	props: DeepReadonly<{
 		compounds: Compounds;
 		path: string;
-		search: {
-			value: Optional<string>;
-			setValue: (value: Optional<string>) => void;
-		};
+		useNativeRouter: boolean;
 	}>
 ) => {
-	const { compounds } = props;
+	const router = useRouter();
+
+	const breakpoint = useBreakpoint();
+
+	const isXs = breakpoint === 'xs';
+
+	const [search, setSearch, oldSearch] = useSearchQuery();
+
+	const [debounceSearch] = useDebounce(search, 400);
+
+	const [compounds, setCompounds] = React.useState(props.compounds);
 
 	const fromRow = getMaxFrom(compounds);
 
@@ -224,12 +236,98 @@ const ListOfCompounds = (
 
 	const sliced = compounds.slice(range.start, range.end);
 
+	React.useEffect(() => {
+		setCompounds(
+			search
+				.map((value) => {
+					return value.toLowerCase();
+				})
+				.map((value) => {
+					return props.compounds.filter((match) => {
+						const molecularFormulaMatch = match.molecularformula
+							.toLowerCase()
+							.includes(value);
+
+						switch (molecularFormulaMatch) {
+							case true: {
+								return true;
+							}
+							case false: {
+								const nameMatches = match.allnames.filter(
+									(name) => {
+										return name
+											.toLowerCase()
+											.includes(value);
+									}
+								);
+
+								return nameMatches.length;
+							}
+						}
+					});
+				})
+				.unwrapOrElse(() => {
+					return props.compounds;
+				})
+		);
+	}, [search.unwrapOrGet('')]);
+
+	React.useEffect(() => {
+		const search = debounceSearch.unwrapOrGet(undefined);
+
+		console.log({ search, oldSearch });
+
+		debounceSearch.ifSome((search) => {
+			if (oldSearch !== search) {
+				switch (props.useNativeRouter) {
+					case false: {
+						router.push(
+							{
+								pathname: props.path,
+								query: {
+									search,
+									rows,
+									page: 1,
+								},
+							},
+							undefined,
+							{
+								shallow: true,
+								scroll: false,
+							}
+						);
+						break;
+					}
+					case true: {
+						const query = formQueryParamStringFromRecord({
+							search,
+							rows,
+							page: 1,
+						});
+
+						const url = `${props.path}?${query}`;
+
+						window.history.pushState(
+							{
+								...window.history.state,
+								as: url,
+								url,
+							},
+							document.title,
+							url
+						);
+					}
+				}
+			}
+		});
+	}, [debounceSearch]);
+
 	return (
 		<Stack spacing={4}>
 			{!compounds.length ? (
 				<Typography textAlign="justify">
 					There are no compounds known as &quot;
-					{props.search.value.unwrapOrGet('')}&quot;
+					{search.unwrapOrGet('')}&quot;
 				</Typography>
 			) : (
 				<Typography textAlign="justify">
@@ -254,7 +352,10 @@ const ListOfCompounds = (
 			>
 				<SearchBar
 					placeholder="Compound name, molecular formula, IUPAC name"
-					search={props.search}
+					search={{
+						value: search,
+						setValue: setSearch,
+					}}
 				/>
 				<RowsSelect
 					path={props.path}
@@ -270,124 +371,141 @@ const ListOfCompounds = (
 							}
 						);
 
-						const page = Defined.parse(
+						const page =
 							pages.find((page) => {
 								return page * result.new > first;
-							})
-						).orThrow(
-							`Page of "${first}" is not in "${pages.join(', ')}"`
-						);
+							}) ?? 1;
 
 						return {
 							page,
+							search: search.unwrapOrGet(''),
 							rows: result.new,
 						};
 					}}
 				/>
 			</Stack>
-			<Table aria-label="basic table">
-				<thead>
-					<tr>
-						<th>Molecular Formula</th>
-						<th>Names</th>
-					</tr>
-				</thead>
-				<tbody>
-					{sliced.map((match) => {
-						return (
-							<tr key={match.molecularformula}>
-								<td>{match.molecularformula}</td>
-								<td>
-									{match.allnames.map((name) => {
-										const article = match.articles.find(
-											(article) => {
+			{!compounds.length ? null : (
+				<React.Fragment>
+					<Table aria-label="basic table">
+						<thead>
+							<tr>
+								<th
+									style={!isXs ? undefined : { width: '35%' }}
+								>
+									Formula
+								</th>
+								<th
+									style={!isXs ? undefined : { width: '65%' }}
+								>
+									Names
+								</th>
+							</tr>
+						</thead>
+						<tbody>
+							{sliced.map((match) => {
+								return (
+									<tr key={match.molecularformula}>
+										<td>{match.molecularformula}</td>
+										<td>
+											{match.allnames.map((name) => {
+												const article =
+													match.articles.find(
+														(article) => {
+															return (
+																article.toLowerCase() ===
+																name
+															);
+														}
+													);
+
+												const Name = () => {
+													return (
+														<Typography>
+															{name}
+														</Typography>
+													);
+												};
+
+												if (!article) {
+													return <Name key={name} />;
+												}
+
 												return (
-													article.toLowerCase() ===
-													name
+													<ExternalLink
+														aria-label={`Go to ${name}`}
+														key={name}
+														href={`https://en.wikipedia.org/wiki/${spaceToUnderscore(article)}`}
+														sx={{
+															color: 'inherit',
+															textDecoration:
+																'underline',
+														}}
+													>
+														<Name />
+													</ExternalLink>
 												);
-											}
-										);
-
-										const Name = () => {
-											return (
-												<Typography>{name}</Typography>
-											);
+											})}
+										</td>
+									</tr>
+								);
+							})}
+						</tbody>
+					</Table>
+					<Stack
+						direction="row"
+						justifyContent="center"
+						spacing={{
+							md: 2,
+							xs: 1,
+						}}
+						sx={{
+							pt: 4,
+						}}
+					>
+						<DirectionPaginationButton
+							direction="left"
+							path={props.path}
+							isLimit={isLimit(1)}
+							query={() => {
+								return {
+									rows,
+									search: search.unwrapOrGet(''),
+									page: current - 1,
+								};
+							}}
+						/>
+						{pagination.map((page, index) => {
+							return (
+								<PaginationButton
+									key={index}
+									value={page}
+									path={props.path}
+									isCurrent={page === current}
+									query={() => {
+										return {
+											rows,
+											page,
+											search: search.unwrapOrGet(''),
 										};
-
-										if (!article) {
-											return <Name key={name} />;
-										}
-
-										return (
-											<ExternalLink
-												aria-label={`Go to ${name}`}
-												key={name}
-												href={`https://en.wikipedia.org/wiki/${spaceToUnderscore(article)}`}
-												sx={{
-													color: 'inherit',
-													textDecoration: 'underline',
-												}}
-											>
-												<Name />
-											</ExternalLink>
-										);
-									})}
-								</td>
-							</tr>
-						);
-					})}
-				</tbody>
-			</Table>
-			<Stack
-				direction="row"
-				justifyContent="center"
-				spacing={{
-					md: 2,
-					xs: 1,
-				}}
-				sx={{
-					pt: 4,
-				}}
-			>
-				<DirectionPaginationButton
-					direction="left"
-					path={props.path}
-					isLimit={isLimit(1)}
-					query={() => {
-						return {
-							rows,
-							page: current - 1,
-						};
-					}}
-				/>
-				{pagination.map((page, index) => {
-					return (
-						<PaginationButton
-							key={index}
-							value={page}
+									}}
+								/>
+							);
+						})}
+						<DirectionPaginationButton
+							direction="right"
 							path={props.path}
-							isCurrent={page === current}
+							isLimit={isLimit(total)}
 							query={() => {
 								return {
 									rows,
-									page,
+									search: search.unwrapOrGet(''),
+									page: current + 1,
 								};
 							}}
 						/>
-					);
-				})}
-				<DirectionPaginationButton
-					direction="right"
-					path={props.path}
-					isLimit={isLimit(total)}
-					query={() => {
-						return {
-							rows,
-							page: current + 1,
-						};
-					}}
-				/>
-			</Stack>
+					</Stack>
+				</React.Fragment>
+			)}
 		</Stack>
 	);
 };
diff --git a/apps/web/src/web/components/layout/index.tsx b/apps/web/src/web/components/layout/index.tsx
index 071526e..5e5902e 100644
--- a/apps/web/src/web/components/layout/index.tsx
+++ b/apps/web/src/web/components/layout/index.tsx
@@ -13,7 +13,7 @@ const Layout = (props: Readonly<PropsWithChildren>) => {
 				styles={(theme) => {
 					return {
 						body: {
-							backgroundColor: 'background.surface',
+							backgroundColor: theme.palette.background.surface,
 						},
 						'*::-webkit-scrollbar': {
 							width: 8,
diff --git a/apps/web/src/web/components/pages/index/common.tsx b/apps/web/src/web/components/pages/index/common.tsx
index e9a764a..b793bda 100644
--- a/apps/web/src/web/components/pages/index/common.tsx
+++ b/apps/web/src/web/components/pages/index/common.tsx
@@ -552,6 +552,7 @@ const GenerateClassificationSelect = () => {
 
 			props.router.push(href, undefined, {
 				shallow: true,
+				scroll: false,
 			});
 		},
 	});
@@ -574,6 +575,7 @@ const GenerateSpdfSelect = () => {
 
 			props.router.push(href, undefined, {
 				shallow: true,
+				scroll: false,
 			});
 		},
 	});
diff --git a/apps/web/src/web/hooks/search.ts b/apps/web/src/web/hooks/search.ts
index 77f35e2..0c40430 100644
--- a/apps/web/src/web/hooks/search.ts
+++ b/apps/web/src/web/hooks/search.ts
@@ -1,11 +1,29 @@
 import React from 'react';
 
+import { useRouter } from 'next/router';
+
 import { Optional } from '@poolofdeath20/util';
 
 const useSearchQuery = () => {
+	const router = useRouter();
+
 	const [value, setValue] = React.useState(Optional.none<string>());
 
-	return [value, setValue] as const;
+	React.useEffect(() => {
+		setValue(
+			Optional.from(router.query.search)
+				.flatMap((value) => {
+					if (typeof value === 'string') {
+						return Optional.some(value);
+					}
+
+					throw new Error(`Invalid search query: ${value}`);
+				})
+				.map(decodeURI)
+		);
+	}, [router.query.search]);
+
+	return [value, setValue, router.query.search] as const;
 };
 
 export default useSearchQuery;
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/compounds.png b/apps/web/test/snapshot/snapshot-images/mobile/compounds.png
index 0a19db3..1fd0bbf 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/compounds.png and b/apps/web/test/snapshot/snapshot-images/mobile/compounds.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/aluminium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/aluminium.png
index b4a394f..46e8577 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/aluminium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/aluminium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/americium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/americium.png
index 0f5fd17..9162afd 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/americium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/americium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/antimony.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/antimony.png
index 0358f76..6fdc15b 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/antimony.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/antimony.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/argon.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/argon.png
index bece956..ab19365 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/argon.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/argon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/arsenic.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/arsenic.png
index 2a0d57a..fd22a11 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/arsenic.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/arsenic.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/barium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/barium.png
index c0b7969..b4375b9 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/barium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/barium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/berkelium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/berkelium.png
index 36f4388..1b44bf7 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/berkelium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/berkelium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/beryllium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/beryllium.png
index bef791e..f4575f5 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/beryllium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/beryllium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/bismuth.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/bismuth.png
index 092aab6..de2ee8f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/bismuth.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/bismuth.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/boron.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/boron.png
index 62998ea..7104fd1 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/boron.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/boron.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/bromine.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/bromine.png
index d497452..0444155 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/bromine.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/bromine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/cadmium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/cadmium.png
index c06e582..a0208e3 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/cadmium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/cadmium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/calcium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/calcium.png
index ae1165a..f1e4c32 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/calcium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/calcium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/carbon.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/carbon.png
index fd0eb9d..fee94ee 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/carbon.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/carbon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/cerium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/cerium.png
index 1d4b911..985276c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/cerium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/cerium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/cesium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/cesium.png
index 23e5b4e..fc188d8 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/cesium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/cesium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/chlorine.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/chlorine.png
index 16f0bad..ed87585 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/chlorine.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/chlorine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/chromium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/chromium.png
index 55ad011..dbda1ca 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/chromium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/chromium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/cobalt.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/cobalt.png
index 3da997a..8eb6492 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/cobalt.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/cobalt.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/copper.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/copper.png
index 6a8e5f0..c225556 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/copper.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/copper.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/dysprosium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/dysprosium.png
index 94a019a..768554a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/dysprosium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/dysprosium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/europium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/europium.png
index 9aafcc2..a4cb293 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/europium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/europium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/fluorine.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/fluorine.png
index 57222ec..3620549 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/fluorine.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/fluorine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/gadolinium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/gadolinium.png
index 81a7139..f9cd83f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/gadolinium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/gadolinium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/gallium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/gallium.png
index d41aa30..f019b16 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/gallium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/gallium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/germanium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/germanium.png
index 1cdbf40..2280de5 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/germanium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/germanium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/gold.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/gold.png
index 4e048e8..b4cea03 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/gold.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/gold.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/hafnium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/hafnium.png
index 99ea9db..7b8e5fb 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/hafnium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/hafnium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/helium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/helium.png
index 1608569..0d2ee69 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/helium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/helium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/holmium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/holmium.png
index 3e02362..3cedac8 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/holmium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/holmium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/hydrogen.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/hydrogen.png
index 4ba0625..aea6cd1 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/hydrogen.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/hydrogen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/indium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/indium.png
index ad5d3c9..ec07388 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/indium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/indium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/iodine.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/iodine.png
index fdeef97..8f995e3 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/iodine.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/iodine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/iridium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/iridium.png
index 6b56b04..1c2889d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/iridium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/iridium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/krypton.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/krypton.png
index 14da40e..b8b5258 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/krypton.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/krypton.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/lanthanum.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/lanthanum.png
index a906329..1fe265f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/lanthanum.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/lanthanum.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/lead.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/lead.png
index feaddea..55a64f7 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/lead.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/lead.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/lithium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/lithium.png
index c499358..55b7a38 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/lithium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/lithium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/lutetium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/lutetium.png
index 714eee9..c0d0729 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/lutetium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/lutetium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/magnesium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/magnesium.png
index 3ba3a49..d0464d2 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/magnesium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/magnesium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/manganese.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/manganese.png
index 2281b1f..28e0eb4 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/manganese.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/manganese.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/mercury.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/mercury.png
index 85051aa..42d315a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/mercury.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/mercury.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/molybdenum.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/molybdenum.png
index f6dbb42..9e34d15 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/molybdenum.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/molybdenum.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/neodymium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/neodymium.png
index bdb5941..2b88fe7 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/neodymium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/neodymium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/neon.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/neon.png
index 71d762e..f83fe44 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/neon.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/neon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/neptunium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/neptunium.png
index d587f83..0a76b3e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/neptunium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/neptunium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/nickel.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/nickel.png
index 7bd889f..c0b31f3 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/nickel.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/nickel.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/niobium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/niobium.png
index 8c4ead0..13c9d4d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/niobium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/niobium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/nitrogen.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/nitrogen.png
index 164ab18..30a2d36 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/nitrogen.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/nitrogen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/osmium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/osmium.png
index 005bf5a..dbc8803 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/osmium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/osmium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/oxygen.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/oxygen.png
index f3662ad..513d525 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/oxygen.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/oxygen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/palladium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/palladium.png
index 755cd47..5475db6 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/palladium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/palladium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/phosphorus.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/phosphorus.png
index be46324..6468603 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/phosphorus.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/phosphorus.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/platinum.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/platinum.png
index d0a4125..4036450 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/platinum.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/platinum.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/plutonium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/plutonium.png
index e3c6eb5..65cbb65 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/plutonium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/plutonium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/polonium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/polonium.png
index 9f5e92f..7749906 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/polonium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/polonium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/potassium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/potassium.png
index 868dc77..cacc5ee 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/potassium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/potassium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/praseodymium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/praseodymium.png
index fb721eb..f7215a6 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/praseodymium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/praseodymium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/promethium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/promethium.png
index bd31aa3..9fa31de 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/promethium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/promethium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/rhenium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/rhenium.png
index d8ca0a6..b20b760 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/rhenium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/rhenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/rhodium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/rhodium.png
index b3a72f7..867c49d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/rhodium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/rhodium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/rubidium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/rubidium.png
index 9c6456b..6bab496 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/rubidium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/rubidium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/ruthenium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/ruthenium.png
index 9ad178e..b6858a1 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/ruthenium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/ruthenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/rutherfordium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/rutherfordium.png
index f7f6354..6f8ba60 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/rutherfordium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/rutherfordium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/samarium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/samarium.png
index 1f2bb19..a8cd1ac 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/samarium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/samarium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/scandium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/scandium.png
index 02a9333..53f3bda 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/scandium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/scandium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/selenium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/selenium.png
index dfd7002..c38d3eb 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/selenium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/selenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/silicon.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/silicon.png
index 307913c..829e759 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/silicon.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/silicon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/silver.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/silver.png
index f30b5b8..333c477 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/silver.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/silver.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/sodium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/sodium.png
index 7fa0fea..1373d66 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/sodium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/sodium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/strontium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/strontium.png
index d5b9458..e44ed4c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/strontium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/strontium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/sulfur.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/sulfur.png
index baeeca0..913b1a7 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/sulfur.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/sulfur.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/tantalum.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/tantalum.png
index 2bcf576..26451d8 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/tantalum.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/tantalum.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/technetium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/technetium.png
index adc9ea6..e34b698 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/technetium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/technetium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/tellurium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/tellurium.png
index 2de4155..511a56b 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/tellurium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/tellurium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/terbium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/terbium.png
index 5522e1e..9ecc125 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/terbium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/terbium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/thallium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/thallium.png
index f731b3f..6ac767d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/thallium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/thallium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/thorium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/thorium.png
index a71b634..3256bba 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/thorium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/thorium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/thulium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/thulium.png
index 237df8c..09860ab 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/thulium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/thulium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/tin.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/tin.png
index 82f9c27..4c033ab 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/tin.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/tin.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/titanium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/titanium.png
index e262afa..dfbbc36 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/titanium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/titanium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/tungsten.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/tungsten.png
index 10b6f7a..1b0ec6e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/tungsten.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/tungsten.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/uranium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/uranium.png
index ecac4df..46012b0 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/uranium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/uranium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/vanadium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/vanadium.png
index 5e8e38f..04f1323 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/vanadium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/vanadium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/xenon.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/xenon.png
index 6d8ca3e..5701f57 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/xenon.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/xenon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/ytterbium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/ytterbium.png
index 7d9b829..74b7420 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/ytterbium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/ytterbium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/yttrium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/yttrium.png
index 926e799..73d2f06 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/yttrium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/yttrium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/zinc.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/zinc.png
index 494d815..d912055 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/zinc.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/zinc.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/mobile/elements/zirconium.png b/apps/web/test/snapshot/snapshot-images/mobile/elements/zirconium.png
index b707816..eab325d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/mobile/elements/zirconium.png and b/apps/web/test/snapshot/snapshot-images/mobile/elements/zirconium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/compounds.png b/apps/web/test/snapshot/snapshot-images/pc/compounds.png
index 5bf6cb8..2cc97db 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/compounds.png and b/apps/web/test/snapshot/snapshot-images/pc/compounds.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/aluminium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/aluminium.png
index 338cd60..97fde7d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/aluminium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/aluminium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/argon.png b/apps/web/test/snapshot/snapshot-images/pc/elements/argon.png
index 84df48f..89f5d26 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/argon.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/argon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/arsenic.png b/apps/web/test/snapshot/snapshot-images/pc/elements/arsenic.png
index 4464331..b217f07 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/arsenic.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/arsenic.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/berkelium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/berkelium.png
index cd3ccc4..4525283 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/berkelium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/berkelium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/bismuth.png b/apps/web/test/snapshot/snapshot-images/pc/elements/bismuth.png
index b2998ff..91e4d61 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/bismuth.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/bismuth.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/cadmium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/cadmium.png
index 5180a94..2b1eb8c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/cadmium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/cadmium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/calcium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/calcium.png
index 893c45f..c2daae2 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/calcium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/calcium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/carbon.png b/apps/web/test/snapshot/snapshot-images/pc/elements/carbon.png
index 2468080..f81a78b 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/carbon.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/carbon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/chlorine.png b/apps/web/test/snapshot/snapshot-images/pc/elements/chlorine.png
index 78011fa..0da9542 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/chlorine.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/chlorine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/helium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/helium.png
index e75cd9c..561abf6 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/helium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/helium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/hydrogen.png b/apps/web/test/snapshot/snapshot-images/pc/elements/hydrogen.png
index 90c9be3..8ce6847 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/hydrogen.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/hydrogen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/krypton.png b/apps/web/test/snapshot/snapshot-images/pc/elements/krypton.png
index 46faf7f..f509204 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/krypton.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/krypton.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/mercury.png b/apps/web/test/snapshot/snapshot-images/pc/elements/mercury.png
index a6fb7d8..163fce5 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/mercury.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/mercury.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/neon.png b/apps/web/test/snapshot/snapshot-images/pc/elements/neon.png
index 344e6a1..fe9746a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/neon.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/neon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/nitrogen.png b/apps/web/test/snapshot/snapshot-images/pc/elements/nitrogen.png
index 83bdb25..9203f28 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/nitrogen.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/nitrogen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/oxygen.png b/apps/web/test/snapshot/snapshot-images/pc/elements/oxygen.png
index 869500d..d3cfb4b 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/oxygen.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/oxygen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/phosphorus.png b/apps/web/test/snapshot/snapshot-images/pc/elements/phosphorus.png
index 40501c2..316e95c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/phosphorus.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/phosphorus.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/rhenium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/rhenium.png
index 22a53b8..d5d4bec 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/rhenium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/rhenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/selenium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/selenium.png
index 889e2e9..e0fc554 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/selenium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/selenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/silver.png b/apps/web/test/snapshot/snapshot-images/pc/elements/silver.png
index cd79afe..009b076 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/silver.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/silver.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/sulfur.png b/apps/web/test/snapshot/snapshot-images/pc/elements/sulfur.png
index 34793d7..e41f0cc 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/sulfur.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/sulfur.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/tin.png b/apps/web/test/snapshot/snapshot-images/pc/elements/tin.png
index e1a3d87..74812a3 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/tin.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/tin.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/xenon.png b/apps/web/test/snapshot/snapshot-images/pc/elements/xenon.png
index fb59fea..c8aeea2 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/xenon.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/xenon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/zirconium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/zirconium.png
index 04f0d0a..cdf9732 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/zirconium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/zirconium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/compounds.png b/apps/web/test/snapshot/snapshot-images/tablet/compounds.png
index 9b38e52..86043d1 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/compounds.png and b/apps/web/test/snapshot/snapshot-images/tablet/compounds.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/aluminium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/aluminium.png
index 64334a0..ab02ae2 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/aluminium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/aluminium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/argon.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/argon.png
index 7a611e7..c317afd 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/argon.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/argon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/arsenic.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/arsenic.png
index ecb83bf..b304be3 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/arsenic.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/arsenic.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/berkelium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/berkelium.png
index f27f61b..59b0926 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/berkelium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/berkelium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/bismuth.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/bismuth.png
index b36f666..33c1bf4 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/bismuth.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/bismuth.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/cadmium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/cadmium.png
index 3513083..1d62fb9 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/cadmium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/cadmium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/calcium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/calcium.png
index 8d7ef06..a26b08f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/calcium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/calcium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/carbon.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/carbon.png
index c8e3077..7dfe5cd 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/carbon.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/carbon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/chlorine.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/chlorine.png
index 2e592f7..c517fee 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/chlorine.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/chlorine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/helium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/helium.png
index 8e9aa53..307ced4 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/helium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/helium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/hydrogen.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/hydrogen.png
index 37a6ed8..19eab4c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/hydrogen.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/hydrogen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/krypton.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/krypton.png
index 1d3863e..023c675 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/krypton.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/krypton.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/mercury.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/mercury.png
index eefe05a..ac80629 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/mercury.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/mercury.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/neon.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/neon.png
index 1188f40..493e275 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/neon.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/neon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/nitrogen.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/nitrogen.png
index 9346723..069444a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/nitrogen.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/nitrogen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/oxygen.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/oxygen.png
index ebc5cb2..6afdfac 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/oxygen.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/oxygen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/phosphorus.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/phosphorus.png
index c9481e6..d152fbd 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/phosphorus.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/phosphorus.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/rhenium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/rhenium.png
index ba7a90e..b8c6a7f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/rhenium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/rhenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/selenium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/selenium.png
index d738793..bafe09c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/selenium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/selenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/silver.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/silver.png
index 3a30a2f..10243da 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/silver.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/silver.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/sulfur.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/sulfur.png
index 71ca970..1f8ecb0 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/sulfur.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/sulfur.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/tin.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/tin.png
index a214005..d5d677b 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/tin.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/tin.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/xenon.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/xenon.png
index 8a8d8f3..541655e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/xenon.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/xenon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/zirconium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/zirconium.png
index e968e6b..ee02378 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/zirconium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/zirconium.png differ
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c8c4832..172ef30 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -95,6 +95,9 @@ importers:
       react-icons:
         specifier: ^5.0.1
         version: 5.0.1(react@18.2.0)
+      use-debounce:
+        specifier: ^10.0.0
+        version: 10.0.0(react@18.2.0)
     devDependencies:
       '@ducanh2912/next-pwa':
         specifier: ^10.2.5
@@ -9936,6 +9939,15 @@ packages:
     resolution: {integrity: sha512-H/A06tKD7sS1O1X2SshBVeA5FLycRpjqiBeqGKmBwBDBy28EnRjORxTNe269KSSr5un5qyWi1iL61wLxpd+ZOg==}
     dev: true
 
+  /use-debounce@10.0.0(react@18.2.0):
+    resolution: {integrity: sha512-XRjvlvCB46bah9IBXVnq/ACP2lxqXyZj0D9hj4K5OzNroMDpTEBg8Anuh1/UfRTRs7pLhQ+RiNxxwZu9+MVl1A==}
+    engines: {node: '>= 16.0.0'}
+    peerDependencies:
+      react: '>=16.8.0'
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true