chore(prettier): use spaces instead of tabs

11 files changed, 260 insertions, 260 deletions

diff --git a/src/styles/badge.css b/src/styles/badge.css
index 8a79333f..764ce7c3 100644
--- a/src/styles/badge.css
+++ b/src/styles/badge.css
@@ -1,69 +1,69 @@
 .button-badge:hover {
-	background-color: var(--base0C);
-	cursor: unset;
+  background-color: var(--base0C);
+  cursor: unset;
 }
 
 .button-badge {
-	vertical-align: unset;
-	transform: unset;
-	margin-top: unset;
+  vertical-align: unset;
+  transform: unset;
+  margin-top: unset;
 }
 
 .button-badge:active {
-	transform: scale(0.75);
+  transform: scale(0.75);
 }
 
 .badge-info {
-	background-color: var(--base0E);
+  background-color: var(--base0E);
 }
 
 .badge-info:hover {
-	background-color: var(--base0E);
+  background-color: var(--base0E);
 }
 
 .badge-rainbow {
-	color: var(--base07);
-	animation: rainbow 20s ease-in-out infinite;
+  color: var(--base07);
+  animation: rainbow 20s ease-in-out infinite;
 }
 
 @keyframes rainbow {
-	0% {
-		background: rgba(0, 105, 255, 0.71);
-	}
-	10% {
-		background: rgba(100, 0, 255, 0.71);
-	}
-	20% {
-		background: rgba(255, 0, 139, 0.71);
-	}
-	30% {
-		background: rgba(255, 0, 0, 0.71);
-	}
-	40% {
-		background: rgba(255, 96, 0, 0.71);
-	}
-	50% {
-		background: rgba(202, 255, 0, 0.71);
-	}
-	60% {
-		background: rgba(0, 255, 139, 0.71);
-	}
-	70% {
-		background: rgba(202, 255, 0, 0.71);
-	}
-	80% {
-		background: rgba(255, 96, 0, 0.71);
-	}
-	85% {
-		background: rgba(255, 0, 0, 0.71);
-	}
-	90% {
-		background: rgba(255, 0, 139, 0.71);
-	}
-	95% {
-		background: rgba(100, 0, 255, 0.71);
-	}
-	to {
-		background: rgba(0, 105, 255, 0.71);
-	}
+  0% {
+    background: rgba(0, 105, 255, 0.71);
+  }
+  10% {
+    background: rgba(100, 0, 255, 0.71);
+  }
+  20% {
+    background: rgba(255, 0, 139, 0.71);
+  }
+  30% {
+    background: rgba(255, 0, 0, 0.71);
+  }
+  40% {
+    background: rgba(255, 96, 0, 0.71);
+  }
+  50% {
+    background: rgba(202, 255, 0, 0.71);
+  }
+  60% {
+    background: rgba(0, 255, 139, 0.71);
+  }
+  70% {
+    background: rgba(202, 255, 0, 0.71);
+  }
+  80% {
+    background: rgba(255, 96, 0, 0.71);
+  }
+  85% {
+    background: rgba(255, 0, 0, 0.71);
+  }
+  90% {
+    background: rgba(255, 0, 139, 0.71);
+  }
+  95% {
+    background: rgba(100, 0, 255, 0.71);
+  }
+  to {
+    background: rgba(0, 105, 255, 0.71);
+  }
 }
diff --git a/src/styles/card.css b/src/styles/card.css
index 10f7779b..218f00df 100644
--- a/src/styles/card.css
+++ b/src/styles/card.css
@@ -2,52 +2,52 @@
 
 details,
 .card {
-	box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px;
+  box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px;
 }
 
 @media (prefers-color-scheme: light) {
-	details,
-	.card {
-		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
-	}
+  details,
+  .card {
+    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
+  }
 }
 
 .header {
-	box-shadow: rgba(0, 0, 11, 0.2) 0px 7px 29px 0px, 0 0 0 5px var(--base02);
+  box-shadow: rgba(0, 0, 11, 0.2) 0px 7px 29px 0px, 0 0 0 5px var(--base02);
 }
 
 @media (prefers-color-scheme: light) {
-	.header {
-		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px, 0 0 0 5px var(--base02);
-	}
+  .header {
+    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px, 0 0 0 5px var(--base02);
+  }
 }
 
 .card {
-	background-color: var(--base0011);
-	padding: 1rem;
-	border-radius: 8px;
-	backdrop-filter: blur(4px);
-	-webkit-backdrop-filter: blur(4px);
+  background-color: var(--base0011);
+  padding: 1rem;
+  border-radius: 8px;
+  backdrop-filter: blur(4px);
+  -webkit-backdrop-filter: blur(4px);
 }
 
 .card details,
 .no-shadow {
-	box-shadow: none;
+  box-shadow: none;
 }
 
 .card-small {
-	padding: 0.5rem;
+  padding: 0.5rem;
 }
 
 .card-clear {
-	background-color: transparent;
-	box-shadow: none;
-	padding: 0;
+  background-color: transparent;
+  box-shadow: none;
+  padding: 0;
 }
 
 .card-centered {
-	margin: 0 auto;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
diff --git a/src/styles/colours.css b/src/styles/colours.css
index 99fde405..b7fc885d 100644
--- a/src/styles/colours.css
+++ b/src/styles/colours.css
@@ -1,48 +1,48 @@
 :root {
-	--base00: #f8f8f8;
-	--base001: #ffffff;
-	--base0011: #ffffff80;
-	--base01: #e8e8e8;
-	--base02: #d8d8d8;
-	--base03: #b8b8b8;
-	--base04: #585858;
-	--base05: #383838;
-	--base06: #282828;
-	--base07: #181818;
-	--base08: #ab4642;
-	--base09: #dc9656;
-	--base0A: #f7ca88;
-	--base0B: #a1b56c;
-	--base0C: #86c1b9;
-	--base0D: #7cafc2;
-	--base0E: #ba8baf;
-	--base0F: #a16946;
+  --base00: #f8f8f8;
+  --base001: #ffffff;
+  --base0011: #ffffff80;
+  --base01: #e8e8e8;
+  --base02: #d8d8d8;
+  --base03: #b8b8b8;
+  --base04: #585858;
+  --base05: #383838;
+  --base06: #282828;
+  --base07: #181818;
+  --base08: #ab4642;
+  --base09: #dc9656;
+  --base0A: #f7ca88;
+  --base0B: #a1b56c;
+  --base0C: #86c1b9;
+  --base0D: #7cafc2;
+  --base0E: #ba8baf;
+  --base0F: #a16946;
 }
 
 @media (prefers-color-scheme: dark) {
-	:root {
-		--base00: #080808;
-		--base001: #0c0c0c;
-		--base0011: #0c0c0c80;
-		--base01: #181818;
-		--base02: #282828;
-		--base03: #484848;
-		--base04: #a8a8a8;
-		--base05: #c8c8c8;
-		--base06: #d8d8d8;
-		--base07: #f8f8f8;
-		--base08: #9a4541;
-		--base09: #cb9555;
-		--base0A: #f6c987;
-		--base0B: #a0b45b;
-		--base0C: #85c0b8;
-		--base0D: #7baeb1;
-		--base0E: #b98aae;
-		--base0F: #a06845;
-	}
+  :root {
+    --base00: #080808;
+    --base001: #0c0c0c;
+    --base0011: #0c0c0c80;
+    --base01: #181818;
+    --base02: #282828;
+    --base03: #484848;
+    --base04: #a8a8a8;
+    --base05: #c8c8c8;
+    --base06: #d8d8d8;
+    --base07: #f8f8f8;
+    --base08: #9a4541;
+    --base09: #cb9555;
+    --base0A: #f6c987;
+    --base0B: #a0b45b;
+    --base0C: #85c0b8;
+    --base0D: #7baeb1;
+    --base0E: #b98aae;
+    --base0F: #a06845;
+  }
 }
 
 * {
-	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
-		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
+    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
diff --git a/src/styles/details.scss b/src/styles/details.scss
index e256ac4e..c61dfa25 100644
--- a/src/styles/details.scss
+++ b/src/styles/details.scss
@@ -1,26 +1,26 @@
 details {
-	background-color: var(--base0011);
-	padding: 1rem;
-	border-radius: 8px;
+  background-color: var(--base0011);
+  padding: 1rem;
+  border-radius: 8px;
 }
 
 summary {
-	font-size: 1.05em;
-	font-weight: 600;
-	cursor: pointer;
-	list-style: none;
+  font-size: 1.05em;
+  font-weight: 600;
+  cursor: pointer;
+  list-style: none;
 }
 
 details[open] summary {
-	margin-bottom: 1em;
+  margin-bottom: 1em;
 }
 
 summary small {
-	font-weight: normal;
+  font-weight: normal;
 }
 
 .details-unstyled {
-	background-color: transparent;
-	padding: 0;
-	border-radius: 0;
+  background-color: transparent;
+  padding: 0;
+  border-radius: 0;
 }
diff --git a/src/styles/features.css b/src/styles/features.css
index 73b5e468..e43cf0a8 100644
--- a/src/styles/features.css
+++ b/src/styles/features.css
@@ -1,7 +1,7 @@
 #mai {
-	position: fixed;
-	left: 0;
-	bottom: 0;
-	height: auto;
-	width: 10vh;
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  height: auto;
+  width: 10vh;
 }
diff --git a/src/styles/girls.scss b/src/styles/girls.scss
index c922bc2b..99bfc557 100644
--- a/src/styles/girls.scss
+++ b/src/styles/girls.scss
@@ -1,23 +1,23 @@
 .preview {
-	$transition: transform 0.3s ease;
+  $transition: transform 0.3s ease;
 
-	margin: 0.15rem;
+  margin: 0.15rem;
 
-	img {
-		border-radius: 8px;
-		transition: $transition;
-	}
+  img {
+    border-radius: 8px;
+    transition: $transition;
+  }
 
-	&:hover {
-		img {
-			position: relative;
-			z-index: 2;
-			transition: $transition;
-			transform: scale(1.05);
-		}
-	}
+  &:hover {
+    img {
+      position: relative;
+      z-index: 2;
+      transition: $transition;
+      transform: scale(1.05);
+    }
+  }
 
-	display: flex;
-	justify-content: center;
-	align-items: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
diff --git a/src/styles/input.css b/src/styles/input.css
index a78a4cbf..125f214f 100644
--- a/src/styles/input.css
+++ b/src/styles/input.css
@@ -1,51 +1,51 @@
 input,
 select,
 textarea {
-	cursor: pointer;
-	position: relative;
-	background-color: var(--base01);
-	/* margin: 0; */
-	/* width: 1.15em;
+  cursor: pointer;
+  position: relative;
+  background-color: var(--base01);
+  /* margin: 0; */
+  /* width: 1.15em;
 	height: 1.15em; */
-	padding: 0.25em;
-	border: none;
-	border-radius: 4px;
-	place-content: center;
-	transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
-	/* box-shadow: 0 4px 30px var(--base01); */
-	box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px;
+  padding: 0.25em;
+  border: none;
+  border-radius: 4px;
+  place-content: center;
+  transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
+  /* box-shadow: 0 4px 30px var(--base01); */
+  box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px;
 }
 
 input,
 select,
 textarea,
 button {
-	vertical-align: middle;
-	transform: translateY(-0.125em);
-	margin-top: 0.25em;
+  vertical-align: middle;
+  transform: translateY(-0.125em);
+  margin-top: 0.25em;
 }
 
 @media (prefers-color-scheme: dark) {
-	input,
-	select,
-	textarea {
-		background-color: var(--base07);
-		/* color: var(--base05); */
-	}
+  input,
+  select,
+  textarea {
+    background-color: var(--base07);
+    /* color: var(--base05); */
+  }
 
-	input[type='number']::-webkit-inner-spin-button,
-	input[type='number']::-webkit-outer-spin-button {
-		-webkit-appearance: none;
-		margin: 0;
-	}
+  input[type='number']::-webkit-inner-spin-button,
+  input[type='number']::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
 
-	input[type='number'] {
-		appearance: textfield;
-	}
+  input[type='number'] {
+    appearance: textfield;
+  }
 
-	input[type='file'] {
-		color: var(--base02);
-	}
+  input[type='file'] {
+    color: var(--base02);
+  }
 }
 
 input[type='text'],
@@ -54,118 +54,118 @@ input[type='date'],
 input[type='time'],
 input[type='file'],
 button {
-	padding: 0.25em 0.5em;
+  padding: 0.25em 0.5em;
 }
 
 input,
 button,
 select {
-	height: 2em;
+  height: 2em;
 }
 
 select {
-	padding: 0.25em 0.5em;
+  padding: 0.25em 0.5em;
 }
 
 input[type='checkbox'] {
-	-webkit-appearance: none;
-	appearance: none;
-	margin: 0;
-	width: 1.15em;
-	height: 1.15em;
-	transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
+  -webkit-appearance: none;
+  appearance: none;
+  margin: 0;
+  width: 1.15em;
+  height: 1.15em;
+  transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
 }
 
 input[type='checkbox']:checked {
-	background-color: var(--base0C);
+  background-color: var(--base0C);
 }
 
 input[type='checkbox']:checked:before {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 
 input[type='checkbox']:active {
-	transform: scale(1);
-	transition: transform 0.15s ease-in-out;
+  transform: scale(1);
+  transition: transform 0.15s ease-in-out;
 }
 
 input[type='checkbox']:hover {
-	background-color: var(--base0A);
+  background-color: var(--base0A);
 }
 
 button {
-	cursor: pointer;
-	position: relative;
-	background-color: var(--base0C);
-	color: var(--base00);
-	border: none;
-	border-radius: 4px;
-	transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
-	/* box-shadow: 0 4px 30px var(--base01); */
-	box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px;
+  cursor: pointer;
+  position: relative;
+  background-color: var(--base0C);
+  color: var(--base00);
+  border: none;
+  border-radius: 4px;
+  transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
+  /* box-shadow: 0 4px 30px var(--base01); */
+  box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px;
 }
 
 button:hover {
-	background-color: var(--base0A);
+  background-color: var(--base0A);
 }
 
 button:active {
-	transform: scale(0.975);
+  transform: scale(0.975);
 }
 
 input:disabled,
 select:disabled,
 button:disabled {
-	cursor: not-allowed;
-	opacity: 0.5;
+  cursor: not-allowed;
+  opacity: 0.5;
 }
 
 input:disabled:hover,
 select:disabled:hover,
 button:disabled:hover {
-	background-color: var(--base0C);
+  background-color: var(--base0C);
 }
 
 input:disabled:active,
 select:disabled:active,
 button:disabled:active {
-	transform: scale(1);
+  transform: scale(1);
 }
 
 .small-button {
-	transform: scale(0.875);
+  transform: scale(0.875);
 }
 
 .small-button:active {
-	transform: scale(0.75);
+  transform: scale(0.75);
 }
 
 .unclickable-button {
-	transform: scale(1);
+  transform: scale(1);
 }
 
 .unclickable-button:active {
-	transform: scale(1) !important;
+  transform: scale(1) !important;
 }
 
 .smaller-button {
-	background-color: var(--base0C);
-	transform: scale(0.75);
+  background-color: var(--base0C);
+  transform: scale(0.75);
 }
 
 .button-square {
-	background-color: var(--base0C);
-	transform: scale(0.75);
-	padding: 0.125em 0.575em;
+  background-color: var(--base0C);
+  transform: scale(0.75);
+  padding: 0.125em 0.575em;
 }
 
 .button-action {
-	background-color: var(--base0E);
+  background-color: var(--base0E);
 }
 
 .no-shadow {
-	box-shadow: none;
+  box-shadow: none;
 }
diff --git a/src/styles/normalise.css b/src/styles/normalise.css
index 85f6442c..f22ea6d1 100644
--- a/src/styles/normalise.css
+++ b/src/styles/normalise.css
@@ -1,23 +1,23 @@
 ul,
 ol {
-	margin: 0;
+  margin: 0;
 }
 
 ul,
 li::marker {
-	content: unset !important;
+  content: unset !important;
 }
 
 a:hover {
-	text-decoration: none !important;
+  text-decoration: none !important;
 }
 
 a:focus {
-	outline: none;
+  outline: none;
 }
 
 code {
-	color: var(--base07);
-	padding: 0.25em 0.5em;
-	border-radius: 4px;
+  color: var(--base07);
+  padding: 0.25em 0.5em;
+  border-radius: 4px;
 }
diff --git a/src/styles/popup.scss b/src/styles/popup.scss
index eb4cf628..97b2e3d1 100644
--- a/src/styles/popup.scss
+++ b/src/styles/popup.scss
@@ -1,25 +1,25 @@
 .popup {
-	position: fixed;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-	z-index: 3;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 3;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }
 
 .popup-fullscreen {
-	width: 100%;
-	height: 100%;
-	background-color: rgba(0, 0, 0, 0.5);
-	z-index: 3;
-	backdrop-filter: blur(8px);
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 3;
+  backdrop-filter: blur(8px);
 }
 
 @media (prefers-color-scheme: light) {
-	.popup {
-		background-color: transparent;
-	}
+  .popup {
+    background-color: transparent;
+  }
 }
diff --git a/src/styles/scroll.css b/src/styles/scroll.css
index d7f246d1..2b04c484 100644
--- a/src/styles/scroll.css
+++ b/src/styles/scroll.css
@@ -1,4 +1,4 @@
 * {
-	scrollbar-width: thin;
-	scrollbar-color: var(--base03) transparent;
+  scrollbar-width: thin;
+  scrollbar-color: var(--base03) transparent;
 }
diff --git a/src/styles/typography.css b/src/styles/typography.css
index 0b9bb694..70ee377b 100644
--- a/src/styles/typography.css
+++ b/src/styles/typography.css
@@ -3,23 +3,23 @@
 @import url('https://proxy.due.moe/?q=https://fonts.googleapis.com/css?family=DM+Sans:400,500,600,700&display=swap');
 
 body {
-	font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
-		Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-	font-size: 1em;
-	line-height: 1.5;
-	/* font-weight: 300; */
-	/* text-shadow: 0 0 0.25em var(--base01); */
-	padding: 1.25rem;
+  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  /* font-weight: 300; */
+  /* text-shadow: 0 0 0.25em var(--base01); */
+  padding: 1.25rem;
 }
 
 #wrapped {
-	font-family: inherit;
-	font-size: inherit;
-	line-height: inherit;
-	font-weight: 400;
-	text-shadow: none;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: 400;
+  text-shadow: none;
 }
 
 .opaque {
-	opacity: 0.5;
+  opacity: 0.5;
 }