diff --git a/.tailwindrc.js b/.tailwindrc.js
index cfea3098..48d67812 100644
--- a/.tailwindrc.js
+++ b/.tailwindrc.js
@@ -19,7 +19,7 @@ module.exports = {
 					900: "#000000",
 				},
 				popup: {
-					red: "#A30015",
+					red: "#CC001B",
 					green: "#28A443",
 					blue: "#16A3DF",
 					yellow: "#F5AB00",
@@ -46,4 +46,9 @@ module.exports = {
 	corePlugins: {
 		preflight: false,
 	},
+	plugins: [
+		require("@tailwindcss/forms")({
+			strategy: "class",
+		}),
+	],
 }
diff --git a/app/application/index.html b/app/application/index.html
index c3663432..5cf3511e 100644
--- a/app/application/index.html
+++ b/app/application/index.html
@@ -17,7 +17,7 @@
 	</head>
 	<body>
 		<!-- build number -->
-		<div class="w-full text-white bg-black font-bold build">
+		<div class="w-full text-white bg-black font-bold build hidden">
 			<div class="container flex flex-row items-center justify-center px-6 py-2 mx-auto">
 				<div class="flex">
 					<p class="mx-3 flex flex-row build-content">You are running a pre release version of Authme!</p>
@@ -26,7 +26,7 @@
 		</div>
 
 		<!-- offline mode -->
-		<div class="w-full text-white bg-popup-red font-bold offline">
+		<div class="w-full text-white bg-popup-red font-bold offline hidden">
 			<div class="container flex flex-row items-center justify-between px-6 py-4 mx-auto">
 				<div class="flex">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -44,7 +44,7 @@
 		</div>
 
 		<!-- online mode -->
-		<div class="w-full text-white bg-popup-green font-bold online">
+		<div class="w-full text-white bg-popup-green font-bold online hidden">
 			<div class="container flex flex-row items-center justify-between px-6 py-4 mx-auto">
 				<div class="flex">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -62,7 +62,7 @@
 		</div>
 
 		<!-- update -->
-		<div class="w-full text-white bg-popup-blue font-bold update">
+		<div class="w-full text-white bg-popup-blue font-bold update hidden">
 			<div class="container flex flex-row items-center justify-between px-6 py-4 mx-auto">
 				<div class="flex">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative top-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -94,7 +94,7 @@
 		</div>
 
 		<!-- info -->
-		<div class="w-full text-white bg-popup-yellow font-bold info">
+		<div class="w-full text-white bg-popup-yellow font-bold info hidden">
 			<div class="container flex flex-row items-center justify-between px-6 py-4 mx-auto">
 				<div class="flex">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative top-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -127,13 +127,13 @@
 		</div>
 
 		<!-- content -->
-		<div class="bg-gray-700 w-3/5 m-auto mt-20 mb-60 rounded-2xl relative text-center content">
+		<div class="bg-gray-700 w-3/5 mx-auto mt-20 mb-60 rounded-2xl relative text-center content">
 			<h1 class="h1 mb-5">Authme</h1>
 			<div class="mx-auto rounded-2xl bg-gray-800 w-2/3" id="choose">
 				<h3 class="pt-3">Please choose your import file!</h3>
 				<h4>If you don't have an import file please create one!</h4>
 				<div class="flex flex-row flex-wrap gap-3 items-center justify-center">
-					<button class="buttoni input" id="input" onclick="loadFile()">
+					<button class="buttoni" id="input" onclick="loadFile()">
 						<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 21h7a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v11m0 5l4.879-4.879m0 0a3 3 0 104.243-4.242 3 3 0 00-4.243 4.242z" />
 						</svg>
@@ -202,8 +202,22 @@ <h4>Save your code(s) to your computer for future use.</h4>
 				</div>
 			</div>
 			<br />
-			<div class="search_container">
-				<input name="search" spellcheck="false" id="search" class="input2 input" onkeyup="search()" onkeydown="search()" placeholder="Search for names..." autofocus />
+			<div class="search_container relative inline-block">
+				<input name="search" spellcheck="false" id="search" class="input w-80 hidden text-2xl mb-1" onkeyup="search()" onkeydown="search()" />
+				<!-- search icon -->
+				<svg id="search_icon" xmlns="http://www.w3.org/2000/svg" class="hidden searchIcon h-6 w-6 relative top-[-50px] right-[150px] pointer-events-none" fill="none" viewBox="0 0 24 24" stroke="black">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+				</svg>
+				<!-- filter icon -->
+				<svg id="filter_icon" onclick="dropdown()" xmlns="http://www.w3.org/2000/svg" class="hidden searchIcon h-6 w-6 relative top-[-50px] left-[150px] cursor-pointer" fill="none" viewBox="0 0 24 24" stroke="black">
+					<path id="filter_path" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" />
+				</svg>
+				<br />
+				<!-- dropdown -->
+				<div class="dropdown-content animation">
+					<a tabindex="-1" id="link0" class="dropdown-link" href="#"> <input type="checkbox" tabindex="-1" id="checkbox0" name="checkbox1" class="checkbox" /> Name </a>
+					<a tabindex="-1" id="link1" class="dropdown-link" href="#"> <input type="checkbox" tabindex="-1" id="checkbox1" name="checkbox1" class="checkbox" /> Description </a>
+				</div>
 			</div>
 			<!-- grid -->
 		</div>
diff --git a/app/application/src/css/index.css b/app/application/src/css/index.css
index 2c82b256..a99853c3 100644
--- a/app/application/src/css/index.css
+++ b/app/application/src/css/index.css
@@ -8,60 +8,6 @@ h4 {
 	font-size: 1.5rem;
 }
 
-.button11 {
-	color: black;
-	background: white;
-	border: 2px solid white;
-	font-size: 1.25rem;
-	padding: 15px 30px;
-	border-radius: 30px;
-	cursor: pointer;
-	text-decoration: none;
-	transition: 0.2s ease-in;
-	text-align: center;
-	width: 12rem;
-}
-
-.button11:hover {
-	border-color: white;
-	background: transparent;
-	color: white;
-}
-
-.button11 > svg {
-	position: relative;
-	top: 4px;
-}
-
-.input1 {
-	color: black;
-	background-color: white;
-	border-color: white;
-	width: 130px !important;
-	height: 29px !important;
-}
-
-.input1:hover {
-	color: white;
-	border-color: white;
-	background-color: rgb(10, 10, 10);
-}
-
-#password_input2 {
-	position: relative;
-	top: 20px;
-}
-
-#password_label2 {
-	position: relative;
-	top: 20px;
-}
-
-#button1 {
-	position: relative;
-	top: 30px;
-}
-
 /* grid */
 .grid {
 	display: grid;
@@ -112,39 +58,13 @@ h4 {
 	top: 20px;
 }
 
-.input1 {
-	width: 128px !important;
-	font-size: 20px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	user-select: all !important;
-}
-
-.input2 {
-	width: 300px;
-	margin: 0 auto;
-	color: rgb(0, 0, 0);
-	background-color: white;
-	border-color: white;
-	font-size: 1.5rem;
-	padding: 15px 30px;
-	border-radius: 30px;
-	cursor: text;
-	text-align: center;
+#search:hover ~ .searchIcon {
 	transition: 0.2s ease-in;
-	margin-bottom: 50px;
-	display: none;
+	stroke: white;
 }
 
-.input2:hover {
-	background-color: rgb(20, 20, 20);
-	color: white;
-	border-color: white;
-}
-
-.input2::placeholder {
-	color: black;
+#search {
+	line-height: 1.75rem !important;
 }
 
 #save {
@@ -153,35 +73,11 @@ h4 {
 	margin: 0 auto;
 }
 
-input:focus::placeholder {
-	transition: 0.2s ease-in !important;
-	color: transparent !important;
-}
-
-input:hover::placeholder {
-	transition: 0.2s ease-in !important;
-	color: transparent !important;
-}
-
-input:active::placeholder {
-	transition: 0.2s ease-in !important;
-	color: transparent !important;
-}
-
 .text3 {
 	position: relative;
 	top: 10px;
 }
 
-.blur {
-	filter: blur(4px);
-	transition: 0.2s ease-in;
-}
-
-.blur:hover {
-	filter: none;
-}
-
 a {
 	color: white;
 	text-decoration: underline;
@@ -197,30 +93,35 @@ a {
 	left: 20px;
 }
 
-.link {
-	cursor: pointer;
-	font-weight: bold;
-	transition: 0.2s ease-in;
-}
-
-.link:hover {
-	color: gray;
-}
-
 #starting,
 #choose {
 	display: none;
 }
 
 .name {
-	background-color: rgb(30, 30, 30);
+	background-color: rgb(20, 20, 20);
 	padding-right: 10px;
 	padding-left: 10px;
+	padding-top: 5px;
+	padding-bottom: 5px;
 	border-radius: 30px;
 	user-select: all;
 	margin-bottom: 10px;
+	font-size: 24px;
 }
 
 .text2 {
-	font-size: 26px !important;
+	font-size: 24px !important;
+}
+
+.dropdown-content {
+	width: 12rem;
+	left: 253px;
+	top: 75px;
+}
+
+.dropdown-content a:hover {
+	background-color: white;
+	color: black;
+	cursor: default;
 }
diff --git a/app/application/src/js/index.js b/app/application/src/js/index.js
index 5b90d485..16020e87 100644
--- a/app/application/src/js/index.js
+++ b/app/application/src/js/index.js
@@ -45,6 +45,8 @@ if (!fs.existsSync(path.join(file_path, "hash.authme"))) {
 let prev = false
 let save_text
 const query = []
+const description_query = []
+const name_query = []
 let clear
 
 /**
@@ -114,6 +116,8 @@ const go = (data) => {
 	document.querySelector(".content").style.top = "80px"
 	document.querySelector("#choose").style.display = "none"
 	document.querySelector("#starting").style.display = "none"
+	document.querySelector("#search_icon").style.display = "inline-block"
+	document.querySelector("#filter_icon").style.display = "inline-block"
 
 	const names = data.names
 	const secrets = data.secrets
@@ -154,19 +158,19 @@ const go = (data) => {
 					<div class="grid diva${i}" id="grid${counter}">
 					<div class="div1">
 					<h3>Name</h3>
-					<p tabindex="0" class="text2 mt-11" id="name${counter}">Code</p>
+					<p tabindex="0" class="text2 mt-11" id="name${counter}">Name</p>
 					</div>
 					<div class="div2">
 					<h3>Code</h3>
-					<p tabindex="0" class="input1" id="code${counter}">Code</p>
+					<p tabindex="0" class="input w-[126px] m-0 text-xl -top-1.5 relative select-all filter blur-sm hover:blur-0" id="code${counter}">Code</p>
 					</div>
 					<div class="div3">
 					<h3>Time</h3>
 					<p tabindex="0" class="text2 mt-11" id="time${counter}">Time</p>
 					</div>
 					<div class="div4">
-					<p tabindex="0" class="text3 name" id="text${counter}">Name</p>
-					<button class="button11" id="copy${counter}" >
+					<p tabindex="0" class="text3 name" id="text${counter}">Description</p>
+					<button class="buttoni w-[194px] -mt-1" id="copy${counter}">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
 					</svg>
@@ -180,19 +184,19 @@ const go = (data) => {
 					<div data-scroll class="grid" id="grid${counter}">
 					<div class="div1">
 					<h3>Name</h3>
-					<p tabindex="0" class="text2 mt-11" id="name${counter}">Code</p>
+					<p tabindex="0" class="text2 mt-11" id="name${counter}">Name</p>
 					</div>
 					<div class="div2">
 					<h3>Code</h3>
-					<p tabindex="0" class="input1" id="code${counter}">Code</p>
+					<p tabindex="0" class="input w-[126px] m-0 text-xl -top-1.5 relative select-all filter blur-sm hover:blur-0" id="code${counter}">Code</p>
 					</div>
 					<div class="div3">
 					<h3>Time</h3>
-					<p class="text2 mt-11" id="time${counter}">Time</p>
+					<p tabindex="0" class="text2 mt-11" id="time${counter}">Time</p>
 					</div>
 					<div class="div4">
-					<p tabindex="0" class="text3 name" id="text${counter}">Name</p>
-					<button class="button11" id="copy${counter}" >
+					<p tabindex="0" class="text3 name" id="text${counter}">Description</p>
+					<button class="buttoni w-[194px] -mt-1" id="copy${counter}">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
 					</svg>
@@ -208,18 +212,18 @@ const go = (data) => {
 					<div class="grid diva${i}" id="grid${counter}">
 					<div class="div1">
 					<h3>Name</h3>
-					<p tabindex="0" class="text2 mt-11" id="name${counter}">Code</p>
+					<p tabindex="0" class="text2 mt-11" id="name${counter}">Name</p>
 					</div>
 					<div class="div2">
 					<h3>Code</h3>
-					<p tabindex="0" class="input1" id="code${counter}">Code</p>
+					<p tabindex="0" class="input w-[126px] m-0 text-xl -top-1.5 relative select-all filter blur-sm hover:blur-0" id="code${counter}">Code</p>
 					</div>
 					<div class="div3">
 					<h3>Time</h3>
 					<p tabindex="0" class="text2 mt-11" id="time${counter}">Time</p>
 					</div>
 					<div class="div4">
-					<button class="button11" id="copy${counter}" >
+					<button class="buttoni w-[194px] -mt-3" id="copy${counter}">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
 					</svg>
@@ -237,14 +241,14 @@ const go = (data) => {
 					</div>
 					<div class="div2">
 					<h3>Code</h3>
-					<p tabindex="0" class="input1" id="code${counter}">Code</p>
+					<p tabindex="0" class="input w-[126px] m-0 text-xl -top-1.5 relative select-all filter blur-sm hover:blur-0" id="code${counter}">Code</p>
 					</div>
 					<div class="div3">
 					<h3>Time</h3>
 					<p tabindex="0" class="text2 mt-11" id="time${counter}">Time</p>
 					</div>
 					<div class="div4">
-					<button class="button11" id="copy${counter}" >
+					<button class="buttoni w-[194px] -mt-3" id="copy${counter}">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
 					</svg>
@@ -260,19 +264,19 @@ const go = (data) => {
 					<div class="grid diva${i}" id="grid${counter}">
 					<div class="div1">
 					<h3>Name</h3>
-					<p tabindex="0" class="text2 mt-11" id="name${counter}">Code</p>
+					<p tabindex="0" class="text2 mt-11" id="name${counter}">Name</p>
 					</div>
 					<div class="div2">
 					<h3>Code</h3>
-					<p tabindex="0" class="input1" id="code${counter}">Code</p>
+					<p tabindex="0" class="input w-[126px] m-0 text-xl -top-1.5 relative select-all" id="code${counter}">Code</p>
 					</div>
 					<div class="div3">
 					<h3>Time</h3>
 					<p tabindex="0" class="text2 mt-11" id="time${counter}">Time</p>
 					</div>
 					<div class="div4">
-					<p tabindex="0" class="text3 name" id="text${counter}">Name</p>
-					<button class="button11" id="copy${counter}" >
+					<p tabindex="0" class="text3 name" id="text${counter}">Description</p>
+					<button class="buttoni w-[194px] -mt-1" id="copy${counter}">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
 					</svg>
@@ -286,19 +290,19 @@ const go = (data) => {
 					<div data-scroll class="grid" id="grid${counter}">
 					<div class="div1">
 					<h3>Name</h3>
-					<p tabindex="0" class="text2 mt-11" id="name${counter}">Code</p>
+					<p tabindex="0" class="text2 mt-11" id="name${counter}">Name</p>
 					</div>
 					<div class="div2">
 					<h3>Code</h3>
-					<p tabindex="0" class="input1" id="code${counter}">Code</p>
+					<p tabindex="0" class="input w-[126px] m-0 text-xl -top-1.5 relative select-all" id="code${counter}">Code</p>
 					</div>
 					<div class="div3">
 					<h3>Time</h3>
 					<p tabindex="0" class="text2 mt-11" id="time${counter}">Time</p>
 					</div>
 					<div class="div4">
-					<p tabindex="0" class="text3 name" id="text${counter}">Name</p>
-					<button class="button11" id="copy${counter}" >
+					<p tabindex="0" class="text3 name" id="text${counter}">Description</p>
+					<button class="buttoni w-[194px] -mt-1" id="copy${counter}">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
 					</svg>
@@ -318,14 +322,14 @@ const go = (data) => {
 					</div>
 					<div class="div2">
 					<h3>Code</h3>
-					<p tabindex="0" class="input1" id="code${counter}">Code</p>
+					<p tabindex="0" class="input w-[126px] m-0 text-xl -top-1.5 relative select-all" id="code${counter}">Code</p>
 					</div>
 					<div class="div3">
 					<h3>Time</h3>
 					<p tabindex="0" class="text2 mt-11" id="time${counter}">Time</p>
 					</div>
 					<div class="div4">
-					<button class="button11" id="copy${counter}" >
+					<button class="buttoni w-[194px] -mt-3" id="copy${counter}">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
 					</svg>
@@ -339,18 +343,18 @@ const go = (data) => {
 					<div data-scroll class="grid" id="grid${counter}">
 					<div class="div1">
 					<h3>Name</h3>
-					<p tabindex="0" class="text2 mt-11" id="name${counter}">Code</p>
+					<p tabindex="0" class="text2 mt-11" id="name${counter}">Name</p>
 					</div>
 					<div class="div2">
 					<h3>Code</h3>
-					<p tabindex="0" class="input1" id="code${counter}">Code</p>
+					<p tabindex="0" class="input w-[126px] m-0 text-xl -top-1.5 relative select-all" id="code${counter}">Code</p>
 					</div>
 					<div class="div3">
 					<h3>Time</h3>
 					<p tabindex="0" class="text2 mt-11" id="time${counter}">Time</p>
 					</div>
 					<div class="div4">
-					<button class="button11" id="copy${counter}" >
+					<button class="buttoni w-[194px] -mt-3" id="copy${counter}">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
 					</svg>
@@ -373,8 +377,9 @@ const go = (data) => {
 			const copy = document.querySelector(`#copy${counter}`)
 
 			// add to query
-			const item = issuers[i].toLowerCase().trim()
-			query.push(item)
+			query.push(`${issuers[i].toLowerCase().trim()} ${names[i].toLowerCase().trim()}`)
+			name_query.push(issuers[i].toLowerCase().trim())
+			description_query.push(names[i].toLowerCase().trim())
 
 			// setting elements
 			if (name_state === true) {
@@ -495,6 +500,7 @@ const search = () => {
 	const search = document.querySelector("#search")
 	const input = search.value.toLowerCase()
 	let i = 0
+	let no_results = 0
 
 	// save result
 	if (search_state === true) {
@@ -503,23 +509,70 @@ const search = () => {
 	}
 
 	// restart
-	for (let i = 0; i < query.length; i++) {
+	for (let i = 0; i < name_query.length; i++) {
 		const div = document.querySelector(`#grid${[i]}`)
 		div.style.display = "grid"
 	}
 
+	// remove no results div
+	try {
+		document.querySelector("#noResult").remove()
+	} catch (error) {}
+
 	// search algorithm
-	query.forEach((e) => {
-		if (!e.startsWith(input)) {
-			const div = document.querySelector(`#grid${[i]}`)
-			div.style.display = "none"
+	name_query.forEach((result) => {
+		if (file.settings.search_bar_filter.name === true && file.settings.search_bar_filter.description === false) {
+			if (!result.startsWith(input)) {
+				const div = document.querySelector(`#grid${[i]}`)
+				div.style.display = "none"
+
+				if (div.style.display === "none") {
+					no_results++
+				}
+			}
+		} else if (file.settings.search_bar_filter.description === true && file.settings.search_bar_filter.name === false) {
+			if (!description_query[i].startsWith(input)) {
+				const div = document.querySelector(`#grid${[i]}`)
+				div.style.display = "none"
+
+				if (div.style.display === "none") {
+					no_results++
+				}
+			}
+		} else {
+			if (!query[i].includes(input)) {
+				const div = document.querySelector(`#grid${[i]}`)
+				div.style.display = "none"
+
+				if (div.style.display === "none") {
+					no_results++
+				}
+			}
 		}
+
 		i++
 	})
 
+	// display no results
+	if (name_query.length === no_results) {
+		const element = document.createElement("div")
+
+		element.innerHTML = `
+		<div class="flex justify-center">
+		<div class="mx-auto rounded-2xl bg-gray-800 mb-8 w-2/3">
+		<h3 class="pt-3">No results found!</h3>
+		<h4>Not found search results for "${document.querySelector("#search").value}".</h4>
+		</div>
+		</div>
+		`
+
+		element.setAttribute("id", "noResult")
+		document.querySelector(".content").appendChild(element)
+	}
+
 	// if search empty
 	if (search.value == "") {
-		for (let i = 0; i < query.length; i++) {
+		for (let i = 0; i < name_query.length; i++) {
 			const div = document.querySelector(`#grid${[i]}`)
 			div.style.display = "grid"
 		}
@@ -753,21 +806,65 @@ if (file.security.require_password === false && file.security.new_encryption ===
 	loadSave()
 }
 
+let dropdown_state = false
+// ? dropdown
+const dropdown = () => {
+	const dropdown_content = document.querySelector(".dropdown-content")
+
+	if (dropdown_state === false) {
+		dropdown_content.style.visibility = "visible"
+
+		setTimeout(() => {
+			dropdown_content.style.display = "block"
+		}, 10)
+
+		dropdown_state = true
+	} else {
+		dropdown_content.style.display = ""
+
+		dropdown_state = false
+	}
+}
+
+document.querySelector("#checkbox0").checked = file.settings.search_bar_filter.name
+document.querySelector("#checkbox1").checked = file.settings.search_bar_filter.description
+// ? dropdown checkboxes
+document.querySelector("#checkbox0").addEventListener("click", () => {
+	if (file.settings.search_bar_filter.name === true) {
+		file.settings.search_bar_filter.name = false
+	} else {
+		file.settings.search_bar_filter.name = true
+	}
+
+	fs.writeFileSync(path.join(file_path, "settings.json"), JSON.stringify(file, null, 4))
+})
+
+document.querySelector("#checkbox1").addEventListener("click", () => {
+	if (file.settings.search_bar_filter.description === true) {
+		file.settings.search_bar_filter.description = false
+	} else {
+		file.settings.search_bar_filter.description = true
+	}
+
+	fs.writeFileSync(path.join(file_path, "settings.json"), JSON.stringify(file, null, 4))
+})
+
 // ? quick copy
 const quickCopy = (key) => {
-	for (let i = 0; i < query.length; i++) {
-		if (key.toLowerCase() === query[i]) {
-			const input = document.querySelector(`#code${[i]}`).value
+	for (let i = 0; i < name_query.length; i++) {
+		if (key.toLowerCase() === name_query[i]) {
+			const input = document.querySelector(`#code${[i]}`).textContent
+			const time = document.querySelector(`#time${[i]}`).textContent
 
 			clipboard.writeText(input)
 
-			const notification = new Notification({ title: "Authme", body: `${key} 2FA code copied to the clipboard!` })
+			const notification = new Notification({ title: "Authme", body: `${key} 2FA code copied to the clipboard (${time}s remaining).` })
 
 			notification.show()
 
 			setTimeout(() => {
 				notification.close()
-			}, 2500)
+			}, 3000)
 		}
 	}
 }
@@ -820,3 +917,20 @@ const readDocs = () => {
 const sampleImport = () => {
 	shell.openExternal("https://github.com/Levminer/authme/blob/main/sample/authme_import_sample.zip?raw=true")
 }
+
+// ? dismiss dialog on click outside
+window.addEventListener("click", (event) => {
+	const dropdown_content = document.querySelector(".dropdown-content")
+	const filter = document.querySelector("#filter_icon")
+	const filter_path = document.querySelector("#filter_path")
+	const checkbox0 = document.querySelector("#checkbox0")
+	const checkbox1 = document.querySelector("#checkbox1")
+	const link0 = document.querySelector("#link0")
+	const link1 = document.querySelector("#link1")
+
+	if (event.target != filter && event.target != filter_path && event.target != checkbox0 && event.target != checkbox1 && event.target != link0 && event.target != link1) {
+		dropdown_content.style.display = ""
+
+		dropdown_state = false
+	}
+})
diff --git a/app/confirm/index.html b/app/confirm/index.html
index e64dfcf1..8de01c75 100644
--- a/app/confirm/index.html
+++ b/app/confirm/index.html
@@ -30,12 +30,12 @@ <h3 class="pt-3">Welcome back!</h3>
 				<h4 id="text">Please enter your password to continue!</h4>
 				<div class="flex flex-col justify-center items-center">
 					<label class="mb-1" id="password_label1">Password</label>
-					<input class="input1" type="password" id="password_input" spellcheck="false" />
-					<svg tabindex="0" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative -top-9 cursor-pointer left-32" fill="none" viewBox="0 0 24 24" stroke="black" id="show_pass_0">
+					<input class="input" type="password" id="password_input" spellcheck="false" />
+					<svg tabindex="0" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative top-[-45px] cursor-pointer left-[120px]" fill="none" viewBox="0 0 24 24" stroke="black" id="show_pass_0">
 						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
 						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
 					</svg>
-					<svg tabindex="0" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative -top-9 cursor-pointer left-32 hidden" fill="none" viewBox="0 0 24 24" stroke="black" id="show_pass_01">
+					<svg tabindex="0" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative top-[-45px] cursor-pointer left-[120px] hidden" fill="none" viewBox="0 0 24 24" stroke="black" id="show_pass_01">
 						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21" />
 					</svg>
 					<div>
@@ -56,12 +56,12 @@ <h4 id="text">Please enter your password to continue!</h4>
 			<div id="more_options" class="mx-auto rounded-2xl bg-gray-800 w-2/3 mt-20 mb-20 pb-10 pt-1 animation invisible hidden">
 				<div>
 					<h3>Forgot password?</h3>
-					<h4>If you have a backup code you can recover your password. If you don't have one then try to think harder.</h4>
+					<h4>If you have a backup key you can recover your password. If you don't have one there is no way to decrypt your codes, try to remember your password.</h4>
 					<button onclick="forgotPassword()" class="buttoni">
 						<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 21h7a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v11m0 5l4.879-4.879m0 0a3 3 0 104.243-4.242 3 3 0 00-4.243 4.242z" />
 						</svg>
-						Confirm
+						Choose backup file
 					</button>
 				</div>
 			</div>
diff --git a/app/confirm/src/css/index.css b/app/confirm/src/css/index.css
index 372c5956..8de89794 100644
--- a/app/confirm/src/css/index.css
+++ b/app/confirm/src/css/index.css
@@ -1,7 +1,3 @@
-.input1 {
-	width: 226px;
-}
-
 #password_input:hover ~ #show_pass_0 {
 	transition: 0.2s ease-in;
 	stroke: white;
@@ -11,20 +7,3 @@
 	transition: 0.2s ease-in;
 	stroke: white;
 }
-
-details {
-	font-size: 24px;
-}
-
-.animation {
-	animation: fadeEffect 1s;
-}
-
-@keyframes fadeEffect {
-	from {
-		opacity: 0;
-	}
-	to {
-		opacity: 1;
-	}
-}
diff --git a/app/confirm/src/js/index.js b/app/confirm/src/js/index.js
index 2ca2bc09..42ae93dc 100644
--- a/app/confirm/src/js/index.js
+++ b/app/confirm/src/js/index.js
@@ -89,11 +89,7 @@ const check_integrity = () => {
 						buttons: ["Close"],
 						type: "error",
 						defaultId: 0,
-						message: `
-						Failed to check the integrity of the files.
-						
-						You or someone messed with the settings file, shutting down for security reasons!
-						`,
+						message: "Failed to check the integrity of the files. \n\nYou or someone messed with the settings file, shutting down for security reasons!",
 					})
 					.then((result) => {
 						app.exit()
@@ -108,11 +104,7 @@ const check_integrity = () => {
 					buttons: ["Close"],
 					type: "error",
 					defaultId: 0,
-					message: `
-						Failed to check the integrity of the files.
-						
-						You or someone messed with the settings file, shutting down for security reasons!
-						`,
+					message: "Failed to check the integrity of the files. \n\nYou or someone messed with the settings file, shutting down for security reasons!",
 				})
 				.then((result) => {
 					app.exit()
@@ -162,72 +154,83 @@ const unhashPassword = async () => {
 	} else {
 		logger.warn("Passwords dont match!")
 
-		text.style.color = "#A30015"
+		text.style.color = "#CC001B"
 		text.textContent = "Passwords don't match! Try again!"
 	}
 }
 
 // ? forgot password
 const forgotPassword = () => {
-	const text = Buffer.from(clipboard.readText())
-
-	if (text.toString().startsWith("-----BEGIN RSA PRIVATE KEY-----")) {
-		/**
-		 * Load storage
-		 * @type {LibStorage}
-		 */
-		let storage
-
-		if (dev === true) {
-			storage = JSON.parse(localStorage.getItem("dev_storage"))
-		} else {
-			storage = JSON.parse(localStorage.getItem("storage"))
-		}
-
-		const hash = Buffer.from(sha.generateHash(text.toString("base64")))
-
-		if (hash.toString() === storage.hash) {
-			const encrypted = Buffer.from(rsa.decrypt(text.toString(), Buffer.from(storage.backup_string, "base64")), "base64")
+	dialog
+		.showOpenDialog({
+			title: "Choose backup file",
+			properties: ["openFile"],
+			filters: [{ name: "Key file", extensions: ["key"] }],
+		})
+		.then((result) => {
+			canceled = result.canceled
+			filepath = result.filePaths
+
+			const loaded_key = Buffer.from(fs.readFileSync(filepath[0]))
+
+			if (loaded_key.toString().startsWith("-----BEGIN RSA PRIVATE KEY-----")) {
+				/**
+				 * Load storage
+				 * @type {LibStorage}
+				 */
+				let storage
+
+				if (dev === true) {
+					storage = JSON.parse(localStorage.getItem("dev_storage"))
+				} else {
+					storage = JSON.parse(localStorage.getItem("storage"))
+				}
+
+				const hash = Buffer.from(sha.generateHash(loaded_key.toString("base64")))
+
+				if (hash.toString() === storage.hash) {
+					const encrypted = Buffer.from(rsa.decrypt(loaded_key.toString(), Buffer.from(storage.backup_string, "base64")), "base64")
+
+					dialog
+						.showMessageBox({
+							title: "Authme",
+							buttons: ["Copy"],
+							defaultId: 0,
+							noLink: true,
+							type: "info",
+							message: "Backup key successfully decrypted! \n\nThe password is copied to your clipboard!",
+						})
+						.then((result) => {
+							clipboard.writeText(encrypted.toString())
+
+							if (result.response === 0) {
+								clipboard.writeText(encrypted.toString())
+							}
+
+							loaded_key.fill(0)
+							hash.fill()
+							encrypted.fill(0)
+						})
+				} else {
+					dialog.showMessageBox({
+						title: "Authme",
+						buttons: ["Close"],
+						type: "error",
+						message: "This is not a matching backup key! \n\nThis backup key is not matching with the your backup key!",
+					})
 
-			dialog
-				.showMessageBox({
+					loaded_key.fill(0)
+					hash.fill(0)
+				}
+			} else {
+				dialog.showMessageBox({
 					title: "Authme",
-					buttons: ["Copy"],
-					defaultId: 0,
-					noLink: true,
-					type: "info",
-					message: "Backup key successfully decrypted!\n\nThe password is copied to your clipboard!",
-				})
-				.then((result) => {
-					clipboard.writeText(encrypted.toString())
-
-					if (result.response === 0) {
-						clipboard.writeText(encrypted.toString())
-					}
-
-					text.fill(0)
-					hash.fill()
-					encrypted.fill(0)
+					buttons: ["Close"],
+					type: "error",
+					message: "This is not a backup key! \n\nPlease choose another file!",
 				})
-		} else {
-			dialog.showMessageBox({
-				title: "Authme",
-				buttons: ["Close"],
-				type: "error",
-				message: "Backup key found on your clipboard!\n\nThis backup key is not matching with the saved backup key!",
-			})
-
-			text.fill(0)
-			hash.fill(0)
-		}
-	} else {
-		dialog.showMessageBox({
-			title: "Authme",
-			buttons: ["Close"],
-			type: "error",
-			message: "No backup key found on your clipboard!\n\nMake your your backup key is copied to your clipboard!",
+			}
 		})
-	}
 }
 
 // ? show password
diff --git a/app/edit/index.html b/app/edit/index.html
index eb3e58cb..884f39d9 100644
--- a/app/edit/index.html
+++ b/app/edit/index.html
@@ -10,7 +10,6 @@
 		<!-- css -->
 		<link rel="stylesheet" href="../.././src/dragonfly.css" />
 		<link rel="stylesheet" href="../.././src/tailwind.css" />
-		<link rel="stylesheet" href="./src/css/index.css" />
 		<!-- favicon -->
 		<link rel="shortcut icon" href="../../img/icon.ico" type="image/x-icon" />
 	</head>
@@ -40,8 +39,8 @@ <h4>You can edit, delete or add more codes.</h4>
 		<!-- content -->
 		<div class="bg-gray-700 w-3/5 m-auto mt-20 mb-60 rounded-2xl relative text-center">
 			<!-- rollback -->
-			<div class="mx-auto rounded-2xl bg-gray-800 w-2/3 rollback mt-20">
-				<h2 id="rollbackBut" class="pt-5">Rollback</h2>
+			<div class="mx-auto rounded-2xl hidden bg-gray-800 w-2/3 rollback mt-20">
+				<h2 id="rollbackText" class="pt-5">Rollback</h2>
 				<h3>You can rollback to the latest save. If you load your codes below it will overwrite the current rollback save!</h3>
 				<button class="buttoni mb-5" onclick="rollback()">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -62,8 +61,8 @@ <h3>You can load the code(s) you saved. After that you can edit them or add more
 				</button>
 			</div>
 			<!-- save codes and add codes -->
-			<div class="afterLoad">
-				<div class="mx-auto rounded-2xl bg-gray-800 w-2/3 mt-20">
+			<div class="afterLoad hidden">
+				<div class="mx-auto rounded-2xl bg-gray-800 w-2/3 mt-20 mb-20">
 					<h2 id="rollbackBut" class="pt-5">Edit mode</h2>
 					<h3>Now you can modify existing codes or add more.</h3>
 					<div class="flex flex-row justify-center gap-3 flex-wrap pb-5">
diff --git a/app/edit/src/css/index.css b/app/edit/src/css/index.css
deleted file mode 100644
index e1c034b4..00000000
--- a/app/edit/src/css/index.css
+++ /dev/null
@@ -1,58 +0,0 @@
-.input1 {
-	color: black;
-	background-color: white;
-	border-color: white;
-	width: 14rem;
-	height: 25px !important;
-}
-
-.input1:hover {
-	color: white;
-	border-color: white;
-	background-color: transparent;
-}
-
-#button1 {
-	position: relative;
-	top: 45px;
-}
-
-#result {
-	display: none;
-	visibility: none;
-}
-
-.afterLoad {
-	display: none;
-}
-
-.grid {
-	display: grid;
-	grid-template-columns: 1fr;
-	grid-template-rows: repeat(3, 1fr);
-	grid-column-gap: 0px;
-	grid-row-gap: 0px;
-
-	background-color: rgb(10, 10, 10);
-	margin-top: 0px;
-	border-radius: 30px;
-	margin: 0 auto;
-	margin-top: 5rem;
-	margin-bottom: 5rem;
-	width: 66.666667%;
-	height: 300px;
-}
-
-.div1 {
-	grid-area: 1 / 1 / 2 / 2;
-}
-.div2 {
-	grid-area: 2 / 1 / 3 / 2;
-}
-.div3 {
-	grid-area: 3 / 1 / 4 / 2;
-}
-
-.rollback {
-	display: none;
-}
diff --git a/app/edit/src/js/index.js b/app/edit/src/js/index.js
index adc3abec..f05a851d 100644
--- a/app/edit/src/js/index.js
+++ b/app/edit/src/js/index.js
@@ -1,5 +1,5 @@
 const { app, dialog } = require("@electron/remote")
-const { aes, convert } = require("@levminer/lib")
+const { aes, convert, time } = require("@levminer/lib")
 const logger = require("@levminer/lib/logger/renderer")
 const fs = require("fs")
 const electron = require("electron")
@@ -61,7 +61,7 @@ const settings_refresher = setInterval(() => {
 // ? rollback
 const cache_path = path.join(file_path, "cache")
 const rollback_con = document.querySelector(".rollback")
-const rollback_text = document.querySelector("#rollbackBut")
+const rollback_text = document.querySelector("#rollbackText")
 let cache = true
 
 fs.readFile(path.join(cache_path, "latest.authmecache"), "utf-8", (err, data) => {
@@ -74,10 +74,14 @@ fs.readFile(path.join(cache_path, "latest.authmecache"), "utf-8", (err, data) =>
 
 		const edited_date = fs.statSync(cache_path).atime
 
-		const temp_date = `${edited_date.toLocaleDateString().split("/").reverse().join(".")}.`
-		const temp_time = edited_date.toLocaleTimeString()
+		const year = edited_date.getFullYear()
+		const month = edited_date.toLocaleString("en-us", { month: "long" })
+		const day = edited_date.toISOString().substring(8, 10)
 
-		rollback_text.textContent = `Latest rollback: ${temp_date} ${temp_time}`
+		const temp_date = `${year}. ${month} ${day}.`
+		const temp_time = `${edited_date.getHours().toString().padStart(2, "0")}:${edited_date.getMinutes().toString().padStart(2, "0")}:${edited_date.getSeconds().toString().padStart(2, "0")}`
+
+		rollback_text.innerHTML = `Latest rollback: <br /> ${temp_date}  ${temp_time}`
 	}
 })
 
@@ -90,9 +94,7 @@ const rollback = () => {
 			cancelId: 1,
 			type: "warning",
 			noLink: true,
-			message: `Are you sure you want to rollback to the latest save?
-			
-			This will overwrite your saved codes!`,
+			message: "Are you sure you want to rollback to the latest save? \n\nThis will overwrite your saved codes!",
 		})
 		.then((result) => {
 			if (result.response === 0) {
@@ -100,13 +102,23 @@ const rollback = () => {
 					if (err) {
 						logger.error("Error reading hash file", err)
 					} else {
-						fs.writeFile(path.join(file_path, "hash.authme"), data, (err) => {
-							if (err) {
-								logger.error("Failed to create cache folder", err)
-							} else {
-								logger.log("Hash file created")
-							}
-						})
+						if (file.security.new_encryption === true) {
+							fs.writeFile(path.join(file_path, "codes", "codes.authme"), data, (err) => {
+								if (err) {
+									logger.error("Failed to create codes.authme folder", err)
+								} else {
+									logger.log("codes.authme file created")
+								}
+							})
+						} else {
+							fs.writeFile(path.join(file_path, "hash.authme"), data, (err) => {
+								if (err) {
+									logger.error("Failed to create hash.authme", err)
+								} else {
+									logger.log("hash.authme file created")
+								}
+							})
+						}
 					}
 				})
 
@@ -120,7 +132,6 @@ const rollback = () => {
 const names = []
 const secrets = []
 const issuers = []
-const ids = []
 
 /**
  * Process data from saved file
@@ -162,20 +173,20 @@ const go = () => {
 		const div = document.createElement("div")
 
 		div.innerHTML = `
-		<div class="grid" id="grid${[counter]}">
-		<div class="div1">
+		<div id="grid${[counter]}" class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+		<div class="flex justify-center items-center">
 		<h2>${issuers[counter]}</h2>
 		</div>
-		<div class="div2">
-		<input type="text" class="input1" id="edit_inp_${[counter]}" value="${names[counter]}" readonly/> 
+		<div class="flex justify-center items-center">
+		<input class="input" type="text" id="edit_inp_${[counter]}" value="${names[counter]}" readonly/>
 		</div>
-		<div class="div3">
+		<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 		<button class="buttonr button" id="edit_but_${[counter]}" onclick="edit(${[counter]})">
 		<svg id="edit_svg_${[counter]}" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
 		</svg>
 		</button>
-		<button class="buttonr" id="del_but_${[counter]}" onclick="del(${[counter]})">
+		<button class="buttonr button" id="del_but_${[counter]}" onclick="del(${[counter]})">
 		<svg id="del_svg_${[counter]}" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
 		</svg>
@@ -236,9 +247,7 @@ const del = (number) => {
 			title: "Authme",
 			buttons: ["Yes", "Cancel"],
 			type: "warning",
-			message: `Are you sure you want to delete this code?
-			
-			If you want to revert this don't save and restart the app!`,
+			message: "Are you sure you want to delete this code? \n\nIf you want to revert this don't save and restart the app!",
 		})
 		.then((result) => {
 			if (result.response === 0) {
@@ -272,9 +281,7 @@ const createSave = () => {
 			cancelId: 1,
 			type: "warning",
 			noLink: true,
-			message: `Are you sure you want to save the modified code(s)?
-			
-			This will overwrite your saved codes!`,
+			message: "Are you sure you want to save the modified code(s)? \n\nThis will overwrite your saved codes!",
 		})
 		.then((result) => {
 			if (result.response === 0) {
@@ -343,7 +350,7 @@ const newSaveCodes = () => {
 
 	const codes = {
 		codes: encrypted.toString("base64"),
-		date: new Date().toISOString().replace("T", "-").replaceAll(":", "-").substring(0, 19),
+		date: time.timestamp(),
 		version: "2",
 	}
 
@@ -359,7 +366,7 @@ const addMore = () => {
 		.showOpenDialog({
 			title: "Import from Authme Import Text file",
 			properties: ["openFile", "multiSelections"],
-			filters: [{ name: "Text file", extensions: ["txt"] }],
+			filters: [{ name: "Authme import/export file", extensions: ["authme", "txt"] }],
 		})
 		.then((result) => {
 			canceled = result.canceled
@@ -373,9 +380,7 @@ const addMore = () => {
 					cancelId: 0,
 					type: "info",
 					noLink: true,
-					message: `Code(s) added!
-	
-					Scroll down to view them!`,
+					message: "Code(s) added! \n\nScroll down to view them!",
 				})
 
 				for (let i = 0; i < files.length; i++) {
@@ -457,9 +462,7 @@ const loadError = () => {
 				title: "Authme",
 				buttons: ["Close"],
 				type: "error",
-				message: `No save file found.
-				
-				Go back to the main page and save your codes!`,
+				message: "No save file found. \n\nGo back to the main page and save your codes!",
 			})
 		}
 	})
@@ -474,9 +477,7 @@ const loadChooser = () => {
 					title: "Authme",
 					buttons: ["Close"],
 					type: "error",
-					message: `No save file found.
-					
-					Go back to the main page and save your codes!`,
+					message: "No save file found. \n\nGo back to the main page and save your codes!",
 				})
 			} else {
 				newLoad()
@@ -557,9 +558,7 @@ const revertChanges = () => {
 			cancelId: 1,
 			type: "warning",
 			noLink: true,
-			message: `Are you sure you want to revert all current change(s)?
-		
-			You will lose all current changes!`,
+			message: "Are you sure you want to revert all current change(s)? \n\nYou will lose all current changes!",
 		})
 		.then((result) => {
 			if (result.response === 0) {
diff --git a/app/export/src/js/index.js b/app/export/src/js/index.js
index 2882e32e..d964f25e 100644
--- a/app/export/src/js/index.js
+++ b/app/export/src/js/index.js
@@ -1,6 +1,6 @@
 const electron = require("electron")
 const { app, dialog, shell } = require("@electron/remote")
-const { aes, convert } = require("@levminer/lib")
+const { aes, convert, time } = require("@levminer/lib")
 const logger = require("@levminer/lib/logger/renderer")
 const fs = require("fs")
 const path = require("path")
@@ -176,9 +176,7 @@ const error = () => {
 				title: "Authme",
 				buttons: ["Close"],
 				type: "error",
-				message: `No save file found.
-				
-				Go back to the main page and save your codes!`,
+				message: "No save file found. \n\nGo back to the main page and save your codes!",
 			})
 		}
 	})
@@ -201,11 +199,7 @@ const newExp = () => {
 		password = Buffer.from(ipc.sendSync("request_password"))
 		key = Buffer.from(aes.generateKey(password, Buffer.from(settings.security.key, "base64")))
 	} else {
-		/**
-		 * Load storage
-		 * @type {LibStorage}
-		 */
-		let storage
+		let /** @type {LibStorage} */ storage
 
 		if (dev === false) {
 			storage = JSON.parse(localStorage.getItem("storage"))
diff --git a/app/import/src/js/ga.js b/app/import/src/js/ga.js
index 3a22e9ec..603a3f56 100644
--- a/app/import/src/js/ga.js
+++ b/app/import/src/js/ga.js
@@ -36,9 +36,7 @@ const gaImport = () => {
 						title: "Authme",
 						buttons: ["Close"],
 						type: "error",
-						message: `No Google Authenticator QR code found on the picture: ${element}.
-						
-						Try to take a better picture and try again!`,
+						message: `No Google Authenticator QR code found on the picture: ${element}. \n\nTry to take a better picture and try again!`,
 					})
 
 					return logger.warn("No QR code found (GA)")
@@ -87,9 +85,7 @@ const gaImport = () => {
 								buttons: ["Close"],
 								type: "info",
 								defaultId: 0,
-								message: `Google Authenticator QR codes found on these pictures: ${corrects_str}
-								
-								Now select where do you want to save the file!`,
+								message: `Google Authenticator QR codes found on these pictures: ${corrects_str} \n\nNow select where do you want to save the file!`,
 							})
 							.then(() => {
 								dialog
@@ -121,9 +117,7 @@ const gaImport = () => {
 						title: "Authme",
 						buttons: ["Close"],
 						type: "error",
-						message: `Wrong QR code found on the picture: ${element}.
-						
-						Make sure this is a correct QR code and try again!`,
+						message: `Wrong QR code found on the picture: ${element}. \n\nMake sure this is a correct QR code and try again!`,
 					})
 
 					return logger.error("Wrong QR code found (GA)")
@@ -143,9 +137,7 @@ const gaCamera = () => {
 				title: "Authme",
 				buttons: ["Close"],
 				type: "error",
-				message: `Not found webcam!
-				
-				Please check if your webcam is working correctly or not used by another application.`,
+				message: "Not found webcam! \n\nPlease check if your webcam is working correctly or not used by another application.",
 			})
 
 			return logger.error("Not found webcam")
@@ -167,77 +159,94 @@ const gaCamera = () => {
 				button.style.display = "inline"
 			}, 300)
 
-			reader.decodeFromCamera(video).then((res) => {
-				if (res.data.startsWith("otpauth-migration://")) {
-					// split string
-					const uri = res.data.split("=")
+			reader
+				.decodeFromCamera(video)
+				.then((res) => {
+					if (res.data.startsWith("otpauth-migration://")) {
+						// split string
+						const uri = res.data.split("=")
 
-					// decode data
-					const data = qrcodeConverter.convert(uri[1])
+						// decode data
+						const data = qrcodeConverter.convert(uri[1])
 
-					// make a string
-					let string = ""
+						// make a string
+						let string = ""
 
-					data.forEach((element) => {
-						const temp_string = `\nName:   ${element.name} \nSecret: ${element.secret} \nIssuer: ${element.issuer} \nType:   OTP_TOTP\n`
-						string += temp_string
-					})
+						data.forEach((element) => {
+							const temp_string = `\nName:   ${element.name} \nSecret: ${element.secret} \nIssuer: ${element.issuer} \nType:   OTP_TOTP\n`
+							string += temp_string
+						})
 
-					dialog
-						.showMessageBox({
+						dialog
+							.showMessageBox({
+								title: "Authme",
+								buttons: ["Close"],
+								type: "info",
+								defaultId: 0,
+								message: "Google Authenticator QR codes found on camera! \n\nNow select where do you want to save the file!",
+							})
+							.then(() => {
+								dialog
+									.showSaveDialog({
+										title: "Save Authme import file",
+										filters: [{ name: "Authme import file", extensions: ["authme"] }],
+										defaultPath: "~/import.authme",
+									})
+									.then((result) => {
+										canceled = result.canceled
+										output = result.filePath
+
+										if (canceled === false) {
+											fs.writeFile(output, string, (err) => {
+												if (err) {
+													logger.error(`Error creating file - ${err}`)
+												} else {
+													logger.log("File created")
+												}
+											})
+										} else {
+											return logger.warn("Saving canceled")
+										}
+									})
+							})
+					} else {
+						dialog.showMessageBox({
 							title: "Authme",
 							buttons: ["Close"],
-							type: "info",
-							defaultId: 0,
-							message: "Google Authenticator QR codes found on camera!\n\nNow select where do you want to save the file!",
+							type: "error",
+							message: "Wrong QR code found on camera! \n\nMake sure this is a correct QR code and try again!",
 						})
-						.then(() => {
-							dialog
-								.showSaveDialog({
-									title: "Save import file",
-									filters: [{ name: "Text file", extensions: ["txt"] }],
-									defaultPath: "~/authme_import.txt",
-								})
-								.then((result) => {
-									canceled = result.canceled
-									output = result.filePath
-
-									if (canceled === false) {
-										fs.writeFile(output, string, (err) => {
-											if (err) {
-												logger.error(`Error creating file - ${err}`)
-											} else {
-												logger.log("File created")
-											}
-										})
-									} else {
-										return logger.warn("Saving canceled")
-									}
-								})
-						})
-				} else {
+
+						video.style.display = "none"
+						button.style.display = "none"
+
+						reader.stop()
+
+						return logger.error("Wrong QR code found (GA)")
+					}
+
+					video.style.display = "none"
+					button.style.display = "none"
+
+					reader.stop()
+				})
+				.catch(() => {
 					dialog.showMessageBox({
 						title: "Authme",
 						buttons: ["Close"],
 						type: "error",
-						message: `Wrong QR code found on camera!
-						
-						Make sure this is a correct QR code and try again!`,
+						message: "Webcam in use! \n\nPlease check if your webcam is not used by another application.",
 					})
 
-					video.style.display = "none"
-					button.style.display = "none"
-
 					reader.stop()
 
-					return logger.error("Wrong QR code found (GA)")
-				}
+					setTimeout(() => {
+						video.style.display = "none"
+						button.style.display = "none"
+					}, 300)
 
-				video.style.display = "none"
-				button.style.display = "none"
-
-				reader.stop()
-			})
+					logger.error("Webcam in use")
+				})
 		}
 	})
 }
diff --git a/app/import/src/js/index.js b/app/import/src/js/index.js
index 15017fbf..17993773 100644
--- a/app/import/src/js/index.js
+++ b/app/import/src/js/index.js
@@ -4,7 +4,7 @@ const logger = require("@levminer/lib/logger/renderer")
 const electron = require("electron")
 const path = require("path")
 const fs = require("fs")
-const { qrcodeConverter } = require("@levminer/lib")
+const { qrcodeConverter, time } = require("@levminer/lib")
 const ipc = electron.ipcRenderer
 
 // ? error in window
diff --git a/app/import/src/js/qr.js b/app/import/src/js/qr.js
index b2faa48e..6a86b5c7 100644
--- a/app/import/src/js/qr.js
+++ b/app/import/src/js/qr.js
@@ -36,9 +36,7 @@ const qrImport = () => {
 						title: "Authme",
 						buttons: ["Close"],
 						type: "error",
-						message: `No QR code found on the picture: ${element}.
-						
-						Try to take a better picture and try again!`,
+						message: `No QR code found on the picture: ${element}. \n\nTry to take a better picture and try again!`,
 					})
 
 					return logger.warn("No QR code found (QR)")
@@ -88,9 +86,7 @@ const qrImport = () => {
 								buttons: ["Close"],
 								type: "info",
 								defaultId: 0,
-								message: `QR codes found on these pictures: ${corrects_str}
-								
-								Now select where do you want to save the file!`,
+								message: `QR codes found on these pictures: ${corrects_str} \n\nNow select where do you want to save the file!`,
 							})
 							.then(() => {
 								dialog
@@ -122,9 +118,7 @@ const qrImport = () => {
 						title: "Authme",
 						buttons: ["Close"],
 						type: "error",
-						message: `Wrong QR code found on the picture: ${element}.
-						
-						Make sure this is a correct QR code and try again!`,
+						message: `Wrong QR code found on the picture: ${element}. \n\nMake sure this is a correct QR code and try again!`,
 					})
 
 					return logger.error("Wrong QR code found (QR)")
@@ -144,9 +138,7 @@ const qrCamera = () => {
 				title: "Authme",
 				buttons: ["Close"],
 				type: "error",
-				message: `Not found webcam!
-				
-				Please check if your webcam is working correctly or not used by another application.`,
+				message: "Not found webcam! \n\nPlease check if your webcam is working correctly or not used by another application.",
 			})
 
 			return logger.error("Not found webcam")
@@ -168,82 +160,99 @@ const qrCamera = () => {
 				button.style.display = "inline"
 			}, 300)
 
-			reader.decodeFromCamera(video).then((res) => {
-				if (res.data.startsWith("otpauth://totp/")) {
-					// construct
-					let url = res.data.replaceAll(/\s/g, "")
-					url = url.slice(15)
+			reader
+				.decodeFromCamera(video)
+				.then((res) => {
+					if (res.data.startsWith("otpauth://totp/")) {
+						// construct
+						let url = res.data.replaceAll(/\s/g, "")
+						url = url.slice(15)
 
-					// get name
-					const name_index = url.match(/[?]/)
-					const name = url.slice(0, name_index.index)
-					url = url.slice(name.length + 1)
+						// get name
+						const name_index = url.match(/[?]/)
+						const name = url.slice(0, name_index.index)
+						url = url.slice(name.length + 1)
 
-					// get secret
-					const secret_index = url.match(/[&]/)
-					const secret = url.slice(7, secret_index.index)
-					url = url.slice(secret.length + 14 + 1)
+						// get secret
+						const secret_index = url.match(/[&]/)
+						const secret = url.slice(7, secret_index.index)
+						url = url.slice(secret.length + 14 + 1)
 
-					// get issuer
-					const issuer = url
+						// get issuer
+						const issuer = url
 
-					const str = `\nName:   ${name} \nSecret: ${secret} \nIssuer: ${issuer} \nType:   OTP_TOTP\n`
+						const str = `\nName:   ${name} \nSecret: ${secret} \nIssuer: ${issuer} \nType:   OTP_TOTP\n`
 
-					dialog
-						.showMessageBox({
+						dialog
+							.showMessageBox({
+								title: "Authme",
+								buttons: ["Close"],
+								type: "info",
+								defaultId: 0,
+								message: "QR codes found on camera! \n\nNow select where do you want to save the file!",
+							})
+							.then(() => {
+								dialog
+									.showSaveDialog({
+										title: "Save import file",
+										filters: [{ name: "Text file", extensions: ["txt"] }],
+										defaultPath: "~/authme_import.txt",
+									})
+									.then((result) => {
+										canceled = result.canceled
+										output = result.filePath
+
+										if (canceled === false) {
+											fs.writeFile(output, str, (err) => {
+												if (err) {
+													logger.error(`Error creating file - ${err}`)
+												} else {
+													logger.log("File created")
+												}
+											})
+										} else {
+											return logger.warn("Saving canceled")
+										}
+									})
+							})
+					} else {
+						dialog.showMessageBox({
 							title: "Authme",
 							buttons: ["Close"],
-							type: "info",
-							defaultId: 0,
-							message: "QR codes found on camera!\n\nNow select where do you want to save the file!",
-						})
-						.then(() => {
-							dialog
-								.showSaveDialog({
-									title: "Save import file",
-									filters: [{ name: "Text file", extensions: ["txt"] }],
-									defaultPath: "~/authme_import.txt",
-								})
-								.then((result) => {
-									canceled = result.canceled
-									output = result.filePath
-
-									if (canceled === false) {
-										fs.writeFile(output, str, (err) => {
-											if (err) {
-												logger.error(`Error creating file - ${err}`)
-											} else {
-												logger.log("File created")
-											}
-										})
-									} else {
-										return logger.warn("Saving canceled")
-									}
-								})
+							type: "error",
+							message: "Wrong QR code found on camera! \n\nMake sure this is a correct QR code and try again!",
 						})
-				} else {
+
+						video.style.display = "none"
+						button.style.display = "none"
+
+						reader.stop()
+
+						return logger.error("Wrong QR code found (QR)")
+					}
+
+					video.style.display = "none"
+					button.style.display = "none"
+
+					reader.stop()
+				})
+				.catch(() => {
 					dialog.showMessageBox({
 						title: "Authme",
 						buttons: ["Close"],
 						type: "error",
-						message: `Wrong QR code found on camera!
-						
-						Make sure this is a correct QR code and try again!`,
+						message: "Webcam in use! \n\nPlease check if your webcam is not used by another application.",
 					})
 
-					video.style.display = "none"
-					button.style.display = "none"
-
 					reader.stop()
 
-					return logger.error("Wrong QR code found (QR)")
-				}
-
-				video.style.display = "none"
-				button.style.display = "none"
+					setTimeout(() => {
+						video.style.display = "none"
+						button.style.display = "none"
+					}, 300)
 
-				reader.stop()
-			})
+					logger.error("Webcam in use")
+				})
 		}
 	})
 }
diff --git a/app/landing/index.html b/app/landing/index.html
index 4fa8530d..5237bfa2 100644
--- a/app/landing/index.html
+++ b/app/landing/index.html
@@ -27,27 +27,31 @@
 			<h1>Authme</h1>
 			<div class="mx-auto rounded-2xl bg-gray-800 w-2/3 mb-16" id="choose">
 				<h3 class="pt-3">Welcome to Authme!</h3>
-				<h4 id="text">Please create a password to encrypt your 2FA codes!</h4>
+				<h4 id="text">
+					Please create a password to encrypt your 2FA codes!
+					<br />
+					If you don't want to type in a password every time you launch Authme choose More options and Don't require password.
+				</h4>
 				<div class="flex flex-row flex-wrap justify-center gap-3 pb-5 select-none">
 					<div class="flex flex-col">
 						<label class="mb-1" id="password_label1">Password</label>
-						<input class="input1" type="password" id="password_input1" spellcheck="false" />
-						<svg tabindex="0" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative -top-9 cursor-pointer left-56" fill="none" viewBox="0 0 24 24" stroke="black" id="show_pass_0">
+						<input class="input" type="password" id="password_input1" spellcheck="false" />
+						<svg tabindex="0" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative top-[-45px] cursor-pointer left-[250px]" fill="none" viewBox="0 0 24 24" stroke="black" id="show_pass_0">
 							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
 							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
 						</svg>
-						<svg tabindex="0" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative -top-9 cursor-pointer left-56 hidden" fill="none" viewBox="0 0 24 24" stroke="black" id="show_pass_01">
+						<svg tabindex="0" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative top-[-45px] cursor-pointer left-[250px] hidden" fill="none" viewBox="0 0 24 24" stroke="black" id="show_pass_01">
 							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21" />
 						</svg>
 					</div>
 					<div class="flex flex-col">
 						<label class="mb-1" id="password_label2">Confirm password</label>
-						<input class="input1" type="password" id="password_input2" spellcheck="false" />
-						<svg tabindex="0" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative -top-9 cursor-pointer left-56" fill="none" viewBox="0 0 24 24" stroke="black" id="show_pass_1">
+						<input class="input" type="password" id="password_input2" spellcheck="false" />
+						<svg tabindex="0" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative top-[-45px] cursor-pointer left-[250px]" fill="none" viewBox="0 0 24 24" stroke="black" id="show_pass_1">
 							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
 							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
 						</svg>
-						<svg tabindex="0" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative -top-9 cursor-pointer left-56 hidden" fill="none" viewBox="0 0 24 24" stroke="black" id="show_pass_11">
+						<svg tabindex="0" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative top-[-45px] cursor-pointer left-[250px] hidden" fill="none" viewBox="0 0 24 24" stroke="black" id="show_pass_11">
 							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21" />
 						</svg>
 					</div>
@@ -80,7 +84,7 @@ <h4>If you don't want to type in your password every time you launch Authme.</h4
 
 					<h3>Backup key</h3>
 					<h4>In case you forget your password you can use this backup key to get back your codes.</h4>
-					<button onclick="generateKey()" class="buttoni mb-7">
+					<button onclick="generateBackupKey()" class="buttoni mb-7">
 						<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z" />
 						</svg>
@@ -91,7 +95,7 @@ <h4>In case you forget your password you can use this backup key to get back you
 
 					<h3>Use new encryption method</h3>
 					<h4>A new more secure encryption method for your codes (Default after 2.7.0).</h4>
-					<div class="flex justify-center items-center w-72 h-16 bg-white mx-auto rounded-full">
+					<div class="flex justify-center items-center w-72 h-[68px] bg-white mx-auto rounded-full">
 						<div class="relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
 							<input checked onclick="encryptionMethodToggle()" id="tgl0" type="checkbox" class="toggle checked:bg-white outline-none focus:outline-none right-5 duration-200 ease-in absolute block w-4 h-4 rounded-full top-1 bg-black appearance-none cursor-pointer" />
 							<label for="tgl0" class="toggle-bg block overflow-hidden h-6 rounded-full bg-white cursor-pointer"></label>
diff --git a/app/landing/src/css/index.css b/app/landing/src/css/index.css
index f743dadb..c53df62e 100644
--- a/app/landing/src/css/index.css
+++ b/app/landing/src/css/index.css
@@ -18,10 +18,6 @@
 	stroke: white;
 }
 
-details {
-	font-size: 24px;
-}
-
 .toggle:checked ~ .toggle-bg {
 	background-color: black !important;
 	transition: 0.2s ease-in;
@@ -36,16 +32,3 @@ hr {
 	color: white;
 	border-width: 1px;
 }
-
-.animation {
-	animation: fadeEffect 1s;
-}
-
-@keyframes fadeEffect {
-	from {
-		opacity: 0;
-	}
-	to {
-		opacity: 1;
-	}
-}
diff --git a/app/landing/src/js/index.js b/app/landing/src/js/index.js
index 1ce090f1..20fb18ce 100644
--- a/app/landing/src/js/index.js
+++ b/app/landing/src/js/index.js
@@ -66,10 +66,10 @@ const comparePasswords = () => {
 	const password_input2 = Buffer.from(document.querySelector("#password_input2").value)
 
 	if (password_input1.toString().length > 64) {
-		text.style.color = "#A30015"
+		text.style.color = "#CC001B"
 		text.textContent = "Maximum password length is 64 characters!"
 	} else if (password_input1.toString().length < 8) {
-		text.style.color = "#A30015"
+		text.style.color = "#CC001B"
 		text.textContent = "Minimum password length is 8 characters!"
 	} else {
 		if (password_input1.toString() == password_input2.toString()) {
@@ -85,7 +85,7 @@ const comparePasswords = () => {
 		} else {
 			logger.warn("Passwords dont match!")
 
-			text.style.color = "#A30015"
+			text.style.color = "#CC001B"
 			text.textContent = "Passwords don't match! Try again!"
 		}
 	}
@@ -93,6 +93,20 @@ const comparePasswords = () => {
 
 // ? hash password
 const hashPasswords = async () => {
+	const result = await dialog.showMessageBox({
+		title: "Authme",
+		buttons: ["Yes", "No"],
+		type: "warning",
+		defaultId: 0,
+		cancelId: 1,
+		noLink: true,
+		message: "Do you want to create a backup key? \n\nIn case you forget your password you can use this backup key to retrieve them.",
+	})
+
+	if (result.response === 0) {
+		await generateBackupKey()
+	}
+
 	const password_input = Buffer.from(document.querySelector("#password_input1").value)
 	const new_encryption = document.querySelector("#tgl0").checked
 
@@ -164,7 +178,7 @@ const noPassword = () => {
 			defaultId: 1,
 			cancelId: 1,
 			noLink: true,
-			message: "Are you sure? \n\nThis way nothing will protect your codes.",
+			message: "Are you sure? \n\nThis way everyone with access to your computer can access your codes too.",
 		})
 		.then((result) => {
 			if (result.response === 0) {
@@ -244,58 +258,80 @@ const encryptionMethodToggle = () => {
 	}
 }
 
-// ?  generate backup key
-
-const generateKey = () => {
+/**
+ * Generate a backup key which encrypts the password
+ */
+const generateBackupKey = async () => {
 	const keys = Buffer.from(rsa.generateKeys())
 	const public_key = Buffer.from(keys.toString().split("@")[0])
-	let private_key = Buffer.from(keys.toString().split("@")[1])
-
-	dialog
-		.showMessageBox({
-			title: "Authme",
-			buttons: ["Copy"],
-			defaultId: 0,
-			noLink: true,
-			type: "info",
-			message: "Please save this key to a secure location, anyone with this key can decrypt your codes!\n\n You can only copy this key now, after closing this dialog you can't copy it again!",
-		})
-		.then((result) => {
-			navigator.clipboard.writeText(private_key.toString())
-
-			if (result.response === 0) {
-				navigator.clipboard.writeText(private_key.toString())
-			}
-
-			navigator.clipboard.readText().then((text) => {
-				private_key = Buffer.from(text)
-
-				/**
-				 * Load storage
-				 * @type {LibStorage}
-				 */
-				let storage
-
-				if (dev === true) {
-					storage = JSON.parse(localStorage.getItem("dev_storage"))
-				} else {
-					storage = JSON.parse(localStorage.getItem("storage"))
-				}
-
-				storage.backup_key = public_key.toString("base64")
-				storage.hash = sha.generateHash(private_key.toString("base64"))
-
-				if (dev === true) {
-					localStorage.setItem("dev_storage", JSON.stringify(storage))
-				} else {
-					localStorage.setItem("storage", JSON.stringify(storage))
+	const private_key = Buffer.from(keys.toString().split("@")[1])
+
+	const result = await dialog.showMessageBox({
+		title: "Authme",
+		buttons: ["Save", "Close"],
+		defaultId: 0,
+		cancelId: 1,
+		noLink: true,
+		type: "info",
+		message: "Please save this key to a secure location, anyone with this key can decrypt your codes! \n\nYou can only save this key now, after closing this dialog you can't save it again!",
+	})
+
+	if (result.response === 0) {
+		await dialog
+			.showSaveDialog({
+				title: "Save as Text file",
+				filters: [{ name: "Key file", extensions: ["key"] }],
+				defaultPath: "~/authme_backup.key",
+			})
+			.then((result) => {
+				canceled = result.canceled
+				output = result.filePath
+
+				if (canceled === false) {
+					fs.writeFile(output, private_key, (err) => {
+						if (err) {
+							logger.error(`Error creating file - ${err}`)
+						} else {
+							logger.log("Text file created")
+						}
+
+						/**
+						 * Load storage
+						 * @type {LibStorage}
+						 */
+						let storage
+
+						if (dev === true) {
+							storage = JSON.parse(localStorage.getItem("dev_storage"))
+						} else {
+							storage = JSON.parse(localStorage.getItem("storage"))
+						}
+
+						const saved_key = fs.readFileSync(output)
+
+						storage.backup_key = public_key.toString("base64")
+						storage.hash = sha.generateHash(saved_key.toString("base64"))
+
+						if (dev === true) {
+							localStorage.setItem("dev_storage", JSON.stringify(storage))
+						} else {
+							localStorage.setItem("storage", JSON.stringify(storage))
+						}
+
+						keys.fill(0)
+						public_key.fill(0)
+						private_key.fill(0)
+					})
 				}
-
+			})
+			.catch((err) => {
 				keys.fill(0)
 				public_key.fill(0)
 				private_key.fill(0)
+
+				logger.error(`Failed to save - ${err}`)
 			})
-		})
+	}
 }
 
 // ? show password
diff --git a/app/settings/index.html b/app/settings/index.html
index 960f1353..f08395e3 100644
--- a/app/settings/index.html
+++ b/app/settings/index.html
@@ -15,7 +15,7 @@
 	</head>
 	<body>
 		<!-- build number -->
-		<div class="w-full text-white bg-black font-bold build">
+		<div class="w-full text-white bg-black font-bold build hidden">
 			<div class="container flex flex-row items-center justify-center px-6 py-2 mx-auto">
 				<div class="flex">
 					<p class="mx-3 flex flex-row build-content">You are running a pre release version of Authme!</p>
@@ -24,7 +24,7 @@
 		</div>
 
 		<!-- offline mode -->
-		<div class="w-full text-white bg-popup-red font-bold offline">
+		<div class="w-full text-white bg-popup-red font-bold offline hidden">
 			<div class="container flex flex-row items-center justify-between px-6 py-4 mx-auto">
 				<div class="flex">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -42,7 +42,7 @@
 		</div>
 
 		<!-- online mode -->
-		<div class="w-full text-white bg-popup-green font-bold online">
+		<div class="w-full text-white bg-popup-green font-bold online hidden">
 			<div class="container flex flex-row items-center justify-between px-6 py-4 mx-auto">
 				<div class="flex">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -60,7 +60,7 @@
 		</div>
 
 		<!-- update -->
-		<div class="w-full text-white bg-popup-blue font-bold update">
+		<div class="w-full text-white bg-popup-blue font-bold update hidden">
 			<div class="container flex flex-row items-center justify-between px-6 py-4 mx-auto">
 				<div class="flex">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative top-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -92,7 +92,7 @@
 		</div>
 
 		<!-- info -->
-		<div class="w-full text-white bg-popup-yellow font-bold info">
+		<div class="w-full text-white bg-popup-yellow font-bold info hidden">
 			<div class="container flex flex-row items-center justify-between px-6 py-4 mx-auto">
 				<div class="flex">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative top-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -187,7 +187,7 @@
 					<div class="mx-auto rounded-2xl bg-gray-700 w-3/5 text-center mt-40">
 						<img src="../../img/header.png" class="h-16 w-16 relative top-5" />
 						<h2>Settings</h2>
-						<h4>You can configure the app setting here.</h4>
+						<h4>You can configure the app settings here.</h4>
 						<button class="buttoni mb-6" onclick="hide()">
 							<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
@@ -200,8 +200,8 @@ <h4>You can configure the app setting here.</h4>
 					<div class="mx-auto text-center mt-20 mb-20 pt-5 pb-10 rounded-2xl bg-gray-700 w-3/5">
 						<div id="setting" class="tabcontent">
 							<h3>Launch on startup</h3>
-							<h4>Start the app after the operating system loaded. The app will start on the tray.</h4>
-							<div class="flex justify-center items-center w-72 h-16 bg-white mx-auto rounded-full">
+							<h4>Start the app after the operating system started. The app will start on the tray.</h4>
+							<div class="flex justify-center items-center w-72 h-[68px] bg-white mx-auto rounded-full">
 								<div class="relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
 									<input id="tgl0" onclick="startup()" type="checkbox" class="toggle checked:bg-white outline-none focus:outline-none right-5 duration-200 ease-in absolute block w-4 h-4 rounded-full top-1 bg-black appearance-none cursor-pointer" />
 									<label for="tgl0" class="toggle-bg block overflow-hidden h-6 rounded-full bg-white cursor-pointer"></label>
@@ -210,8 +210,8 @@ <h4>Start the app after the operating system loaded. The app will start on the t
 							</div>
 							<hr />
 							<h3>Close app to tray</h3>
-							<h4>On closing the app will not quit. You can open the app from the tray menu.</h4>
-							<div class="flex justify-center items-center w-72 h-16 bg-white mx-auto rounded-full">
+							<h4>On closing the app will not quit. You can open the app from the tray.</h4>
+							<div class="flex justify-center items-center w-72 h-[68px] bg-white mx-auto rounded-full">
 								<div class="relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
 									<input id="tgl1" onclick="tray()" type="checkbox" class="toggle checked:bg-white outline-none focus:outline-none right-5 duration-200 ease-in absolute block w-4 h-4 rounded-full top-1 bg-black appearance-none cursor-pointer" />
 									<label for="tgl1" class="toggle-bg block overflow-hidden h-6 rounded-full bg-white cursor-pointer"></label>
@@ -222,7 +222,7 @@ <h4>On closing the app will not quit. You can open the app from the tray menu.</
 							<div id="disable_screen_capture_div">
 								<h3>Window capture</h3>
 								<h4>Allows screenshots and screen capture. You can record or screenshot the app.</h4>
-								<div class="flex justify-center items-center w-72 h-16 bg-white mx-auto rounded-full">
+								<div class="flex justify-center items-center w-72 h-[68px] bg-white mx-auto rounded-full">
 									<div class="relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
 										<input id="tgl2" onclick="capture()" type="checkbox" class="toggle checked:bg-white outline-none focus:outline-none right-5 duration-200 ease-in absolute block w-4 h-4 rounded-full top-1 bg-black appearance-none cursor-pointer" />
 										<label for="tgl2" class="toggle-bg block overflow-hidden h-6 rounded-full bg-white cursor-pointer"></label>
@@ -234,9 +234,9 @@ <h4>Allows screenshots and screen capture. You can record or screenshot the app.
 							<div>
 								<h3>Hardware acceleration</h3>
 								<h4>Uses GPU for smoother experience. Enable this option if you experience frame drops or lags.</h4>
-								<div class="flex justify-center items-center w-72 h-16 bg-white mx-auto rounded-full">
+								<div class="flex justify-center items-center w-72 h-[68px] bg-white mx-auto rounded-full">
 									<a href="#" onclick="hardware()">
-										<div class="noclick relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
+										<div class="pointer-events-none relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
 											<input tabindex="-1" id="tgl7" type="checkbox" class="toggle checked:bg-white outline-none focus:outline-none right-5 duration-200 ease-in absolute block w-4 h-4 rounded-full top-1 bg-black appearance-none cursor-pointer" />
 											<label for="tgl7" class="toggle-bg block overflow-hidden h-6 rounded-full bg-white cursor-pointer"></label></div
 									></a>
@@ -254,7 +254,7 @@ <h4>Clear password, 2FA codes and all other settings. Be careful.</h4>
 							</button>
 							<hr />
 							<h3>Open folders</h3>
-							<h4>You can open the folders Authme uses to function. Editing or deleting files might cause a crash.</h4>
+							<h4>You can open the folders Authme uses to function. Editing or deleting files might cause problems.</h4>
 							<div class="flex justify-center gap-3 flex-row flex-wrap">
 								<button class="buttoni" id="but3" onclick="folder0()">
 									<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -295,12 +295,12 @@ <h4>Your current Authme version. Click for more info about Authme.</h4>
 						</div>
 
 						<!-- codes -->
-						<div id="codes" class="tabcontent part">
-							<h3>Show 2FA names</h3>
-							<p class="text3">The saved 2FA names will show up. You can copy it after clicking it.</p>
-							<div class="flex justify-center items-center w-72 h-16 bg-white mx-auto rounded-full">
+						<div id="codes" class="tabcontent part hidden">
+							<h3>Show 2FA descriptions</h3>
+							<h4>The saved 2FA description will be visible. You can copy it after clicking it.</h4>
+							<div class="flex justify-center items-center w-72 h-[68px] bg-white mx-auto rounded-full">
 								<a href="#" onclick="names()">
-									<div class="noclick relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
+									<div class="pointer-events-none relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
 										<input tabindex="-1" id="tgl3" type="checkbox" class="toggle checked:bg-white outline-none focus:outline-none right-5 duration-200 ease-in absolute block w-4 h-4 rounded-full top-1 bg-black appearance-none cursor-pointer" />
 										<label for="tgl3" class="toggle-bg block overflow-hidden h-6 rounded-full bg-white cursor-pointer"></label></div
 								></a>
@@ -309,10 +309,10 @@ <h3>Show 2FA names</h3>
 							<br />
 							<hr />
 							<h3>Blur codes</h3>
-							<p class="text3">Blurs the 2FA code. You can still copy it or hover over it to reveal.</p>
-							<div class="flex justify-center items-center w-72 h-16 bg-white mx-auto rounded-full">
+							<h4>Blurs the 2FA code. You can still copy it or hover over it to reveal.</h4>
+							<div class="flex justify-center items-center w-72 h-[68px] bg-white mx-auto rounded-full">
 								<a href="#" onclick="reveal()">
-									<div class="noclick relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
+									<div class="pointer-events-none relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
 										<input tabindex="-1" id="tgl4" type="checkbox" class="toggle checked:bg-white outline-none focus:outline-none right-5 duration-200 ease-in absolute block w-4 h-4 rounded-full top-1 bg-black appearance-none cursor-pointer" />
 										<label for="tgl4" class="toggle-bg block overflow-hidden h-6 rounded-full bg-white cursor-pointer"></label></div
 								></a>
@@ -321,10 +321,10 @@ <h3>Blur codes</h3>
 							<br />
 							<hr />
 							<h3>Save search history</h3>
-							<p class="text3">Keep your search history. Works even after restart.</p>
-							<div class="flex justify-center items-center w-72 h-16 bg-white mx-auto rounded-full">
+							<h4>Keep your search history. Works even after restart.</h4>
+							<div class="flex justify-center items-center w-72 h-[68px] bg-white mx-auto rounded-full">
 								<a href="#" onclick="results()">
-									<div class="noclick relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
+									<div class="pointer-events-none relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
 										<input tabindex="-1" id="tgl5" type="checkbox" class="toggle checked:bg-white outline-none focus:outline-none right-5 duration-200 ease-in absolute block w-4 h-4 rounded-full top-1 bg-black appearance-none cursor-pointer" />
 										<label for="tgl5" class="toggle-bg block overflow-hidden h-6 rounded-full bg-white cursor-pointer"></label></div
 								></a>
@@ -333,10 +333,10 @@ <h3>Save search history</h3>
 							<br />
 							<hr />
 							<h3>Reset search after copy</h3>
-							<p class="text3">Reset the search bar after you copied your code. Useful if you copy a lot of codes.</p>
-							<div class="flex justify-center items-center w-72 h-16 bg-white mx-auto rounded-full">
+							<h4>Reset the search bar after you copied a code. Useful if you copy and search for a lot of codes.</h4>
+							<div class="flex justify-center items-center w-72 h-[68px] bg-white mx-auto rounded-full">
 								<a href="#" onclick="copy()">
-									<div class="noclick relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
+									<div class="pointer-events-none relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
 										<input tabindex="-1" id="tgl6" type="checkbox" class="toggle checked:bg-white outline-none focus:outline-none right-5 duration-200 ease-in absolute block w-4 h-4 rounded-full top-1 bg-black appearance-none cursor-pointer" />
 										<label for="tgl6" class="toggle-bg block overflow-hidden h-6 rounded-full bg-white cursor-pointer"></label></div
 								></a>
@@ -345,7 +345,7 @@ <h3>Reset search after copy</h3>
 						</div>
 
 						<!-- shortcuts -->
-						<div id="shortcuts" class="tabcontent part">
+						<div id="shortcuts" class="tabcontent part hidden">
 							<h3>Shortcuts</h3>
 							<h4>
 								You can modify the shortcuts here, if you don't understand something just read the docs.
@@ -361,16 +361,16 @@ <h4>
 							<br />
 							<br />
 							<br />
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
-									<h3>Show app</h3>
+									<h3>Show/Hide app</h3>
 								</div>
 
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk0_input" />
+									<input class="input" disabled type="text" id="hk0_input" />
 								</div>
 
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk0_button_edit" onclick="hk_edit(0)">
 										<svg id="hk0_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -390,14 +390,14 @@ <h3>Show app</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Settings</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk1_input" />
+									<input class="input" disabled type="text" id="hk1_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk1_button_edit" onclick="hk_edit(1)">
 										<svg id="hk1_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -417,14 +417,14 @@ <h3>Settings</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Exit</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk2_input" />
+									<input class="input" disabled type="text" id="hk2_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk2_button_edit" onclick="hk_edit(2)">
 										<svg id="hk2_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -444,14 +444,14 @@ <h3>Exit</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Reset</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk12_input" />
+									<input class="input" disabled type="text" id="hk12_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk12_button_edit" onclick="hk_edit(12)">
 										<svg id="hk12_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -471,14 +471,14 @@ <h3>Reset</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Zoom in</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk13_input" />
+									<input class="input" disabled type="text" id="hk13_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk13_button_edit" onclick="hk_edit(13)">
 										<svg id="hk13_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -498,14 +498,14 @@ <h3>Zoom in</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Zoom out</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk14_input" />
+									<input class="input" disabled type="text" id="hk14_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk14_button_edit" onclick="hk_edit(14)">
 										<svg id="hk14_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -525,14 +525,14 @@ <h3>Zoom out</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Edit codes</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk3_input" />
+									<input class="input" disabled type="text" id="hk3_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk3_button_edit" onclick="hk_edit(3)">
 										<svg id="hk3_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -552,14 +552,14 @@ <h3>Edit codes</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Import</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk4_input" />
+									<input class="input" disabled type="text" id="hk4_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk4_button_edit" onclick="hk_edit(4)">
 										<svg id="hk4_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -579,14 +579,14 @@ <h3>Import</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Export</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk5_input" />
+									<input class="input" disabled type="text" id="hk5_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk5_button_edit" onclick="hk_edit(5)">
 										<svg id="hk5_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -606,14 +606,14 @@ <h3>Export</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Documentation</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk8_input" />
+									<input class="input" disabled type="text" id="hk8_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk8_button_edit" onclick="hk_edit(8)">
 										<svg id="hk8_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -633,14 +633,14 @@ <h3>Documentation</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Release notes</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk6_input" />
+									<input class="input" disabled type="text" id="hk6_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk6_button_edit" onclick="hk_edit(6)">
 										<svg id="hk6_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -660,14 +660,14 @@ <h3>Release notes</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Support development</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk7_input" />
+									<input class="input" disabled type="text" id="hk7_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk7_button_edit" onclick="hk_edit(7)">
 										<svg id="hk7_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -687,14 +687,14 @@ <h3>Support development</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Show licenses</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk9_input" />
+									<input class="input" disabled type="text" id="hk9_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk9_button_edit" onclick="hk_edit(9)">
 										<svg id="hk9_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -714,14 +714,14 @@ <h3>Show licenses</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Update</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk10_input" />
+									<input class="input" disabled type="text" id="hk10_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk10_button_edit" onclick="hk_edit(10)">
 										<svg id="hk10_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -741,14 +741,14 @@ <h3>Update</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Info</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk11_input" />
+									<input class="input" disabled type="text" id="hk11_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk11_button_edit" onclick="hk_edit(11)">
 										<svg id="hk11_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -785,14 +785,14 @@ <h4>
 							<br />
 							<br />
 							<br />
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
-									<h3>Show app</h3>
+									<h3>Show/Hide app</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk100_input" />
+									<input class="input" disabled type="text" id="hk100_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk100_button_edit" onclick="hk_edit(100)">
 										<svg id="hk100_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -812,14 +812,14 @@ <h3>Show app</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Settings</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk101_input" />
+									<input class="input" disabled type="text" id="hk101_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk101_button_edit" onclick="hk_edit(101)">
 										<svg id="hk101_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -839,14 +839,14 @@ <h3>Settings</h3>
 									</button>
 								</div>
 							</div>
-							<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 								<div class="flex justify-center items-center">
 									<h3>Exit app</h3>
 								</div>
 								<div class="flex justify-center items-center">
-									<input class="input1" disabled type="text" id="hk102_input" />
+									<input class="input" disabled type="text" id="hk102_input" />
 								</div>
-								<div class="flex justify-center items-center mb-10 mt-5">
+								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 									<button class="buttonr button" id="hk102_button_edit" onclick="hk_edit(102)">
 										<svg id="hk102_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
@@ -888,30 +888,30 @@ <h4>
 						</div>
 
 						<!-- experimental -->
-						<div id="experimental" class="tabcontent part">
+						<div id="experimental" class="tabcontent part hidden">
 							<h3>Sort codes</h3>
-							<p class="text3">You can choose how to sort the saved and loaded codes. By default codes are sorted by uploading order.</p>
+							<h4>You can choose how to sort the saved and loaded codes. By default codes are sorted by uploading order.</h4>
 							<div class="dropdown">
 								<button class="dropdown-button" id="drp0" onclick="dropdown()">
-									<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l4-4 4 4m0 6l-4 4-4-4" />
+									<svg id="sort_svg" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+										<path id="sort_path" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l4-4 4 4m0 6l-4 4-4-4" />
 									</svg>
 									Default
 								</button>
-								<div class="dropdown-content">
-									<a tabindex="0" class="dropdown-link" href="#" onclick="dropdownChoose(0)">
+								<div class="dropdown-content animation">
+									<a tabindex="0" id="link0" class="dropdown-link" href="#" onclick="dropdownChoose(0)">
 										<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l4-4 4 4m0 6l-4 4-4-4" />
 										</svg>
 										Default
 									</a>
-									<a tabindex="0" class="dropdown-link" href="#" onclick="dropdownChoose(1)">
+									<a tabindex="0" id="link1" class="dropdown-link" href="#" onclick="dropdownChoose(1)">
 										<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4" />
 										</svg>
 										A-Z
 									</a>
-									<a tabindex="0" class="dropdown-link" href="#" onclick="dropdownChoose(2)">
+									<a tabindex="0" id="link2" class="dropdown-link" href="#" onclick="dropdownChoose(2)">
 										<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12" />
 										</svg>
@@ -919,21 +919,21 @@ <h3>Sort codes</h3>
 									</a>
 								</div>
 							</div>
-							<p class="unstable">This feature is WIP! It might be unstable or buggy!</p>
+							<h4 class="text-popup-yellow font-bold mb-0">This feature is WIP! It might be unstable or buggy!</h4>
 							<br />
 							<hr />
 							<h3>Use webcam for import</h3>
-							<p class="text3">You can use your webcam to scan QR code(s). Works well with high quality webcams.</p>
-							<div class="flex justify-center items-center w-72 h-16 bg-white mx-auto rounded-full">
+							<h4>You can use your webcam to scan QR code(s). Works well with high quality webcams.</h4>
+							<div class="flex justify-center items-center w-72 h-[68px] bg-white mx-auto rounded-full">
 								<a href="#" onclick="webcam()">
-									<div class="noclick relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
+									<div class="pointer-events-none relative inline-block w-10 mr-2 align-middle select-none bg-gray-900 border-2 border-gray-900 rounded-full">
 										<input tabindex="-1" id="tgl8" type="checkbox" class="toggle checked:bg-white outline-none focus:outline-none right-5 duration-200 ease-in absolute block w-4 h-4 rounded-full top-1 bg-black appearance-none cursor-pointer" />
 										<label for="tgl8" class="toggle-bg block overflow-hidden h-6 rounded-full bg-white cursor-pointer"></label></div
 								></a>
 								<span id="tgt8" class="text-black text-xl">-</span>
 							</div>
-							<p class="unstable">This feature is WIP! It might be unstable or buggy!</p>
-							<!-- <p class="warning">This feature is WIP! Use it at your own risk!</p> -->
+							<h4 class="text-popup-yellow font-bold mb-0">This feature is WIP! It might be unstable or buggy!</h4>
+							<!-- <h4 class="text-popup-red font-bold mb-0">This feature is WIP! Use it at your own risk!</h4> -->
 						</div>
 					</div>
 				</div>
diff --git a/app/settings/src/css/index.css b/app/settings/src/css/index.css
index f9bc3c49..02e50c76 100644
--- a/app/settings/src/css/index.css
+++ b/app/settings/src/css/index.css
@@ -3,93 +3,10 @@ body {
 	display: block;
 }
 
-.input1 {
-	color: black;
-	background-color: white;
-	border-color: white;
-	width: 226px;
-	height: 29px !important;
-}
-
-.input1:hover {
-	color: white;
-	border-color: white;
-	background-color: transparent;
-}
-
-#button1 {
-	position: relative;
-	top: 45px;
-}
-
-hr {
-	margin-top: 30px;
-	color: white;
-	border-width: 1px;
-}
-
 .tabcontent {
 	animation: fadeEffect 1s;
 }
 
-@keyframes fadeEffect {
-	from {
-		opacity: 0;
-	}
-	to {
-		opacity: 1;
-	}
-}
-
-#shortcuts {
-	display: none;
-}
-
-.buttonm {
-	color: white;
-	background: black;
-	border: 2px solid black;
-	font-size: 1.25rem;
-	padding: 15px 30px;
-	border-radius: 30px;
-	cursor: pointer;
-	text-decoration: none;
-	transition: 0.2s ease-in;
-	text-align: left;
-	width: 15rem;
-}
-
-.buttonm:hover {
-	border: 2px solid rgb(20, 20, 20);
-	background: rgb(20, 20, 20);
-	color: white;
-}
-
-.buttonmselected {
-	border: 2px solid rgb(30, 30, 30);
-	background: rgb(30, 30, 30);
-	color: white;
-}
-
-.buttonm > svg {
-	position: relative;
-	top: 4px;
-}
-
-#experimental {
-	display: none;
-}
-
-#codes {
-	display: none;
-}
-
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-	-webkit-appearance: none;
-	margin: 0;
-}
-
 .toggle:checked ~ .toggle-bg {
 	background-color: black !important;
 	transition: 0.2s ease-in;
@@ -99,6 +16,6 @@ input::-webkit-inner-spin-button {
 	right: 4px !important;
 }
 
-.noclick {
-	pointer-events: none;
+input[type="text"] {
+	width: 260px !important;
 }
diff --git a/app/settings/src/js/index.js b/app/settings/src/js/index.js
index 4f27320a..30efa7fe 100644
--- a/app/settings/src/js/index.js
+++ b/app/settings/src/js/index.js
@@ -3,7 +3,6 @@ const fs = require("fs")
 const electron = require("electron")
 const ipc = electron.ipcRenderer
 const path = require("path")
-const fetch = require("node-fetch")
 const dns = require("dns")
 const { typedef } = require("@levminer/lib")
 const logger = require("@levminer/lib/logger/renderer")
@@ -533,7 +532,11 @@ const dropdown = (id) => {
 	const dropdown_content = document.querySelector(".dropdown-content")
 
 	if (dropdown_state === false) {
-		dropdown_content.style.display = "block"
+		dropdown_content.style.visibility = "visible"
+
+		setTimeout(() => {
+			dropdown_content.style.display = "block"
+		}, 10)
 
 		dropdown_state = true
 	} else {
@@ -546,31 +549,6 @@ const dropdown = (id) => {
 const dropdownChoose = (id) => {
 	const dropdown_button = document.querySelector(".dropdown-button")
 
-	dialog
-		.showMessageBox({
-			title: "Authme",
-			buttons: ["Yes", "No", "Cancel"],
-			defaultId: 2,
-			cancelId: 2,
-			noLink: true,
-			type: "warning",
-			message: "If you want to change this setting you have to restart the app! \n\nDo you want to restart it now?",
-		})
-		.then((result) => {
-			if (result.response === 0) {
-				dropdown()
-				sort()
-				save()
-				restart()
-			}
-
-			if (result.response === 1) {
-				dropdown()
-				sort()
-				save()
-			}
-		})
-
 	const sort = () => {
 		switch (id) {
 			case 0:
@@ -598,6 +576,12 @@ const dropdownChoose = (id) => {
 				break
 		}
 	}
+
+	dropdown()
+	sort()
+	save()
+
+	ipc.send("reload_application")
 }
 
 // ? webcam
@@ -719,30 +703,31 @@ const folder2 = () => {
 // ? status api
 const status = document.querySelector("#but6")
 
-const api = async () => {
-	try {
-		await fetch("https://api.levminer.com/api/v1/status/all")
-			.then((res) => res.json())
-			.then((data) => {
-				try {
-					if (data.state === "up") {
-						status.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+const api = () => {
+	fetch("https://api.levminer.com/api/v1/status/all")
+		.then((res) => res.json())
+		.then((data) => {
+			try {
+				if (data.state === "up") {
+					status.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.636 18.364a9 9 0 010-12.728m12.728 0a9 9 0 010 12.728m-9.9-2.829a5 5 0 010-7.07m7.072 0a5 5 0 010 7.07M13 12a1 1 0 11-2 0 1 1 0 012 0z" />
 					  </svg> \n All systems online`
-					} else {
-						status.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+				} else {
+					status.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636a9 9 0 010 12.728m0 0l-2.829-2.829m2.829 2.829L21 21M15.536 8.464a5 5 0 010 7.072m0 0l-2.829-2.829m-4.243 2.829a4.978 4.978 0 01-1.414-2.83m-1.414 5.658a9 9 0 01-2.167-9.238m7.824 2.167a1 1 0 111.414 1.414m-1.414-1.414L3 3m8.293 8.293l1.414 1.414" />
 					  </svg> \n Some systems offline`
-					}
-				} catch (error) {
-					return logger.warn("Error loading API", error)
 				}
-			})
-	} catch (error) {
-		status.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636a9 9 0 010 12.728m0 0l-2.829-2.829m2.829 2.829L21 21M15.536 8.464a5 5 0 010 7.072m0 0l-2.829-2.829m-4.243 2.829a4.978 4.978 0 01-1.414-2.83m-1.414 5.658a9 9 0 01-2.167-9.238m7.824 2.167a1 1 0 111.414 1.414m-1.414-1.414L3 3m8.293 8.293l1.414 1.414" />
-	  </svg> \n Can't connect to API`
-	}
+			} catch (error) {
+				return logger.warn("Error loading API", error)
+			}
+		})
+		.catch((error) => {
+			logger.warn("Can't connect to API", error)
+
+			status.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636a9 9 0 010 12.728m0 0l-2.829-2.829m2.829 2.829L21 21M15.536 8.464a5 5 0 010 7.072m0 0l-2.829-2.829m-4.243 2.829a4.978 4.978 0 01-1.414-2.83m-1.414 5.658a9 9 0 01-2.167-9.238m7.824 2.167a1 1 0 111.414 1.414m-1.414-1.414L3 3m8.293 8.293l1.414 1.414" />
+			  </svg> \n Can't connect to API`
+		})
 }
 
 api()
@@ -932,3 +917,20 @@ setInterval(() => {
 	check_for_internet()
 	api()
 }, 10000)
+
+// ? dismiss dialog on click outside
+window.addEventListener("click", (event) => {
+	const dropdown_content = document.querySelector(".dropdown-content")
+	const dropdown_button = document.querySelector(".dropdown-button")
+	const sort_svg = document.querySelector("#sort_svg")
+	const sort_path = document.querySelector("#sort_path")
+	const link0 = document.querySelector("#link0")
+	const link1 = document.querySelector("#link1")
+	const link2 = document.querySelector("#link2")
+
+	if (event.target != dropdown_button && event.target != sort_svg && event.target != sort_path && event.target != link0 && event.target != link1 && event.target != link2) {
+		dropdown_content.style.display = ""
+
+		dropdown_state = false
+	}
+})
diff --git a/app/settings/src/js/shortcuts.js b/app/settings/src/js/shortcuts.js
index b12cb608..2662a5bc 100644
--- a/app/settings/src/js/shortcuts.js
+++ b/app/settings/src/js/shortcuts.js
@@ -492,21 +492,21 @@ const generateCodes = () => {
 		}
 
 		const element = `
-		<div class="flex flex-col w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+		<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
 		<div class="flex justify-center items-center">
 		<h3>${issuers[i]}</h3>
 		</div>
 		<div class="flex justify-center items-center">
-		<input class="input1" disabled type="text" id="qs${i}_input" value="${content}"/>
+		<input class="input" disabled type="text" id="qs${i}_input" value="${content}"/>
 		</div>
-		<div class="flex justify-center items-center mb-10 mt-5">
+		<div class="flex justify-center items-center mb-10 mt-5 gap-2">
 		<button class="buttonr button" id="qs${i}_button_edit" onclick="qsEdit(${i})">
-		<svg id="hk102_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+		<svg id="qs${i}_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
 		</svg>
 		</button>
-		<button class="buttonr button" id="qs${i}_button_edit" onclick="qsEdit(${i})">
-		<svg id="hk102_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+		<button class="buttonr button" id="qs${i}_button_delete" onclick="qsDelete(${i})">
+		<svg id="qs${i}_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
 		</svg>
 		</button>
@@ -523,7 +523,7 @@ const generateCodes = () => {
 if (issuers !== undefined) {
 	generateCodes()
 } else {
-	document.querySelector(".quick").innerHTML = "<h3>Please restart the app to be able to create quick shortcuts!</h3>"
+	document.querySelector(".quick").innerHTML = "<h3>Please save your codes and restart the app to be able to create quick shortcuts!</h3>"
 }
 
 const qsEdit = (value) => {
diff --git a/lib/main.js b/lib/main.js
index 442b00f9..505b7f22 100644
--- a/lib/main.js
+++ b/lib/main.js
@@ -5,6 +5,7 @@ const markdown = require("./markdown")
 const qrcodeConverter = require("./qrcodeConverter")
 const typedef = require("./typedef")
 const convert = require("./convert")
+const time = require("./time")
 
 // ? export modules
 module.exports = {
@@ -15,4 +16,5 @@ module.exports = {
 	qrcodeConverter,
 	typedef,
 	convert,
+	time,
 }
diff --git a/lib/time.js b/lib/time.js
new file mode 100644
index 00000000..cbb053a8
--- /dev/null
+++ b/lib/time.js
@@ -0,0 +1,9 @@
+module.exports = {
+	/**
+	 * Returns the current timestamp
+	 * @return {String} Timestamp
+	 */
+	timestamp: () => {
+		return new Date().toISOString().replace("T", "-").replaceAll(":", "-").substring(0, 19)
+	},
+}
diff --git a/lib/typedef.js b/lib/typedef.js
index b490ae18..17107c89 100644
--- a/lib/typedef.js
+++ b/lib/typedef.js
@@ -15,6 +15,9 @@
  * @property {Boolean} settings.save_search_results - Save search results
  * @property {Boolean} settings.disable_window_capture - Disable screen capture
  * @property {Boolean} settings.disable_hardware_acceleration - Disable hardware acceleration
+ * @property {Object} settings.search_bar_filter - Filter search results
+ * @property {Boolean} settings.search_bar_filter.name - Filter for names
+ * @property {Boolean} settings.search_bar_filter.description - Filter for description
  *
  * @property {Object} experimental - Experimental
  * @property {Null|Number} experimental.offset - Codes time offset
@@ -63,12 +66,12 @@
 /**
  * Storage structure
  * @typedef {Object} LibStorage
- * @property {Boolean} require_password - Requires password
- * @property {String} password - Password
+ * @property {Boolean} require_password - If password is required at start
+ * @property {String} password - Saved password
  * @property {Boolean} new_encryption - New encryption mode
- * @property {String} key - Encryption key
- * @property {Undefined|String} backup_key - Backup key
- * @property {Undefined|String} backup_string - Backup string
+ * @property {String} key - Encryption key used to encrypt codes
+ * @property {Undefined|String} backup_key - Backup key used to decrypt your password
+ * @property {Undefined|String} backup_string -  Encrypted password with the backup key
  * @property {Undefined|String} hash - Backup key hash
  * @property {Array<String>} issuers - List of issuers
  */
@@ -81,3 +84,13 @@
  * @property {Array<String>} issuers - Issuers array
  * @property {Array<String>} types - Types array
  */
+
+/**
+ * .authme file structure
+ * @typedef {Object} LibAuthmeFile
+ * @property {String} role - Role of the file (codes, import, export)
+ * @property {Boolean} encrypted - Is the file encrypted
+ * @property {String} codes - Base64 encoded string
+ * @property {Date} date - Date when the file created
+ * @property {Number} version - Indicates version (3)
+ */
diff --git a/main.js b/main.js
index 24193a7f..f3b77a3f 100644
--- a/main.js
+++ b/main.js
@@ -1,31 +1,34 @@
 const { app, BrowserWindow, Menu, Tray, shell, dialog, clipboard, globalShortcut, nativeTheme, Notification } = require("electron")
-const logger = require("@levminer/lib/logger/main")
 const contextmenu = require("electron-context-menu")
+const logger = require("@levminer/lib/logger/main")
 const { version, tag } = require("./package.json")
 const { number, date } = require("./build.json")
+const sentry = require("@sentry/electron/main")
 const remote = require("@electron/remote/main")
 const { markdown } = require("@levminer/lib")
-const sentry = require("@sentry/electron")
 const AutoLaunch = require("auto-launch")
 const debug = require("electron-debug")
 const electron = require("electron")
-const fetch = require("node-fetch")
 const path = require("path")
 const fs = require("fs")
 const os = require("os")
+const axios = require("axios").default
 const ipc = electron.ipcMain
 
 // ? crash report
 process.on("uncaughtException", (error) => {
 	logger.error("Error on load", error.stack)
-	dialog.showErrorBox("Authme", `Authme crashed, crash report is sent.\n\nPlease open a GitHub Issue with a screenshot of this error.\n\n${error.stack}`)
+	dialog.showErrorBox("Authme", `Authme crashed, crash report is sent. \n\nPlease open a GitHub Issue with a screenshot of this error. \n\n${error.stack}`)
 
 	shell.openExternal("https://github.com/Levminer/authme/issues")
 
 	process.crash()
 })
 
-sentry.init({ dsn: "https://173234c94f8f4294a28e114c9113c1ce@o1020924.ingest.sentry.io/5986541" })
+sentry.init({
+	dsn: "https://173234c94f8f4294a28e114c9113c1ce@o1020924.ingest.sentry.io/5986541",
+	release: `authme@${version}`,
+})
 
 // ? windows
 let /** @type{BrowserWindow} */ window_splash
@@ -39,7 +42,7 @@ let /** @type{BrowserWindow} */ window_edit
 
 // ? window states
 let confirm_shown = false
-let application_shown = false
+let application_shown = true
 let settings_shown = false
 let import_shown = false
 let export_shown = false
@@ -121,6 +124,7 @@ ipc.on("info", (event) => {
 
 const chrome_version = process.versions.chrome
 const electron_version = process.versions.electron
+const args = process.argv
 
 const os_version = `${os.type()} ${os.arch()} ${os.release()}`
 const os_info = `${os.cpus()[0].model.split("@")[0]} ${Math.ceil(os.totalmem() / 1024 / 1024 / 1024)}GB RAM`
@@ -163,14 +167,18 @@ const settings = `{
 			"build": "${build_number}"
 		},
 		"settings": {
-			"launch_on_startup": false,
+			"launch_on_startup": true,
 			"close_to_tray": true,
 			"show_2fa_names": false,
 			"click_to_reveal": false,
 			"reset_after_copy": false,
 			"save_search_results": true,
 			"disable_window_capture": true,
-			"disable_hardware_acceleration": true
+			"disable_hardware_acceleration": true,
+			"search_bar_filter": {
+				"name": true,
+				"description": false
+			}
 		},
 		"experimental":{
 			"sort": null,
@@ -241,6 +249,15 @@ if (file.quick_shortcuts === undefined) {
 	saveSettings()
 }
 
+if (file.settings.search_bar_filter === undefined) {
+	file.settings.search_bar_filter = {
+		name: true,
+		description: false,
+	}
+
+	saveSettings()
+}
+
 if (file.experimental.webcam === undefined) {
 	file.experimental.webcam = null
 
@@ -307,8 +324,16 @@ const showAppFromTray = () => {
 			logger.log("App shown from tray")
 		} else {
 			window_application.hide()
+			window_settings.hide()
+			window_import.hide()
+			window_export.hide()
+			window_edit.hide()
 
 			application_shown = false
+			settings_shown = false
+			import_shown = false
+			export_shown = false
+			edit_shown = false
 
 			logger.log("App hidden from tray")
 		}
@@ -492,6 +517,10 @@ const createWindow = () => {
 		window_landing.maximize()
 
 		logger.warn("First start")
+
+		if (dev === false) {
+			authme_launcher.enable()
+		}
 	}
 
 	window_landing.on("close", () => {
@@ -613,38 +642,35 @@ const createWindow = () => {
 
 	// ? check for auto update
 	window_application.on("show", () => {
-		const api = async () => {
-			try {
-				await fetch("https://api.levminer.com/api/v1/authme/releases")
-					.then((res) => res.json())
-					.then((data) => {
-						try {
-							if (data.tag_name > tag_name && data.tag_name != undefined && data.prerelease != true) {
-								window_application.webContents.executeJavaScript("showUpdate()")
-
-								window_settings.on("show", () => {
-									window_settings.webContents.executeJavaScript("showUpdate()")
-								})
-
-								new Notification({
-									title: "Authme Update",
-									body: `Update available: Authme ${data.tag_name}`,
-								}).show()
-
-								logger.log("Auto update found!")
-							} else {
-								logger.log("No auto update found!")
-							}
-						} catch (error) {
-							return logger.error("Error during auto update", error.stack)
-						}
-					})
-			} catch (error) {
-				return logger.error("Error during auto update", error.stack)
-			}
+		const api = () => {
+			axios
+				.get("https://api.levminer.com/api/v1/authme/releases")
+				.then((res) => {
+					if (res.data.tag_name > tag_name && res.data.tag_name != undefined && res.data.prerelease != true) {
+						window_application.webContents.executeJavaScript("showUpdate()")
+
+						window_settings.on("show", () => {
+							window_settings.webContents.executeJavaScript("showUpdate()")
+						})
+
+						new Notification({
+							title: "Authme Update",
+							body: `Update available: Authme ${res.data.tag_name}`,
+						}).show()
+
+						logger.log("Auto update found!")
+					} else {
+						logger.log("No auto update found!")
+					}
+				})
+				.catch((error) => {
+					logger.error("Error during auto update", error.stack)
+				})
 		}
 
-		if (reload === false && file.settings.launch_on_startup === true) {
+		if (reload === false && file.settings.launch_on_startup === true && args[1] === "--hidden") {
+			application_shown = false
+
 			window_application.hide()
 			window_confirm.hide()
 
@@ -723,6 +749,7 @@ const createWindow = () => {
 const authme_launcher = new AutoLaunch({
 	name: "Authme",
 	path: app.getPath("exe"),
+	isHidden: true,
 })
 
 // ? context menu
@@ -943,9 +970,7 @@ ipc.on("abort", () => {
 			defaultId: 0,
 			cancelId: 1,
 			noLink: true,
-			message: `Failed to check the integrity of the files.
-			
-			You or someone messed with the settings file, shutting down for security reasons!`,
+			message: "Failed to check the integrity of the files. \n\nYou or someone messed with the settings file, shutting down for security reasons!",
 		})
 		.then((result) => {
 			if (result.response === 0) {
@@ -990,40 +1015,35 @@ ipc.on("release_notes", () => {
 })
 
 ipc.on("download_update", () => {
-	const donwloadUpdate = async () => {
-		try {
-			await fetch("https://api.levminer.com/api/v1/authme/releases")
-				.then((res) => res.json())
-				.then((data) => {
-					try {
-						const notes = markdown.convert(data.body).split("\n").slice(6).join("\n")
-						const message = `Update available: Authme ${data.tag_name}\n\nYou currently running: Authme ${tag_name}\n\nUpdates:\n\n${notes}`
-
-						dialog
-							.showMessageBox({
-								title: "Authme",
-								buttons: ["Download", "Close"],
-								defaultId: 0,
-								cancelId: 1,
-								noLink: true,
-								type: "info",
-								message: message,
-							})
-							.then((result) => {
-								if (result.response === 0) {
-									shell.openExternal("https://authme.levminer.com/#downloads")
-								}
-							})
-					} catch (error) {
-						return logger.error(error)
-					}
-				})
-		} catch (error) {
-			return logger.error(error)
-		}
-	}
+	axios
+		.get("https://api.levminer.com/api/v1/authme/releases")
+		.then((res) => {
+			if (res.data.tag_name > tag_name && res.data.tag_name != undefined && res.data.prerelease != true) {
+				const notes = markdown.convert(res.data.body).split("\n").slice(4).join("\n").split("Bug")[0]
+				const message = `Update available: Authme ${res.data.tag_name}\n\nYou currently running: Authme ${tag_name}\n\nNotable changes:\n\n${notes}Check out release note for all changes.`
+
+				dialog
+					.showMessageBox({
+						title: "Authme",
+						buttons: ["Download", "Close"],
+						defaultId: 0,
+						cancelId: 1,
+						noLink: true,
+						type: "info",
+						message: message,
+					})
+					.then((result) => {
+						if (result.response === 0) {
+							shell.openExternal("https://authme.levminer.com/#downloads")
+						}
+					})
+			}
+		})
+		.catch((error) => {
+			dialog.showErrorBox("Authme", "Error getting latest update. \n\nTry again later!")
 
-	donwloadUpdate()
+			logger.error("Error getting latest update", error.stack)
+		})
 })
 
 ipc.on("support", () => {
@@ -1100,7 +1120,7 @@ const logs = () => {
 
 // ? about
 const about = () => {
-	const message = `Authme: ${authme_version}\n\nElectron: ${electron_version}\nChrome: ${chrome_version}\n\nOS version: ${os_version}\nHardware info: ${os_info}\n\nRelease date: ${release_date}\nBuild number: ${build_number}\n\nCreated by: Lőrik Levente\n`
+	const message = `Authme: ${authme_version} \n\nElectron: ${electron_version}\nChrome: ${chrome_version} \n\nOS version: ${os_version}\nHardware info: ${os_info} \n\nRelease date: ${release_date}\nBuild number: ${build_number} \n\nCreated by: Lőrik Levente\n`
 
 	shell.beep()
 
@@ -1124,37 +1144,30 @@ const about = () => {
 
 // ? release notes
 const releaseNotes = () => {
-	const api = async () => {
-		try {
-			await fetch("https://api.levminer.com/api/v1/authme/releases")
-				.then((res) => res.json())
-				.then((data) => {
-					try {
-						dialog
-							.showMessageBox({
-								title: "Authme",
-								buttons: ["More", "Close"],
-								defaultId: 1,
-								cancelId: 1,
-								noLink: true,
-								type: "info",
-								message: markdown.convert(data.body),
-							})
-							.then((result) => {
-								if (result.response === 0) {
-									shell.openExternal("https://github.com/Levminer/authme/releases")
-								}
-							})
-					} catch (error) {
-						return logger.error(error)
+	axios
+		.get("https://api.levminer.com/api/v1/authme/releases")
+		.then((res) => {
+			dialog
+				.showMessageBox({
+					title: "Authme",
+					buttons: ["More", "Close"],
+					defaultId: 1,
+					cancelId: 1,
+					noLink: true,
+					type: "info",
+					message: markdown.convert(res.data.body),
+				})
+				.then((result) => {
+					if (result.response === 0) {
+						shell.openExternal("https://github.com/Levminer/authme/releases")
 					}
 				})
-		} catch (error) {
-			return logger.error(error)
-		}
-	}
+		})
+		.catch((error) => {
+			dialog.showErrorBox("Authme", "Error getting release notes. \n\nTry again later!")
 
-	api()
+			logger.error("Error getting release notes", error.stack)
+		})
 }
 
 // ? support
@@ -1183,9 +1196,7 @@ app.whenReady()
 	.then(() => {
 		logger.log("Starting app")
 
-		if (dev === true) {
-			app.setAppUserModelId("Authme Dev")
-		} else {
+		if (dev === false) {
 			app.setAppUserModelId("Authme")
 		}
 
@@ -1270,6 +1281,8 @@ app.whenReady()
 
 		tray.on("click", () => {
 			showAppFromTray()
+			createTray()
+			createMenu()
 		})
 
 		// generate tray
@@ -1286,10 +1299,12 @@ app.whenReady()
 				},
 				{ type: "separator" },
 				{
-					label: "Show app",
+					label: application_shown ? "Hide app" : "Show app",
 					accelerator: shortcuts ? "" : file.global_shortcuts.show,
 					click: () => {
 						showAppFromTray()
+						createTray()
+						createMenu()
 					},
 				},
 				{ type: "separator" },
@@ -1309,6 +1324,7 @@ app.whenReady()
 					},
 				},
 			])
+
 			tray.setToolTip("Authme")
 			tray.setContextMenu(contextmenu)
 		}
@@ -1322,10 +1338,12 @@ app.whenReady()
 					label: "File",
 					submenu: [
 						{
-							label: "Show app",
+							label: application_shown ? "Hide app" : "Show app",
 							accelerator: shortcuts ? "" : file.shortcuts.show,
 							click: () => {
 								showAppFromTray()
+								createMenu()
+								createTray()
 							},
 						},
 						{
@@ -1346,6 +1364,8 @@ app.whenReady()
 									} else {
 										window_settings.hide()
 
+										window_application.focus()
+
 										settings_shown = false
 
 										logger.log("Settings hidden")
@@ -1418,6 +1438,8 @@ app.whenReady()
 									} else {
 										window_edit.hide()
 
+										window_application.focus()
+
 										edit_shown = false
 
 										logger.log("Edit hidden")
@@ -1449,6 +1471,8 @@ app.whenReady()
 									} else {
 										window_import.hide()
 
+										window_application.focus()
+
 										import_shown = false
 
 										logger.log("Import hidden")
@@ -1480,6 +1504,8 @@ app.whenReady()
 									} else {
 										window_export.hide()
 
+										window_application.focus()
+
 										export_shown = false
 
 										logger.log("Export hidden")
@@ -1572,68 +1598,40 @@ app.whenReady()
 							label: "Update",
 							accelerator: shortcuts ? "" : file.shortcuts.update,
 							click: () => {
-								const api = async () => {
-									try {
-										await fetch("https://api.levminer.com/api/v1/authme/releases")
-											.then((res) => res.json())
-											.then((data) => {
-												try {
-													if (data.tag_name > tag_name && data.tag_name != undefined && data.prerelease != true) {
-														dialog
-															.showMessageBox({
-																title: "Authme",
-																buttons: ["Yes", "No"],
-																defaultId: 0,
-																cancelId: 1,
-																type: "info",
-																message: `Update available: Authme ${data.tag_name}
-															
-															Do you want to download it?
-										
-															You currently running: Authme ${tag_name}`,
-															})
-															.then((result) => {
-																if (result.response === 0) {
-																	shell.openExternal("https://authme.levminer.com#downloads")
-																}
-															})
-													} else {
-														dialog.showMessageBox({
-															title: "Authme",
-															buttons: ["Close"],
-															defaultId: 0,
-															cancelId: 1,
-															type: "info",
-															message: `No update available:
-														
-														You are running the latest version!
-									
-														You are currently running: Authme ${tag_name}`,
-														})
+								axios
+									.get("https://api.levminer.com/api/v1/authme/releases")
+									.then((res) => {
+										if (res.data.tag_name > tag_name && res.data.tag_name != undefined && res.data.prerelease != true) {
+											dialog
+												.showMessageBox({
+													title: "Authme",
+													buttons: ["Yes", "No"],
+													defaultId: 0,
+													cancelId: 1,
+													type: "info",
+													message: `Update available: Authme ${res.data.tag_name} \n\nDo you want to download it? \n\nYou currently running: Authme ${tag_name}`,
+												})
+												.then((result) => {
+													if (result.response === 0) {
+														shell.openExternal("https://authme.levminer.com#downloads")
 													}
-												} catch (error) {
-													return logger.error("Error during manual update", error.stack)
-												}
+												})
+										} else {
+											dialog.showMessageBox({
+												title: "Authme",
+												buttons: ["Close"],
+												defaultId: 0,
+												cancelId: 1,
+												type: "info",
+												message: `No update available: \n\nYou are running the latest version! \n\nYou are currently running: Authme ${tag_name}`,
 											})
-									} catch (error) {
-										dialog.showMessageBox({
-											title: "Authme",
-											buttons: ["Close"],
-											defaultId: 0,
-											cancelId: 1,
-											type: "info",
-											message: `No update available:
-										
-										Can't connect to API, check your internet connection or the API status in the settings!
-					
-										You currently running: Authme ${tag_name}`,
-										})
-
-										return logger.error("Error during manual update", error.stack)
-									}
-								}
+										}
+									})
+									.catch((error) => {
+										dialog.showErrorBox("Authme", "Error getting update manually \n\nTry again later!")
 
-								api()
+										logger.error("Error getting update manually", error.stack)
+									})
 							},
 						},
 						{
diff --git a/package-lock.json b/package-lock.json
index e9e2f925..eef6b23f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,44 +1,45 @@
 {
 	"name": "authme",
-	"version": "2.7.2",
+	"version": "2.7.3",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "authme",
-			"version": "2.7.2",
+			"version": "2.7.3",
 			"license": "GPL-3.0",
 			"dependencies": {
 				"@electron/remote": "^2.0.1",
 				"@levminer/lib": "file:lib",
 				"@levminer/speakeasy": "^1.3.1",
-				"@sentry/electron": "^2.5.4",
+				"@sentry/electron": "^3.0.0-beta.1",
 				"auto-launch": "^5.0.5",
+				"axios": "^0.24.0",
 				"bcryptjs": "^2.4.3",
 				"cryptr": "^6.0.2",
 				"electron-context-menu": "^3.1.1",
 				"electron-debug": "^3.2.0",
-				"node-fetch": "^2.6.5",
 				"protons": "^2.0.3",
 				"qrcode": "^1.4.4",
 				"qrcode-decoder": "^0.2.2"
 			},
 			"devDependencies": {
-				"autoprefixer": "^10.3.7",
+				"@tailwindcss/forms": "^0.3.4",
+				"autoprefixer": "^10.4.0",
 				"electron": "^15.1.2",
 				"electron-builder": "^22.13.1",
-				"eslint": "^7.32.0",
+				"eslint": "^8.1.0",
 				"eslint-config-node": "^4.1.0",
 				"eslint-config-prettier": "^8.3.0",
 				"eslint-config-promise": "^2.0.2",
 				"eslint-config-standard": "^16.0.3",
 				"eslint-plugin-node": "^11.1.0",
 				"eslint-plugin-prettier": "^4.0.0",
-				"eslint-plugin-promise": "^5.1.0",
+				"eslint-plugin-promise": "^5.1.1",
 				"eslint-plugin-standard": "^5.0.0",
 				"prettier": "^2.4.1",
-				"sass": "^1.42.1",
-				"tailwindcss": "^2.2.16"
+				"sass": "^1.43.4",
+				"tailwindcss": "^2.2.19"
 			},
 			"engines": {
 				"node": ">=15.0.0",
@@ -70,12 +71,12 @@
 			}
 		},
 		"node_modules/@babel/generator": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.14.5.tgz",
-			"integrity": "sha512-y3rlP+/G25OIX3mYKKIOlQRcqj7YgrvHxOLbVmyLJ9bPmi5ttvUmpydVjcFjZphOktWuA7ovbx91ECloWTfjIA==",
+			"version": "7.15.8",
+			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.15.8.tgz",
+			"integrity": "sha512-ECmAKstXbp1cvpTTZciZCgfOt6iN64lR0d+euv3UZisU5awfRawOvg07Utn/qBGuH4bRIEZKrA/4LzZyXhZr8g==",
 			"dev": true,
 			"dependencies": {
-				"@babel/types": "^7.14.5",
+				"@babel/types": "^7.15.6",
 				"jsesc": "^2.5.1",
 				"source-map": "^0.5.0"
 			},
@@ -84,59 +85,59 @@
 			}
 		},
 		"node_modules/@babel/helper-function-name": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.14.5.tgz",
-			"integrity": "sha512-Gjna0AsXWfFvrAuX+VKcN/aNNWonizBj39yGwUzVDVTlMYJMK2Wp6xdpy72mfArFq5uK+NOuexfzZlzI1z9+AQ==",
+			"version": "7.15.4",
+			"resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.15.4.tgz",
+			"integrity": "sha512-Z91cOMM4DseLIGOnog+Z8OI6YseR9bua+HpvLAQ2XayUGU+neTtX+97caALaLdyu53I/fjhbeCnWnRH1O3jFOw==",
 			"dev": true,
 			"dependencies": {
-				"@babel/helper-get-function-arity": "^7.14.5",
-				"@babel/template": "^7.14.5",
-				"@babel/types": "^7.14.5"
+				"@babel/helper-get-function-arity": "^7.15.4",
+				"@babel/template": "^7.15.4",
+				"@babel/types": "^7.15.4"
 			},
 			"engines": {
 				"node": ">=6.9.0"
 			}
 		},
 		"node_modules/@babel/helper-get-function-arity": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.14.5.tgz",
-			"integrity": "sha512-I1Db4Shst5lewOM4V+ZKJzQ0JGGaZ6VY1jYvMghRjqs6DWgxLCIyFt30GlnKkfUeFLpJt2vzbMVEXVSXlIFYUg==",
+			"version": "7.15.4",
+			"resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.15.4.tgz",
+			"integrity": "sha512-1/AlxSF92CmGZzHnC515hm4SirTxtpDnLEJ0UyEMgTMZN+6bxXKg04dKhiRx5Enel+SUA1G1t5Ed/yQia0efrA==",
 			"dev": true,
 			"dependencies": {
-				"@babel/types": "^7.14.5"
+				"@babel/types": "^7.15.4"
 			},
 			"engines": {
 				"node": ">=6.9.0"
 			}
 		},
 		"node_modules/@babel/helper-hoist-variables": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.14.5.tgz",
-			"integrity": "sha512-R1PXiz31Uc0Vxy4OEOm07x0oSjKAdPPCh3tPivn/Eo8cvz6gveAeuyUUPB21Hoiif0uoPQSSdhIPS3352nvdyQ==",
+			"version": "7.15.4",
+			"resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.15.4.tgz",
+			"integrity": "sha512-VTy085egb3jUGVK9ycIxQiPbquesq0HUQ+tPO0uv5mPEBZipk+5FkRKiWq5apuyTE9FUrjENB0rCf8y+n+UuhA==",
 			"dev": true,
 			"dependencies": {
-				"@babel/types": "^7.14.5"
+				"@babel/types": "^7.15.4"
 			},
 			"engines": {
 				"node": ">=6.9.0"
 			}
 		},
 		"node_modules/@babel/helper-split-export-declaration": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.14.5.tgz",
-			"integrity": "sha512-hprxVPu6e5Kdp2puZUmvOGjaLv9TCe58E/Fl6hRq4YiVQxIcNvuq6uTM2r1mT/oPskuS9CgR+I94sqAYv0NGKA==",
+			"version": "7.15.4",
+			"resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.15.4.tgz",
+			"integrity": "sha512-HsFqhLDZ08DxCpBdEVtKmywj6PQbwnF6HHybur0MAnkAKnlS6uHkwnmRIkElB2Owpfb4xL4NwDmDLFubueDXsw==",
 			"dev": true,
 			"dependencies": {
-				"@babel/types": "^7.14.5"
+				"@babel/types": "^7.15.4"
 			},
 			"engines": {
 				"node": ">=6.9.0"
 			}
 		},
 		"node_modules/@babel/helper-validator-identifier": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.5.tgz",
-			"integrity": "sha512-5lsetuxCLilmVGyiLEfoHBRX8UCFD+1m2x3Rj97WrW3V7H3u4RWRXA4evMjImCsin2J2YT0QaVDGf+z8ondbAg==",
+			"version": "7.15.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz",
+			"integrity": "sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==",
 			"dev": true,
 			"engines": {
 				"node": ">=6.9.0"
@@ -228,9 +229,9 @@
 			}
 		},
 		"node_modules/@babel/parser": {
-			"version": "7.14.7",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.14.7.tgz",
-			"integrity": "sha512-X67Z5y+VBJuHB/RjwECp8kSl5uYi0BvRbNeWqkaJCVh+LiTPl19WBUfG627psSgp9rSf6ojuXghQM3ha6qHHdA==",
+			"version": "7.15.8",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.15.8.tgz",
+			"integrity": "sha512-BRYa3wcQnjS/nqI8Ac94pYYpJfojHVvVXJ97+IDCImX4Jc8W8Xv1+47enbruk+q1etOpsQNwnfFcNGw+gtPGxA==",
 			"dev": true,
 			"bin": {
 				"parser": "bin/babel-parser.js"
@@ -240,14 +241,14 @@
 			}
 		},
 		"node_modules/@babel/template": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.14.5.tgz",
-			"integrity": "sha512-6Z3Po85sfxRGachLULUhOmvAaOo7xCvqGQtxINai2mEGPFm6pQ4z5QInFnUrRpfoSV60BnjyF5F3c+15fxFV1g==",
+			"version": "7.15.4",
+			"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.15.4.tgz",
+			"integrity": "sha512-UgBAfEa1oGuYgDIPM2G+aHa4Nlo9Lh6mGD2bDBGMTbYnc38vulXPuC1MGjYILIEmlwl6Rd+BPR9ee3gm20CBtg==",
 			"dev": true,
 			"dependencies": {
 				"@babel/code-frame": "^7.14.5",
-				"@babel/parser": "^7.14.5",
-				"@babel/types": "^7.14.5"
+				"@babel/parser": "^7.15.4",
+				"@babel/types": "^7.15.4"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -266,18 +267,18 @@
 			}
 		},
 		"node_modules/@babel/traverse": {
-			"version": "7.14.7",
-			"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.14.7.tgz",
-			"integrity": "sha512-9vDr5NzHu27wgwejuKL7kIOm4bwEtaPQ4Z6cpCmjSuaRqpH/7xc4qcGEscwMqlkwgcXl6MvqoAjZkQ24uSdIZQ==",
+			"version": "7.15.4",
+			"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.15.4.tgz",
+			"integrity": "sha512-W6lQD8l4rUbQR/vYgSuCAE75ADyyQvOpFVsvPPdkhf6lATXAsQIG9YdtOcu8BB1dZ0LKu+Zo3c1wEcbKeuhdlA==",
 			"dev": true,
 			"dependencies": {
 				"@babel/code-frame": "^7.14.5",
-				"@babel/generator": "^7.14.5",
-				"@babel/helper-function-name": "^7.14.5",
-				"@babel/helper-hoist-variables": "^7.14.5",
-				"@babel/helper-split-export-declaration": "^7.14.5",
-				"@babel/parser": "^7.14.7",
-				"@babel/types": "^7.14.5",
+				"@babel/generator": "^7.15.4",
+				"@babel/helper-function-name": "^7.15.4",
+				"@babel/helper-hoist-variables": "^7.15.4",
+				"@babel/helper-split-export-declaration": "^7.15.4",
+				"@babel/parser": "^7.15.4",
+				"@babel/types": "^7.15.4",
 				"debug": "^4.1.0",
 				"globals": "^11.1.0"
 			},
@@ -307,12 +308,12 @@
 			}
 		},
 		"node_modules/@babel/types": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.14.5.tgz",
-			"integrity": "sha512-M/NzBpEL95I5Hh4dwhin5JlE7EzO5PHMAuzjxss3tiOBD46KfQvVedN/3jEPZvdRvtsK2222XfdHogNIttFgcg==",
+			"version": "7.15.6",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.15.6.tgz",
+			"integrity": "sha512-BPU+7QhqNjmWyDO0/vitH/CuhpV8ZmK1wpKva8nuyNF5MJfuRNWMc+hc14+u9xT93kvykMdncrJT19h74uB1Ig==",
 			"dev": true,
 			"dependencies": {
-				"@babel/helper-validator-identifier": "^7.14.5",
+				"@babel/helper-validator-identifier": "^7.14.9",
 				"to-fast-properties": "^2.0.0"
 			},
 			"engines": {
@@ -418,14 +419,14 @@
 			}
 		},
 		"node_modules/@eslint/eslintrc": {
-			"version": "0.4.3",
-			"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz",
-			"integrity": "sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==",
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.0.3.tgz",
+			"integrity": "sha512-DHI1wDPoKCBPoLZA3qDR91+3te/wDSc1YhKg3jR8NxKKRJq2hwHwcWv31cSwSYvIBrmbENoYMWcenW8uproQqg==",
 			"dev": true,
 			"dependencies": {
 				"ajv": "^6.12.4",
-				"debug": "^4.1.1",
-				"espree": "^7.3.0",
+				"debug": "^4.3.2",
+				"espree": "^9.0.0",
 				"globals": "^13.9.0",
 				"ignore": "^4.0.6",
 				"import-fresh": "^3.2.1",
@@ -434,7 +435,7 @@
 				"strip-json-comments": "^3.1.1"
 			},
 			"engines": {
-				"node": "^10.12.0 || >=12.0.0"
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
 			}
 		},
 		"node_modules/@eslint/eslintrc/node_modules/argparse": {
@@ -466,9 +467,9 @@
 			"dev": true
 		},
 		"node_modules/@humanwhocodes/config-array": {
-			"version": "0.5.0",
-			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.5.0.tgz",
-			"integrity": "sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==",
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.6.0.tgz",
+			"integrity": "sha512-JQlEKbcgEUjBFhLIF4iqM7u/9lwgHRBcpHrmUNCALK0Q3amXN6lxdoXLnF0sm11E9VqTmBALR87IlUg1bZ8A9A==",
 			"dev": true,
 			"dependencies": {
 				"@humanwhocodes/object-schema": "^1.2.0",
@@ -606,13 +607,13 @@
 			}
 		},
 		"node_modules/@sentry/browser": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-6.7.1.tgz",
-			"integrity": "sha512-R5PYx4TTvifcU790XkK6JVGwavKaXwycDU0MaAwfc4Vf7BLm5KCNJCsDySu1RPAap/017MVYf54p6dWvKiRviA==",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-6.13.2.tgz",
+			"integrity": "sha512-bkFXK4vAp2UX/4rQY0pj2Iky55Gnwr79CtveoeeMshoLy5iDgZ8gvnLNAz7om4B9OQk1u7NzLEa4IXAmHTUyag==",
 			"dependencies": {
-				"@sentry/core": "6.7.1",
-				"@sentry/types": "6.7.1",
-				"@sentry/utils": "6.7.1",
+				"@sentry/core": "6.13.2",
+				"@sentry/types": "6.13.2",
+				"@sentry/utils": "6.13.2",
 				"tslib": "^1.9.3"
 			},
 			"engines": {
@@ -620,14 +621,14 @@
 			}
 		},
 		"node_modules/@sentry/core": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/core/-/core-6.7.1.tgz",
-			"integrity": "sha512-VAv8OR/7INn2JfiLcuop4hfDcyC7mfL9fdPndQEhlacjmw8gRrgXjR7qyhnCTgzFLkHI7V5bcdIzA83TRPYQpA==",
-			"dependencies": {
-				"@sentry/hub": "6.7.1",
-				"@sentry/minimal": "6.7.1",
-				"@sentry/types": "6.7.1",
-				"@sentry/utils": "6.7.1",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/core/-/core-6.13.2.tgz",
+			"integrity": "sha512-snXNNFLwlS7yYxKTX4DBXebvJK+6ikBWN6noQ1CHowvM3ReFBlrdrs0Z0SsSFEzXm2S4q7f6HHbm66GSQZ/8FQ==",
+			"dependencies": {
+				"@sentry/hub": "6.13.2",
+				"@sentry/minimal": "6.13.2",
+				"@sentry/types": "6.13.2",
+				"@sentry/utils": "6.13.2",
 				"tslib": "^1.9.3"
 			},
 			"engines": {
@@ -635,17 +636,17 @@
 			}
 		},
 		"node_modules/@sentry/electron": {
-			"version": "2.5.4",
-			"resolved": "https://registry.npmjs.org/@sentry/electron/-/electron-2.5.4.tgz",
-			"integrity": "sha512-tCCK+P581TmdjsDpHBQz7qYcldzGdUk1Fd6FPxPy1JKGzeY4uf/uSLKzR80Lzs5kTpEZFOwiMHSA8yjwFp5qoA==",
+			"version": "3.0.0-beta.1",
+			"resolved": "https://registry.npmjs.org/@sentry/electron/-/electron-3.0.0-beta.1.tgz",
+			"integrity": "sha512-ay0PvshL5PZlab/9Hxh4RXcwk7/Fmzp4QHlZzSlasIUs0lYkfBtqX+swJ6bPecirVJEgD5moiQ45kVU4gBRywA==",
 			"dependencies": {
-				"@sentry/browser": "6.7.1",
-				"@sentry/core": "6.7.1",
-				"@sentry/minimal": "6.7.1",
-				"@sentry/node": "6.7.1",
-				"@sentry/types": "6.7.1",
-				"@sentry/utils": "6.7.1",
-				"tslib": "^2.2.0"
+				"@sentry/browser": "6.13.2",
+				"@sentry/core": "6.13.2",
+				"@sentry/node": "6.13.2",
+				"@sentry/types": "6.13.2",
+				"@sentry/utils": "6.13.2",
+				"deepmerge": "^4.2.2",
+				"tslib": "^2.3.0"
 			}
 		},
 		"node_modules/@sentry/electron/node_modules/tslib": {
@@ -654,12 +655,12 @@
 			"integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
 		},
 		"node_modules/@sentry/hub": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/hub/-/hub-6.7.1.tgz",
-			"integrity": "sha512-eVCTWvvcp6xa0A5GGNHMQEWslmKPlisE5rGmsV/kjvSUv3zSrI0eIDfb51ikdnCiBjHpK2NBWP8Vy8cZOEJegg==",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/hub/-/hub-6.13.2.tgz",
+			"integrity": "sha512-sppSuJdNMiMC/vFm/dQowCBh11uTrmvks00fc190YWgxHshodJwXMdpc+pN61VSOmy2QA4MbQ5aMAgHzPzel3A==",
 			"dependencies": {
-				"@sentry/types": "6.7.1",
-				"@sentry/utils": "6.7.1",
+				"@sentry/types": "6.13.2",
+				"@sentry/utils": "6.13.2",
 				"tslib": "^1.9.3"
 			},
 			"engines": {
@@ -667,12 +668,12 @@
 			}
 		},
 		"node_modules/@sentry/minimal": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/minimal/-/minimal-6.7.1.tgz",
-			"integrity": "sha512-HDDPEnQRD6hC0qaHdqqKDStcdE1KhkFh0RCtJNMCDn0zpav8Dj9AteF70x6kLSlliAJ/JFwi6AmQrLz+FxPexw==",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/minimal/-/minimal-6.13.2.tgz",
+			"integrity": "sha512-6iJfEvHzzpGBHDfLxSHcGObh73XU1OSQKWjuhDOe7UQDyI4BQmTfcXAC+Fr8sm8C/tIsmpVi/XJhs8cubFdSMw==",
 			"dependencies": {
-				"@sentry/hub": "6.7.1",
-				"@sentry/types": "6.7.1",
+				"@sentry/hub": "6.13.2",
+				"@sentry/types": "6.13.2",
 				"tslib": "^1.9.3"
 			},
 			"engines": {
@@ -680,15 +681,15 @@
 			}
 		},
 		"node_modules/@sentry/node": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/node/-/node-6.7.1.tgz",
-			"integrity": "sha512-rtZo1O8ROv4lZwuljQz3iFZW89oXSlgXCG2VqkxQyRspPWu89abROpxLjYzsWwQ8djnur1XjFv51kOLDUTS6Qw==",
-			"dependencies": {
-				"@sentry/core": "6.7.1",
-				"@sentry/hub": "6.7.1",
-				"@sentry/tracing": "6.7.1",
-				"@sentry/types": "6.7.1",
-				"@sentry/utils": "6.7.1",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/node/-/node-6.13.2.tgz",
+			"integrity": "sha512-0Vw22amG143MTiNaSny66YGU3+uW7HxyGI9TLGE7aJY1nNmC0DE+OgqQYGBRCrrPu+VFXRDxrOg9b15A1gKqjA==",
+			"dependencies": {
+				"@sentry/core": "6.13.2",
+				"@sentry/hub": "6.13.2",
+				"@sentry/tracing": "6.13.2",
+				"@sentry/types": "6.13.2",
+				"@sentry/utils": "6.13.2",
 				"cookie": "^0.4.1",
 				"https-proxy-agent": "^5.0.0",
 				"lru_map": "^0.3.3",
@@ -699,14 +700,14 @@
 			}
 		},
 		"node_modules/@sentry/tracing": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-6.7.1.tgz",
-			"integrity": "sha512-wyS3nWNl5mzaC1qZ2AIp1hjXnfO9EERjMIJjCihs2LWBz1r3efxrHxJHs8wXlNWvrT3KLhq/7vvF5CdU82uPeQ==",
-			"dependencies": {
-				"@sentry/hub": "6.7.1",
-				"@sentry/minimal": "6.7.1",
-				"@sentry/types": "6.7.1",
-				"@sentry/utils": "6.7.1",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-6.13.2.tgz",
+			"integrity": "sha512-bHJz+C/nd6biWTNcYAu91JeRilsvVgaye4POkdzWSmD0XoLWHVMrpCQobGpXe7onkp2noU3YQjhqgtBqPHtnpw==",
+			"dependencies": {
+				"@sentry/hub": "6.13.2",
+				"@sentry/minimal": "6.13.2",
+				"@sentry/types": "6.13.2",
+				"@sentry/utils": "6.13.2",
 				"tslib": "^1.9.3"
 			},
 			"engines": {
@@ -714,19 +715,19 @@
 			}
 		},
 		"node_modules/@sentry/types": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/types/-/types-6.7.1.tgz",
-			"integrity": "sha512-9AO7HKoip2MBMNQJEd6+AKtjj2+q9Ze4ooWUdEvdOVSt5drg7BGpK221/p9JEOyJAZwEPEXdcMd3VAIMiOb4MA==",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/types/-/types-6.13.2.tgz",
+			"integrity": "sha512-6WjGj/VjjN8LZDtqJH5ikeB1o39rO1gYS6anBxiS3d0sXNBb3Ux0pNNDFoBxQpOhmdDHXYS57MEptX9EV82gmg==",
 			"engines": {
 				"node": ">=6"
 			}
 		},
 		"node_modules/@sentry/utils": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-6.7.1.tgz",
-			"integrity": "sha512-Tq2otdbWlHAkctD+EWTYKkEx6BL1Qn3Z/imkO06/PvzpWvVhJWQ5qHAzz5XnwwqNHyV03KVzYB6znq1Bea9HuA==",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-6.13.2.tgz",
+			"integrity": "sha512-foF4PbxqPMWNbuqdXkdoOmKm3quu3PP7Q7j/0pXkri4DtCuvF/lKY92mbY0V9rHS/phCoj+3/Se5JvM2ymh2/w==",
 			"dependencies": {
-				"@sentry/types": "6.7.1",
+				"@sentry/types": "6.13.2",
 				"tslib": "^1.9.3"
 			},
 			"engines": {
@@ -752,6 +753,18 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/@tailwindcss/forms": {
+			"version": "0.3.4",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.3.4.tgz",
+			"integrity": "sha512-vlAoBifNJUkagB+PAdW4aHMe4pKmSLroH398UPgIogBFc91D2VlHUxe4pjxQhiJl0Nfw53sHSJSQBSTQBZP3vA==",
+			"dev": true,
+			"dependencies": {
+				"mini-svg-data-uri": "^1.2.3"
+			},
+			"peerDependencies": {
+				"tailwindcss": ">=2.0.0"
+			}
+		},
 		"node_modules/@types/debug": {
 			"version": "4.1.7",
 			"resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.7.tgz",
@@ -1008,9 +1021,9 @@
 			}
 		},
 		"node_modules/ansi-regex": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
-			"integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
 			"engines": {
 				"node": ">=8"
 			}
@@ -1151,16 +1164,16 @@
 			"dev": true
 		},
 		"node_modules/array-includes": {
-			"version": "3.1.3",
-			"resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.3.tgz",
-			"integrity": "sha512-gcem1KlBU7c9rB+Rq8/3PPKsK2kjqeEBa3bD5kkQo4nYlOHQCJqIJFqBXDEfwaRuYTT4E+FxA9xez7Gf/e3Q7A==",
+			"version": "3.1.4",
+			"resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.4.tgz",
+			"integrity": "sha512-ZTNSQkmWumEbiHO2GF4GmWxYVTiQyJy2XOTa15sdQSrvKn7l+180egQMqlrMOUMCyLMD7pmyQe4mMDUT6Behrw==",
 			"dev": true,
 			"dependencies": {
 				"call-bind": "^1.0.2",
 				"define-properties": "^1.1.3",
-				"es-abstract": "^1.18.0-next.2",
+				"es-abstract": "^1.19.1",
 				"get-intrinsic": "^1.1.1",
-				"is-string": "^1.0.5"
+				"is-string": "^1.0.7"
 			},
 			"engines": {
 				"node": ">= 0.4"
@@ -1170,14 +1183,14 @@
 			}
 		},
 		"node_modules/array.prototype.flat": {
-			"version": "1.2.4",
-			"resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.4.tgz",
-			"integrity": "sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==",
+			"version": "1.2.5",
+			"resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.5.tgz",
+			"integrity": "sha512-KaYU+S+ndVqyUnignHftkwc58o3uVU1jzczILJ1tN2YaIZpFIKBiP/x/j97E5MVPsaCloPbqWLB/8qCTVvT2qg==",
 			"dev": true,
 			"dependencies": {
-				"call-bind": "^1.0.0",
+				"call-bind": "^1.0.2",
 				"define-properties": "^1.1.3",
-				"es-abstract": "^1.18.0-next.1"
+				"es-abstract": "^1.19.0"
 			},
 			"engines": {
 				"node": ">= 0.4"
@@ -1265,16 +1278,16 @@
 			}
 		},
 		"node_modules/autoprefixer": {
-			"version": "10.3.7",
-			"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.3.7.tgz",
-			"integrity": "sha512-EmGpu0nnQVmMhX8ROoJ7Mx8mKYPlcUHuxkwrRYEYMz85lu7H09v8w6R1P0JPdn/hKU32GjpLBFEOuIlDWCRWvg==",
+			"version": "10.4.0",
+			"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.0.tgz",
+			"integrity": "sha512-7FdJ1ONtwzV1G43GDD0kpVMn/qbiNqyOPMFTX5nRffI+7vgWoFEc6DcXOxHJxrWNDXrZh18eDsZjvZGUljSRGA==",
 			"dev": true,
 			"dependencies": {
-				"browserslist": "^4.17.3",
-				"caniuse-lite": "^1.0.30001264",
+				"browserslist": "^4.17.5",
+				"caniuse-lite": "^1.0.30001272",
 				"fraction.js": "^4.1.1",
 				"normalize-range": "^0.1.2",
-				"picocolors": "^0.2.1",
+				"picocolors": "^1.0.0",
 				"postcss-value-parser": "^4.1.0"
 			},
 			"bin": {
@@ -1291,6 +1304,14 @@
 				"postcss": "^8.1.0"
 			}
 		},
+		"node_modules/axios": {
+			"version": "0.24.0",
+			"resolved": "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz",
+			"integrity": "sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==",
+			"dependencies": {
+				"follow-redirects": "^1.14.4"
+			}
+		},
 		"node_modules/babel-eslint": {
 			"version": "10.1.0",
 			"resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
@@ -1475,16 +1496,16 @@
 			}
 		},
 		"node_modules/browserslist": {
-			"version": "4.17.3",
-			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.3.tgz",
-			"integrity": "sha512-59IqHJV5VGdcJZ+GZ2hU5n4Kv3YiASzW6Xk5g9tf5a/MAzGeFwgGWU39fVzNIOVcgB3+Gp+kiQu0HEfTVU/3VQ==",
+			"version": "4.17.5",
+			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.5.tgz",
+			"integrity": "sha512-I3ekeB92mmpctWBoLXe0d5wPS2cBuRvvW0JyyJHMrk9/HmP2ZjrTboNAZ8iuGqaEIlKguljbQY32OkOJIRrgoA==",
 			"dev": true,
 			"dependencies": {
-				"caniuse-lite": "^1.0.30001264",
-				"electron-to-chromium": "^1.3.857",
+				"caniuse-lite": "^1.0.30001271",
+				"electron-to-chromium": "^1.3.878",
 				"escalade": "^3.1.1",
-				"node-releases": "^1.1.77",
-				"picocolors": "^0.2.1"
+				"node-releases": "^2.0.1",
+				"picocolors": "^1.0.0"
 			},
 			"bin": {
 				"browserslist": "cli.js"
@@ -1702,6 +1723,14 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/camelcase": {
+			"version": "5.3.1",
+			"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+			"integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/camelcase-css": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
@@ -1712,9 +1741,9 @@
 			}
 		},
 		"node_modules/caniuse-lite": {
-			"version": "1.0.30001264",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001264.tgz",
-			"integrity": "sha512-Ftfqqfcs/ePiUmyaySsQ4PUsdcYyXG2rfoBVsk3iY1ahHaJEw65vfb7Suzqm+cEkwwPIv/XWkg27iCpRavH4zA==",
+			"version": "1.0.30001274",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001274.tgz",
+			"integrity": "sha512-+Nkvv0fHyhISkiMIjnyjmf5YJcQ1IQHZN6U9TLUMroWR38FNwpsC51Gb68yueafX1V6ifOisInSgP9WJFS13ew==",
 			"dev": true,
 			"funding": {
 				"type": "opencollective",
@@ -2169,6 +2198,14 @@
 			"integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
 			"dev": true
 		},
+		"node_modules/deepmerge": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+			"integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/defer-to-connect": {
 			"version": "1.1.3",
 			"resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
@@ -2696,9 +2733,9 @@
 			}
 		},
 		"node_modules/electron-to-chromium": {
-			"version": "1.3.859",
-			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.859.tgz",
-			"integrity": "sha512-gXRXKNWedfdiKIzwr0Mg/VGCvxXzy+4SuK9hp1BDvfbCwx0O5Ot+2f4CoqQkqEJ3Zj/eAV/GoAFgBVFgkBLXuQ==",
+			"version": "1.3.885",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.885.tgz",
+			"integrity": "sha512-JXKFJcVWrdHa09n4CNZYfYaK6EW5aAew7/wr3L1OnsD1L+JHL+RCtd7QgIsxUbFPeTwPlvnpqNNTOLkoefmtXg==",
 			"dev": true
 		},
 		"node_modules/emoji-regex": {
@@ -2753,22 +2790,26 @@
 			}
 		},
 		"node_modules/es-abstract": {
-			"version": "1.18.3",
-			"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.3.tgz",
-			"integrity": "sha512-nQIr12dxV7SSxE6r6f1l3DtAeEYdsGpps13dR0TwJg1S8gyp4ZPgy3FZcHBgbiQqnoqSTb+oC+kO4UQ0C/J8vw==",
+			"version": "1.19.1",
+			"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.19.1.tgz",
+			"integrity": "sha512-2vJ6tjA/UfqLm2MPs7jxVybLoB8i1t1Jd9R3kISld20sIxPcTbLuggQOUxeWeAvIUkduv/CfMjuh4WmiXr2v9w==",
 			"dev": true,
 			"dependencies": {
 				"call-bind": "^1.0.2",
 				"es-to-primitive": "^1.2.1",
 				"function-bind": "^1.1.1",
 				"get-intrinsic": "^1.1.1",
+				"get-symbol-description": "^1.0.0",
 				"has": "^1.0.3",
 				"has-symbols": "^1.0.2",
-				"is-callable": "^1.2.3",
+				"internal-slot": "^1.0.3",
+				"is-callable": "^1.2.4",
 				"is-negative-zero": "^2.0.1",
-				"is-regex": "^1.1.3",
-				"is-string": "^1.0.6",
-				"object-inspect": "^1.10.3",
+				"is-regex": "^1.1.4",
+				"is-shared-array-buffer": "^1.0.1",
+				"is-string": "^1.0.7",
+				"is-weakref": "^1.0.1",
+				"object-inspect": "^1.11.0",
 				"object-keys": "^1.1.1",
 				"object.assign": "^4.1.2",
 				"string.prototype.trimend": "^1.0.4",
@@ -2835,37 +2876,36 @@
 			}
 		},
 		"node_modules/eslint": {
-			"version": "7.32.0",
-			"resolved": "https://registry.npmjs.org/eslint/-/eslint-7.32.0.tgz",
-			"integrity": "sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==",
+			"version": "8.1.0",
+			"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.1.0.tgz",
+			"integrity": "sha512-JZvNneArGSUsluHWJ8g8MMs3CfIEzwaLx9KyH4tZ2i+R2/rPWzL8c0zg3rHdwYVpN/1sB9gqnjHwz9HoeJpGHw==",
 			"dev": true,
 			"dependencies": {
-				"@babel/code-frame": "7.12.11",
-				"@eslint/eslintrc": "^0.4.3",
-				"@humanwhocodes/config-array": "^0.5.0",
+				"@eslint/eslintrc": "^1.0.3",
+				"@humanwhocodes/config-array": "^0.6.0",
 				"ajv": "^6.10.0",
 				"chalk": "^4.0.0",
 				"cross-spawn": "^7.0.2",
-				"debug": "^4.0.1",
+				"debug": "^4.3.2",
 				"doctrine": "^3.0.0",
 				"enquirer": "^2.3.5",
 				"escape-string-regexp": "^4.0.0",
-				"eslint-scope": "^5.1.1",
-				"eslint-utils": "^2.1.0",
-				"eslint-visitor-keys": "^2.0.0",
-				"espree": "^7.3.1",
+				"eslint-scope": "^6.0.0",
+				"eslint-utils": "^3.0.0",
+				"eslint-visitor-keys": "^3.0.0",
+				"espree": "^9.0.0",
 				"esquery": "^1.4.0",
 				"esutils": "^2.0.2",
 				"fast-deep-equal": "^3.1.3",
 				"file-entry-cache": "^6.0.1",
 				"functional-red-black-tree": "^1.0.1",
-				"glob-parent": "^5.1.2",
+				"glob-parent": "^6.0.1",
 				"globals": "^13.6.0",
 				"ignore": "^4.0.6",
 				"import-fresh": "^3.0.0",
 				"imurmurhash": "^0.1.4",
 				"is-glob": "^4.0.0",
-				"js-yaml": "^3.13.1",
+				"js-yaml": "^4.1.0",
 				"json-stable-stringify-without-jsonify": "^1.0.1",
 				"levn": "^0.4.1",
 				"lodash.merge": "^4.6.2",
@@ -2873,11 +2913,10 @@
 				"natural-compare": "^1.4.0",
 				"optionator": "^0.9.1",
 				"progress": "^2.0.0",
-				"regexpp": "^3.1.0",
+				"regexpp": "^3.2.0",
 				"semver": "^7.2.1",
 				"strip-ansi": "^6.0.0",
 				"strip-json-comments": "^3.1.0",
-				"table": "^6.0.9",
 				"text-table": "^0.2.0",
 				"v8-compile-cache": "^2.0.3"
 			},
@@ -2885,7 +2924,7 @@
 				"eslint": "bin/eslint.js"
 			},
 			"engines": {
-				"node": "^10.12.0 || >=12.0.0"
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
 			},
 			"funding": {
 				"url": "https://opencollective.com/eslint"
@@ -4496,37 +4535,32 @@
 			}
 		},
 		"node_modules/eslint-import-resolver-node": {
-			"version": "0.3.4",
-			"resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz",
-			"integrity": "sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==",
+			"version": "0.3.6",
+			"resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz",
+			"integrity": "sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw==",
 			"dev": true,
 			"dependencies": {
-				"debug": "^2.6.9",
-				"resolve": "^1.13.1"
+				"debug": "^3.2.7",
+				"resolve": "^1.20.0"
 			}
 		},
 		"node_modules/eslint-import-resolver-node/node_modules/debug": {
-			"version": "2.6.9",
-			"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-			"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+			"version": "3.2.7",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
 			"dev": true,
 			"dependencies": {
-				"ms": "2.0.0"
+				"ms": "^2.1.1"
 			}
 		},
-		"node_modules/eslint-import-resolver-node/node_modules/ms": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-			"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
-			"dev": true
-		},
 		"node_modules/eslint-module-utils": {
-			"version": "2.6.1",
-			"resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.6.1.tgz",
-			"integrity": "sha512-ZXI9B8cxAJIH4nfkhTwcRTEAnrVfobYqwjWy/QMCZ8rHkZHFjf9yO4BzpiF9kCSfNlMG54eKigISHpX0+AaT4A==",
+			"version": "2.7.1",
+			"resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.7.1.tgz",
+			"integrity": "sha512-fjoetBXQZq2tSTWZ9yWVl2KuFrTZZH3V+9iD1V1RfpDgxzJR+mPd/KZmMiA8gbPqdBzpNiEHOuT7IYEWxrH0zQ==",
 			"dev": true,
 			"dependencies": {
 				"debug": "^3.2.7",
+				"find-up": "^2.1.0",
 				"pkg-dir": "^2.0.0"
 			},
 			"engines": {
@@ -4577,32 +4611,30 @@
 			}
 		},
 		"node_modules/eslint-plugin-import": {
-			"version": "2.23.4",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.23.4.tgz",
-			"integrity": "sha512-6/wP8zZRsnQFiR3iaPFgh5ImVRM1WN5NUWfTIRqwOdeiGJlBcSk82o1FEVq8yXmy4lkIzTo7YhHCIxlU/2HyEQ==",
+			"version": "2.25.2",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.25.2.tgz",
+			"integrity": "sha512-qCwQr9TYfoBHOFcVGKY9C9unq05uOxxdklmBXLVvcwo68y5Hta6/GzCZEMx2zQiu0woKNEER0LE7ZgaOfBU14g==",
 			"dev": true,
 			"dependencies": {
-				"array-includes": "^3.1.3",
-				"array.prototype.flat": "^1.2.4",
+				"array-includes": "^3.1.4",
+				"array.prototype.flat": "^1.2.5",
 				"debug": "^2.6.9",
 				"doctrine": "^2.1.0",
-				"eslint-import-resolver-node": "^0.3.4",
-				"eslint-module-utils": "^2.6.1",
-				"find-up": "^2.0.0",
+				"eslint-import-resolver-node": "^0.3.6",
+				"eslint-module-utils": "^2.7.0",
 				"has": "^1.0.3",
-				"is-core-module": "^2.4.0",
+				"is-core-module": "^2.7.0",
+				"is-glob": "^4.0.3",
 				"minimatch": "^3.0.4",
-				"object.values": "^1.1.3",
-				"pkg-up": "^2.0.0",
-				"read-pkg-up": "^3.0.0",
+				"object.values": "^1.1.5",
 				"resolve": "^1.20.0",
-				"tsconfig-paths": "^3.9.0"
+				"tsconfig-paths": "^3.11.0"
 			},
 			"engines": {
 				"node": ">=4"
 			},
 			"peerDependencies": {
-				"eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0"
+				"eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
 			}
 		},
 		"node_modules/eslint-plugin-import/node_modules/debug": {
@@ -4683,9 +4715,9 @@
 			}
 		},
 		"node_modules/eslint-plugin-promise": {
-			"version": "5.1.0",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-5.1.0.tgz",
-			"integrity": "sha512-NGmI6BH5L12pl7ScQHbg7tvtk4wPxxj8yPHH47NvSmMtFneC077PSeY3huFj06ZWZvtbfxSPt3RuOQD5XcR4ng==",
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-5.1.1.tgz",
+			"integrity": "sha512-XgdcdyNzHfmlQyweOPTxmc7pIsS6dE4MvwhXWMQ2Dxs1XAL2GJDilUsjWen6TWik0aSI+zD/PqocZBblcm9rdA==",
 			"dev": true,
 			"engines": {
 				"node": "^10.12.0 || >=12.0.0"
@@ -4765,6 +4797,46 @@
 			}
 		},
 		"node_modules/eslint-visitor-keys": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.0.0.tgz",
+			"integrity": "sha512-mJOZa35trBTb3IyRmo8xmKBZlxf+N7OnUl4+ZhJHs/r+0770Wh/LEACE2pqMGMe27G/4y8P2bYGk4J70IC5k1Q==",
+			"dev": true,
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			}
+		},
+		"node_modules/eslint/node_modules/eslint-scope": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-6.0.0.tgz",
+			"integrity": "sha512-uRDL9MWmQCkaFus8RF5K9/L/2fn+80yoW3jkD53l4shjCh26fCtvJGasxjUqP5OT87SYTxCVA3BwTUzuELx9kA==",
+			"dev": true,
+			"dependencies": {
+				"esrecurse": "^4.3.0",
+				"estraverse": "^5.2.0"
+			},
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			}
+		},
+		"node_modules/eslint/node_modules/eslint-utils": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
+			"integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+			"dev": true,
+			"dependencies": {
+				"eslint-visitor-keys": "^2.0.0"
+			},
+			"engines": {
+				"node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/mysticatea"
+			},
+			"peerDependencies": {
+				"eslint": ">=5"
+			}
+		},
+		"node_modules/eslint/node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
 			"integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
@@ -4773,26 +4845,25 @@
 				"node": ">=10"
 			}
 		},
-		"node_modules/eslint/node_modules/argparse": {
-			"version": "1.0.10",
-			"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-			"integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+		"node_modules/eslint/node_modules/estraverse": {
+			"version": "5.2.0",
+			"resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
+			"integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
 			"dev": true,
-			"dependencies": {
-				"sprintf-js": "~1.0.2"
+			"engines": {
+				"node": ">=4.0"
 			}
 		},
-		"node_modules/eslint/node_modules/js-yaml": {
-			"version": "3.14.1",
-			"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-			"integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+		"node_modules/eslint/node_modules/glob-parent": {
+			"version": "6.0.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+			"integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
 			"dev": true,
 			"dependencies": {
-				"argparse": "^1.0.7",
-				"esprima": "^4.0.0"
+				"is-glob": "^4.0.3"
 			},
-			"bin": {
-				"js-yaml": "bin/js-yaml.js"
+			"engines": {
+				"node": ">=10.13.0"
 			}
 		},
 		"node_modules/eslint/node_modules/semver": {
@@ -4810,33 +4881,30 @@
 				"node": ">=10"
 			}
 		},
-		"node_modules/eslint/node_modules/sprintf-js": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-			"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
-			"dev": true
-		},
 		"node_modules/espree": {
-			"version": "7.3.1",
-			"resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz",
-			"integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==",
+			"version": "9.0.0",
+			"resolved": "https://registry.npmjs.org/espree/-/espree-9.0.0.tgz",
+			"integrity": "sha512-r5EQJcYZ2oaGbeR0jR0fFVijGOcwai07/690YRXLINuhmVeRY4UKSAsQPe/0BNuDgwP7Ophoc1PRsr2E3tkbdQ==",
 			"dev": true,
 			"dependencies": {
-				"acorn": "^7.4.0",
+				"acorn": "^8.5.0",
 				"acorn-jsx": "^5.3.1",
-				"eslint-visitor-keys": "^1.3.0"
+				"eslint-visitor-keys": "^3.0.0"
 			},
 			"engines": {
-				"node": "^10.12.0 || >=12.0.0"
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
 			}
 		},
-		"node_modules/espree/node_modules/eslint-visitor-keys": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-			"integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+		"node_modules/espree/node_modules/acorn": {
+			"version": "8.5.0",
+			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.5.0.tgz",
+			"integrity": "sha512-yXbYeFy+jUuYd3/CDcg2NkIYE991XYX/bje7LmjJigUciaeO1JR4XxXgCIV1/Zc/dRuFEyw1L0pbA+qynJkW5Q==",
 			"dev": true,
+			"bin": {
+				"acorn": "bin/acorn"
+			},
 			"engines": {
-				"node": ">=4"
+				"node": ">=0.4.0"
 			}
 		},
 		"node_modules/esprima": {
@@ -5155,6 +5223,25 @@
 			"integrity": "sha512-XprP7lDrVT+kE2c2YlfiV+IfS9zxukiIOvNamPNsImNhXadSsQEbosItdL9bUQlCZXR13SvPk20BjWSWLA7m4A==",
 			"dev": true
 		},
+		"node_modules/follow-redirects": {
+			"version": "1.14.4",
+			"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.4.tgz",
+			"integrity": "sha512-zwGkiSXC1MUJG/qmeIFH2HBJx9u0V46QGUe3YR1fXG8bXQxq7fLj0RjLZQ5nubr9qNJUZrH+xUcwXEoXNpfS+g==",
+			"funding": [
+				{
+					"type": "individual",
+					"url": "https://github.com/sponsors/RubenVerborgh"
+				}
+			],
+			"engines": {
+				"node": ">=4.0"
+			},
+			"peerDependenciesMeta": {
+				"debug": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/fraction.js": {
 			"version": "4.1.1",
 			"resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.1.1.tgz",
@@ -5246,6 +5333,22 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/get-symbol-description": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+			"integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+			"dev": true,
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"get-intrinsic": "^1.1.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
 		"node_modules/glob": {
 			"version": "7.1.7",
 			"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
@@ -5351,9 +5454,9 @@
 			}
 		},
 		"node_modules/globals": {
-			"version": "13.10.0",
-			"resolved": "https://registry.npmjs.org/globals/-/globals-13.10.0.tgz",
-			"integrity": "sha512-piHC3blgLGFjvOuMmWZX60f+na1lXFDhQXBf1UYp2fXPXqvEUbOhNwi6BsQ0bQishwedgnjkwv1d9zKf+MWw3g==",
+			"version": "13.11.0",
+			"resolved": "https://registry.npmjs.org/globals/-/globals-13.11.0.tgz",
+			"integrity": "sha512-08/xrJ7wQjK9kkkRoI3OFUBbLx4f+6x3SGwcPvQ0QH6goFDrOU2oyAWrmh3dJezu65buo+HBMzAMQy6rovVC3g==",
 			"dev": true,
 			"dependencies": {
 				"type-fest": "^0.20.2"
@@ -5454,6 +5557,21 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/has-tostringtag": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+			"integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+			"dev": true,
+			"dependencies": {
+				"has-symbols": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
 		"node_modules/has-yarn": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/has-yarn/-/has-yarn-2.1.0.tgz",
@@ -5717,6 +5835,20 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/internal-slot": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
+			"integrity": "sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==",
+			"dev": true,
+			"dependencies": {
+				"get-intrinsic": "^1.1.0",
+				"has": "^1.0.3",
+				"side-channel": "^1.0.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
 		"node_modules/is-arrayish": {
 			"version": "0.2.1",
 			"resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
@@ -5724,10 +5856,13 @@
 			"dev": true
 		},
 		"node_modules/is-bigint": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.2.tgz",
-			"integrity": "sha512-0JV5+SOCQkIdzjBK9buARcV804Ddu7A0Qet6sHi3FimE9ne6m4BGQZfRn+NZiXbBk4F4XmHfDZIipLj9pX8dSA==",
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+			"integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
 			"dev": true,
+			"dependencies": {
+				"has-bigints": "^1.0.1"
+			},
 			"funding": {
 				"url": "https://github.com/sponsors/ljharb"
 			}
@@ -5745,12 +5880,13 @@
 			}
 		},
 		"node_modules/is-boolean-object": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.1.tgz",
-			"integrity": "sha512-bXdQWkECBUIAcCkeH1unwJLIpZYaa5VvuygSyS/c2lf719mTKZDU5UdDRlpd01UjADgmW8RfqaP+mRaVPdr/Ng==",
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+			"integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
 			"dev": true,
 			"dependencies": {
-				"call-bind": "^1.0.2"
+				"call-bind": "^1.0.2",
+				"has-tostringtag": "^1.0.0"
 			},
 			"engines": {
 				"node": ">= 0.4"
@@ -5760,9 +5896,9 @@
 			}
 		},
 		"node_modules/is-callable": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.3.tgz",
-			"integrity": "sha512-J1DcMe8UYTBSrKezuIUTUwjXsho29693unXM2YhJUTR2txK/eG47bvNa/wipPFmZFgr/N6f1GA66dv0mEyTIyQ==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.4.tgz",
+			"integrity": "sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==",
 			"dev": true,
 			"engines": {
 				"node": ">= 0.4"
@@ -5798,9 +5934,9 @@
 			}
 		},
 		"node_modules/is-core-module": {
-			"version": "2.4.0",
-			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.4.0.tgz",
-			"integrity": "sha512-6A2fkfq1rfeQZjxrZJGerpLCTHRNEBiSgnu0+obeJpEPZRUooHgsizvzv0ZjJwOz3iWIHdJtVWJ/tmPr3D21/A==",
+			"version": "2.8.0",
+			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz",
+			"integrity": "sha512-vd15qHsaqrRL7dtH6QNuy0ndJmRDrS9HAM1CAiSifNUFv4x1a0CCVsj18hJ1mShxIG6T2i1sO78MkP56r0nYRw==",
 			"dev": true,
 			"dependencies": {
 				"has": "^1.0.3"
@@ -5810,10 +5946,13 @@
 			}
 		},
 		"node_modules/is-date-object": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.4.tgz",
-			"integrity": "sha512-/b4ZVsG7Z5XVtIxs/h9W8nvfLgSAyKYdtGWQLbqy6jA1icmgjf8WCoTKgeS4wy5tYaPePouzFMANbnj94c2Z+A==",
+			"version": "1.0.5",
+			"resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+			"integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
 			"dev": true,
+			"dependencies": {
+				"has-tostringtag": "^1.0.0"
+			},
 			"engines": {
 				"node": ">= 0.4"
 			},
@@ -5839,9 +5978,9 @@
 			}
 		},
 		"node_modules/is-glob": {
-			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
-			"integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
 			"dev": true,
 			"dependencies": {
 				"is-extglob": "^2.1.1"
@@ -5900,10 +6039,13 @@
 			}
 		},
 		"node_modules/is-number-object": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.5.tgz",
-			"integrity": "sha512-RU0lI/n95pMoUKu9v1BZP5MBcZuNSVJkMkAG2dJqC4z2GlkGUNeH68SuHuBKBD/XFe+LHZ+f9BKkLET60Niedw==",
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.6.tgz",
+			"integrity": "sha512-bEVOqiRcvo3zO1+G2lVMy+gkkEm9Yh7cDMRusKKu5ZJKPUYSJwICTKZrNKHA2EbSP0Tu0+6B/emsYNHZyn6K8g==",
 			"dev": true,
+			"dependencies": {
+				"has-tostringtag": "^1.0.0"
+			},
 			"engines": {
 				"node": ">= 0.4"
 			},
@@ -5938,13 +6080,13 @@
 			}
 		},
 		"node_modules/is-regex": {
-			"version": "1.1.3",
-			"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.3.tgz",
-			"integrity": "sha512-qSVXFz28HM7y+IWX6vLCsexdlvzT1PJNFSBuaQLQ5o0IEw8UDYW6/2+eCMVyIsbM8CNLX2a/QWmSpyxYEHY7CQ==",
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+			"integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
 			"dev": true,
 			"dependencies": {
 				"call-bind": "^1.0.2",
-				"has-symbols": "^1.0.2"
+				"has-tostringtag": "^1.0.0"
 			},
 			"engines": {
 				"node": ">= 0.4"
@@ -5953,11 +6095,23 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/is-shared-array-buffer": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.1.tgz",
+			"integrity": "sha512-IU0NmyknYZN0rChcKhRO1X8LYz5Isj/Fsqh8NJOSf+N/hCOTwy29F32Ik7a+QszE63IdvmwdTPDd6cZ5pg4cwA==",
+			"dev": true,
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
 		"node_modules/is-string": {
-			"version": "1.0.6",
-			"resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.6.tgz",
-			"integrity": "sha512-2gdzbKUuqtQ3lYNrUTQYoClPhm7oQu4UdpSZMp1/DGgkHBT8E2Z1l0yMdb6D4zNAxwDiMv8MdulKROJGNl0Q0w==",
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+			"integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
 			"dev": true,
+			"dependencies": {
+				"has-tostringtag": "^1.0.0"
+			},
 			"engines": {
 				"node": ">= 0.4"
 			},
@@ -5986,6 +6140,18 @@
 			"integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
 			"dev": true
 		},
+		"node_modules/is-weakref": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.1.tgz",
+			"integrity": "sha512-b2jKc2pQZjaeFYWEf7ScFj+Be1I+PXmlu572Q8coTXZ+LD/QQZ7ShPMst8h16riVgyXTQwUsFEl74mDvc/3MHQ==",
+			"dev": true,
+			"dependencies": {
+				"call-bind": "^1.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
 		"node_modules/is-yarn-global": {
 			"version": "0.3.0",
 			"resolved": "https://registry.npmjs.org/is-yarn-global/-/is-yarn-global-0.3.0.tgz",
@@ -6139,12 +6305,6 @@
 			"resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
 			"integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg="
 		},
-		"node_modules/json-parse-better-errors": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
-			"integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
-			"dev": true
-		},
 		"node_modules/json-parse-even-better-errors": {
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
@@ -6261,21 +6421,6 @@
 			"integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=",
 			"dev": true
 		},
-		"node_modules/load-json-file": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
-			"integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
-			"dev": true,
-			"dependencies": {
-				"graceful-fs": "^4.1.2",
-				"parse-json": "^4.0.0",
-				"pify": "^3.0.0",
-				"strip-bom": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
 		"node_modules/locate-path": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
@@ -6295,12 +6440,6 @@
 			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
 			"devOptional": true
 		},
-		"node_modules/lodash.clonedeep": {
-			"version": "4.5.0",
-			"resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-			"integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
-			"dev": true
-		},
 		"node_modules/lodash.merge": {
 			"version": "4.6.2",
 			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -6313,12 +6452,6 @@
 			"integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak=",
 			"dev": true
 		},
-		"node_modules/lodash.truncate": {
-			"version": "4.4.2",
-			"resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-			"integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
-			"dev": true
-		},
 		"node_modules/lowercase-keys": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
@@ -6406,9 +6539,9 @@
 			}
 		},
 		"node_modules/mime-db": {
-			"version": "1.48.0",
-			"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.48.0.tgz",
-			"integrity": "sha512-FM3QwxV+TnZYQ2aRqhlKBMHxk10lTbMt3bBkMAp54ddrNeVSfcQYOOKuGuy3Ddrm38I04If834fOUSq1yzslJQ==",
+			"version": "1.50.0",
+			"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.50.0.tgz",
+			"integrity": "sha512-9tMZCDlYHqeERXEHO9f/hKfNXhre5dK2eE/krIvUjZbS2KPcqGDfNShIWS1uW9XOTKQKqK6qbeOci18rbfW77A==",
 			"engines": {
 				"node": ">= 0.6"
 			}
@@ -6430,6 +6563,15 @@
 				"node": ">=4"
 			}
 		},
+		"node_modules/mini-svg-data-uri": {
+			"version": "1.4.3",
+			"resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.3.tgz",
+			"integrity": "sha512-gSfqpMRC8IxghvMcxzzmMnWpXAChSA+vy4cia33RgerMS8Fex95akUyQZPbxJJmeBGiGmK7n/1OpUX8ksRjIdA==",
+			"dev": true,
+			"bin": {
+				"mini-svg-data-uri": "cli.js"
+			}
+		},
 		"node_modules/minimatch": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
@@ -6534,57 +6676,19 @@
 				"lodash": "^4.17.21"
 			}
 		},
-		"node_modules/node-fetch": {
-			"version": "2.6.5",
-			"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.5.tgz",
-			"integrity": "sha512-mmlIVHJEu5rnIxgEgez6b9GgWXbkZj5YZ7fx+2r94a2E+Uirsp6HsPTPlomfdHtpt/B0cdKviwkoaM6pyvUOpQ==",
-			"dependencies": {
-				"whatwg-url": "^5.0.0"
-			},
-			"engines": {
-				"node": "4.x || >=6.0.0"
-			}
-		},
 		"node_modules/node-releases": {
-			"version": "1.1.77",
-			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.77.tgz",
-			"integrity": "sha512-rB1DUFUNAN4Gn9keO2K1efO35IDK7yKHCdCaIMvFO7yUYmmZYeDjnGKle26G4rwj+LKRQpjyUUvMkPglwGCYNQ==",
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
+			"integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==",
 			"dev": true
 		},
-		"node_modules/normalize-package-data": {
-			"version": "2.5.0",
-			"resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
-			"integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+		"node_modules/normalize-path": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
 			"dev": true,
-			"dependencies": {
-				"hosted-git-info": "^2.1.4",
-				"resolve": "^1.10.0",
-				"semver": "2 || 3 || 4 || 5",
-				"validate-npm-package-license": "^3.0.1"
-			}
-		},
-		"node_modules/normalize-package-data/node_modules/hosted-git-info": {
-			"version": "2.8.9",
-			"resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-			"integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-			"dev": true
-		},
-		"node_modules/normalize-package-data/node_modules/semver": {
-			"version": "5.7.1",
-			"resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-			"integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-			"dev": true,
-			"bin": {
-				"semver": "bin/semver"
-			}
-		},
-		"node_modules/normalize-path": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
+			"engines": {
+				"node": ">=0.10.0"
 			}
 		},
 		"node_modules/normalize-range": {
@@ -6627,9 +6731,9 @@
 			}
 		},
 		"node_modules/object-inspect": {
-			"version": "1.10.3",
-			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.10.3.tgz",
-			"integrity": "sha512-e5mCJlSH7poANfC8z8S9s9S2IN5/4Zb3aZ33f5s8YqoazCFzNLloLU8r5VCG+G7WoqLvAAZoVMcy3tp/3X0Plw==",
+			"version": "1.11.0",
+			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.11.0.tgz",
+			"integrity": "sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg==",
 			"dev": true,
 			"funding": {
 				"url": "https://github.com/sponsors/ljharb"
@@ -6663,14 +6767,14 @@
 			}
 		},
 		"node_modules/object.values": {
-			"version": "1.1.4",
-			"resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.4.tgz",
-			"integrity": "sha512-TnGo7j4XSnKQoK3MfvkzqKCi0nVe/D9I9IjwTNYdb/fxYHpjrluHVOgw0AF6jrRFGMPHdfuidR09tIDiIvnaSg==",
+			"version": "1.1.5",
+			"resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.5.tgz",
+			"integrity": "sha512-QUZRW0ilQ3PnPpbNtgdNV1PDbEqLIiSFB3l+EnGtBQ/8SUTLj1PZwtQHABZtLgwpJZTSZhuGLOGk57Drx2IvYg==",
 			"dev": true,
 			"dependencies": {
 				"call-bind": "^1.0.2",
 				"define-properties": "^1.1.3",
-				"es-abstract": "^1.18.2"
+				"es-abstract": "^1.19.1"
 			},
 			"engines": {
 				"node": ">= 0.4"
@@ -6796,19 +6900,6 @@
 				"node": ">=6"
 			}
 		},
-		"node_modules/parse-json": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
-			"integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
-			"dev": true,
-			"dependencies": {
-				"error-ex": "^1.3.1",
-				"json-parse-better-errors": "^1.0.1"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
 		"node_modules/path-exists": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
@@ -6846,27 +6937,15 @@
 			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
 			"dev": true
 		},
-		"node_modules/path-type": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
-			"integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
-			"dev": true,
-			"dependencies": {
-				"pify": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
 		"node_modules/pend": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
 			"integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA="
 		},
 		"node_modules/picocolors": {
-			"version": "0.2.1",
-			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-			"integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+			"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
 			"dev": true
 		},
 		"node_modules/picomatch": {
@@ -6885,7 +6964,7 @@
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
 			"integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
-			"devOptional": true,
+			"optional": true,
 			"engines": {
 				"node": ">=4"
 			}
@@ -6902,18 +6981,6 @@
 				"node": ">=4"
 			}
 		},
-		"node_modules/pkg-up": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz",
-			"integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=",
-			"dev": true,
-			"dependencies": {
-				"find-up": "^2.1.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
 		"node_modules/plist": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/plist/-/plist-3.0.4.tgz",
@@ -7228,14 +7295,6 @@
 				"node": ">=4"
 			}
 		},
-		"node_modules/qrcode/node_modules/camelcase": {
-			"version": "5.3.1",
-			"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-			"integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-			"engines": {
-				"node": ">=6"
-			}
-		},
 		"node_modules/qrcode/node_modules/cliui": {
 			"version": "5.0.0",
 			"resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
@@ -7455,33 +7514,6 @@
 				"node": ">=12.0.0"
 			}
 		},
-		"node_modules/read-pkg": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
-			"integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
-			"dev": true,
-			"dependencies": {
-				"load-json-file": "^4.0.0",
-				"normalize-package-data": "^2.3.2",
-				"path-type": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/read-pkg-up": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-3.0.0.tgz",
-			"integrity": "sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=",
-			"dev": true,
-			"dependencies": {
-				"find-up": "^2.0.0",
-				"read-pkg": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
 		"node_modules/readable-stream": {
 			"version": "2.3.7",
 			"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
@@ -7573,15 +7605,6 @@
 				"node": ">=0.10.0"
 			}
 		},
-		"node_modules/require-from-string": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-			"integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
 		"node_modules/require-main-filename": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
@@ -7749,9 +7772,9 @@
 			}
 		},
 		"node_modules/sass": {
-			"version": "1.42.1",
-			"resolved": "https://registry.npmjs.org/sass/-/sass-1.42.1.tgz",
-			"integrity": "sha512-/zvGoN8B7dspKc5mC6HlaygyCBRvnyzzgD5khiaCfglWztY99cYoiTUksVx11NlnemrcfH5CEaCpsUKoW0cQqg==",
+			"version": "1.43.4",
+			"resolved": "https://registry.npmjs.org/sass/-/sass-1.43.4.tgz",
+			"integrity": "sha512-/ptG7KE9lxpGSYiXn7Ar+lKOv37xfWsZRtFYal2QHNigyVQDx685VFT/h7ejVr+R8w7H4tmUgtulsKl5YpveOg==",
 			"dev": true,
 			"dependencies": {
 				"chokidar": ">=3.0.0 <4.0.0"
@@ -7848,6 +7871,20 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/side-channel": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+			"integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+			"dev": true,
+			"dependencies": {
+				"call-bind": "^1.0.0",
+				"get-intrinsic": "^1.0.2",
+				"object-inspect": "^1.9.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
 		"node_modules/signal-exit": {
 			"version": "3.0.3",
 			"resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
@@ -7960,38 +7997,6 @@
 				"node": ">=0.10.0"
 			}
 		},
-		"node_modules/spdx-correct": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
-			"integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
-			"dev": true,
-			"dependencies": {
-				"spdx-expression-parse": "^3.0.0",
-				"spdx-license-ids": "^3.0.0"
-			}
-		},
-		"node_modules/spdx-exceptions": {
-			"version": "2.3.0",
-			"resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
-			"integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
-			"dev": true
-		},
-		"node_modules/spdx-expression-parse": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-			"integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
-			"dev": true,
-			"dependencies": {
-				"spdx-exceptions": "^2.1.0",
-				"spdx-license-ids": "^3.0.0"
-			}
-		},
-		"node_modules/spdx-license-ids": {
-			"version": "3.0.9",
-			"resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.9.tgz",
-			"integrity": "sha512-Ki212dKK4ogX+xDo4CtOZBVIwhsKBEfsEEcwmJfLQzirgc2jIWdzg40Unxz/HzEUqM1WFzVlQSMF9kZZ2HboLQ==",
-			"dev": true
-		},
 		"node_modules/sprintf-js": {
 			"version": "1.1.2",
 			"resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.2.tgz",
@@ -8076,11 +8081,11 @@
 			}
 		},
 		"node_modules/strip-ansi": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
-			"integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
 			"dependencies": {
-				"ansi-regex": "^5.0.0"
+				"ansi-regex": "^5.0.1"
 			},
 			"engines": {
 				"node": ">=8"
@@ -8130,95 +8135,10 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/table": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/table/-/table-6.7.1.tgz",
-			"integrity": "sha512-ZGum47Yi6KOOFDE8m223td53ath2enHcYLgOCjGr5ngu8bdIARQk6mN/wRMv4yMRcHnCSnHbCEha4sobQx5yWg==",
-			"dev": true,
-			"dependencies": {
-				"ajv": "^8.0.1",
-				"lodash.clonedeep": "^4.5.0",
-				"lodash.truncate": "^4.4.2",
-				"slice-ansi": "^4.0.0",
-				"string-width": "^4.2.0",
-				"strip-ansi": "^6.0.0"
-			},
-			"engines": {
-				"node": ">=10.0.0"
-			}
-		},
-		"node_modules/table/node_modules/ajv": {
-			"version": "8.6.1",
-			"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.1.tgz",
-			"integrity": "sha512-42VLtQUOLefAvKFAQIxIZDaThq6om/PrfP0CYk3/vn+y4BMNkKnbli8ON2QCiHov4KkzOSJ/xSoBJdayiiYvVQ==",
-			"dev": true,
-			"dependencies": {
-				"fast-deep-equal": "^3.1.1",
-				"json-schema-traverse": "^1.0.0",
-				"require-from-string": "^2.0.2",
-				"uri-js": "^4.2.2"
-			},
-			"funding": {
-				"type": "github",
-				"url": "https://github.com/sponsors/epoberezkin"
-			}
-		},
-		"node_modules/table/node_modules/emoji-regex": {
-			"version": "8.0.0",
-			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-			"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-			"dev": true
-		},
-		"node_modules/table/node_modules/is-fullwidth-code-point": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-			"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/table/node_modules/json-schema-traverse": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-			"integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-			"dev": true
-		},
-		"node_modules/table/node_modules/slice-ansi": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-			"integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-			"dev": true,
-			"dependencies": {
-				"ansi-styles": "^4.0.0",
-				"astral-regex": "^2.0.0",
-				"is-fullwidth-code-point": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/slice-ansi?sponsor=1"
-			}
-		},
-		"node_modules/table/node_modules/string-width": {
-			"version": "4.2.2",
-			"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.2.tgz",
-			"integrity": "sha512-XBJbT3N4JhVumXE0eoLU9DCjcaF92KLNqTmFCnG1pf8duUxFGwtP6AD6nkjw9a3IdiRtL3E2w3JDiE/xi3vOeA==",
-			"dev": true,
-			"dependencies": {
-				"emoji-regex": "^8.0.0",
-				"is-fullwidth-code-point": "^3.0.0",
-				"strip-ansi": "^6.0.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
 		"node_modules/tailwindcss": {
-			"version": "2.2.16",
-			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.16.tgz",
-			"integrity": "sha512-EireCtpQyyJ4Xz8NYzHafBoy4baCOO96flM0+HgtsFcIQ9KFy/YBK3GEtlnD+rXen0e4xm8t3WiUcKBJmN6yjg==",
+			"version": "2.2.19",
+			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.19.tgz",
+			"integrity": "sha512-6Ui7JSVtXadtTUo2NtkBBacobzWiQYVjYW0ZnKaP9S1ZCKQ0w7KVNz+YSDI/j7O7KCMHbOkz94ZMQhbT9pOqjw==",
 			"dev": true,
 			"dependencies": {
 				"arg": "^5.0.1",
@@ -8420,11 +8340,6 @@
 				"node": ">=8.0"
 			}
 		},
-		"node_modules/tr46": {
-			"version": "0.0.3",
-			"resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-			"integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o="
-		},
 		"node_modules/truncate-utf8-bytes": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/truncate-utf8-bytes/-/truncate-utf8-bytes-1.0.2.tgz",
@@ -8435,9 +8350,9 @@
 			}
 		},
 		"node_modules/tsconfig-paths": {
-			"version": "3.9.0",
-			"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz",
-			"integrity": "sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==",
+			"version": "3.11.0",
+			"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.11.0.tgz",
+			"integrity": "sha512-7ecdYDnIdmv639mmDwslG6KQg1Z9STTz1j7Gcz0xa+nshh/gKDAHcPxRbWOsA3SPp0tXP2leTcY9Kw+NAkfZzA==",
 			"dev": true,
 			"dependencies": {
 				"@types/json5": "^0.0.29",
@@ -8679,16 +8594,6 @@
 			"integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
 			"dev": true
 		},
-		"node_modules/validate-npm-package-license": {
-			"version": "3.0.4",
-			"resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
-			"integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
-			"dev": true,
-			"dependencies": {
-				"spdx-correct": "^3.0.0",
-				"spdx-expression-parse": "^3.0.0"
-			}
-		},
 		"node_modules/varint": {
 			"version": "5.0.2",
 			"resolved": "https://registry.npmjs.org/varint/-/varint-5.0.2.tgz",
@@ -8709,20 +8614,6 @@
 				"extsprintf": "^1.2.0"
 			}
 		},
-		"node_modules/webidl-conversions": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-			"integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE="
-		},
-		"node_modules/whatwg-url": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
-			"integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
-			"dependencies": {
-				"tr46": "~0.0.3",
-				"webidl-conversions": "^3.0.0"
-			}
-		},
 		"node_modules/which": {
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -9018,58 +8909,58 @@
 			}
 		},
 		"@babel/generator": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.14.5.tgz",
-			"integrity": "sha512-y3rlP+/G25OIX3mYKKIOlQRcqj7YgrvHxOLbVmyLJ9bPmi5ttvUmpydVjcFjZphOktWuA7ovbx91ECloWTfjIA==",
+			"version": "7.15.8",
+			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.15.8.tgz",
+			"integrity": "sha512-ECmAKstXbp1cvpTTZciZCgfOt6iN64lR0d+euv3UZisU5awfRawOvg07Utn/qBGuH4bRIEZKrA/4LzZyXhZr8g==",
 			"dev": true,
 			"requires": {
-				"@babel/types": "^7.14.5",
+				"@babel/types": "^7.15.6",
 				"jsesc": "^2.5.1",
 				"source-map": "^0.5.0"
 			}
 		},
 		"@babel/helper-function-name": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.14.5.tgz",
-			"integrity": "sha512-Gjna0AsXWfFvrAuX+VKcN/aNNWonizBj39yGwUzVDVTlMYJMK2Wp6xdpy72mfArFq5uK+NOuexfzZlzI1z9+AQ==",
+			"version": "7.15.4",
+			"resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.15.4.tgz",
+			"integrity": "sha512-Z91cOMM4DseLIGOnog+Z8OI6YseR9bua+HpvLAQ2XayUGU+neTtX+97caALaLdyu53I/fjhbeCnWnRH1O3jFOw==",
 			"dev": true,
 			"requires": {
-				"@babel/helper-get-function-arity": "^7.14.5",
-				"@babel/template": "^7.14.5",
-				"@babel/types": "^7.14.5"
+				"@babel/helper-get-function-arity": "^7.15.4",
+				"@babel/template": "^7.15.4",
+				"@babel/types": "^7.15.4"
 			}
 		},
 		"@babel/helper-get-function-arity": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.14.5.tgz",
-			"integrity": "sha512-I1Db4Shst5lewOM4V+ZKJzQ0JGGaZ6VY1jYvMghRjqs6DWgxLCIyFt30GlnKkfUeFLpJt2vzbMVEXVSXlIFYUg==",
+			"version": "7.15.4",
+			"resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.15.4.tgz",
+			"integrity": "sha512-1/AlxSF92CmGZzHnC515hm4SirTxtpDnLEJ0UyEMgTMZN+6bxXKg04dKhiRx5Enel+SUA1G1t5Ed/yQia0efrA==",
 			"dev": true,
 			"requires": {
-				"@babel/types": "^7.14.5"
+				"@babel/types": "^7.15.4"
 			}
 		},
 		"@babel/helper-hoist-variables": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.14.5.tgz",
-			"integrity": "sha512-R1PXiz31Uc0Vxy4OEOm07x0oSjKAdPPCh3tPivn/Eo8cvz6gveAeuyUUPB21Hoiif0uoPQSSdhIPS3352nvdyQ==",
+			"version": "7.15.4",
+			"resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.15.4.tgz",
+			"integrity": "sha512-VTy085egb3jUGVK9ycIxQiPbquesq0HUQ+tPO0uv5mPEBZipk+5FkRKiWq5apuyTE9FUrjENB0rCf8y+n+UuhA==",
 			"dev": true,
 			"requires": {
-				"@babel/types": "^7.14.5"
+				"@babel/types": "^7.15.4"
 			}
 		},
 		"@babel/helper-split-export-declaration": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.14.5.tgz",
-			"integrity": "sha512-hprxVPu6e5Kdp2puZUmvOGjaLv9TCe58E/Fl6hRq4YiVQxIcNvuq6uTM2r1mT/oPskuS9CgR+I94sqAYv0NGKA==",
+			"version": "7.15.4",
+			"resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.15.4.tgz",
+			"integrity": "sha512-HsFqhLDZ08DxCpBdEVtKmywj6PQbwnF6HHybur0MAnkAKnlS6uHkwnmRIkElB2Owpfb4xL4NwDmDLFubueDXsw==",
 			"dev": true,
 			"requires": {
-				"@babel/types": "^7.14.5"
+				"@babel/types": "^7.15.4"
 			}
 		},
 		"@babel/helper-validator-identifier": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.5.tgz",
-			"integrity": "sha512-5lsetuxCLilmVGyiLEfoHBRX8UCFD+1m2x3Rj97WrW3V7H3u4RWRXA4evMjImCsin2J2YT0QaVDGf+z8ondbAg==",
+			"version": "7.15.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz",
+			"integrity": "sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==",
 			"dev": true
 		},
 		"@babel/highlight": {
@@ -9142,20 +9033,20 @@
 			}
 		},
 		"@babel/parser": {
-			"version": "7.14.7",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.14.7.tgz",
-			"integrity": "sha512-X67Z5y+VBJuHB/RjwECp8kSl5uYi0BvRbNeWqkaJCVh+LiTPl19WBUfG627psSgp9rSf6ojuXghQM3ha6qHHdA==",
+			"version": "7.15.8",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.15.8.tgz",
+			"integrity": "sha512-BRYa3wcQnjS/nqI8Ac94pYYpJfojHVvVXJ97+IDCImX4Jc8W8Xv1+47enbruk+q1etOpsQNwnfFcNGw+gtPGxA==",
 			"dev": true
 		},
 		"@babel/template": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.14.5.tgz",
-			"integrity": "sha512-6Z3Po85sfxRGachLULUhOmvAaOo7xCvqGQtxINai2mEGPFm6pQ4z5QInFnUrRpfoSV60BnjyF5F3c+15fxFV1g==",
+			"version": "7.15.4",
+			"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.15.4.tgz",
+			"integrity": "sha512-UgBAfEa1oGuYgDIPM2G+aHa4Nlo9Lh6mGD2bDBGMTbYnc38vulXPuC1MGjYILIEmlwl6Rd+BPR9ee3gm20CBtg==",
 			"dev": true,
 			"requires": {
 				"@babel/code-frame": "^7.14.5",
-				"@babel/parser": "^7.14.5",
-				"@babel/types": "^7.14.5"
+				"@babel/parser": "^7.15.4",
+				"@babel/types": "^7.15.4"
 			},
 			"dependencies": {
 				"@babel/code-frame": {
@@ -9170,18 +9061,18 @@
 			}
 		},
 		"@babel/traverse": {
-			"version": "7.14.7",
-			"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.14.7.tgz",
-			"integrity": "sha512-9vDr5NzHu27wgwejuKL7kIOm4bwEtaPQ4Z6cpCmjSuaRqpH/7xc4qcGEscwMqlkwgcXl6MvqoAjZkQ24uSdIZQ==",
+			"version": "7.15.4",
+			"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.15.4.tgz",
+			"integrity": "sha512-W6lQD8l4rUbQR/vYgSuCAE75ADyyQvOpFVsvPPdkhf6lATXAsQIG9YdtOcu8BB1dZ0LKu+Zo3c1wEcbKeuhdlA==",
 			"dev": true,
 			"requires": {
 				"@babel/code-frame": "^7.14.5",
-				"@babel/generator": "^7.14.5",
-				"@babel/helper-function-name": "^7.14.5",
-				"@babel/helper-hoist-variables": "^7.14.5",
-				"@babel/helper-split-export-declaration": "^7.14.5",
-				"@babel/parser": "^7.14.7",
-				"@babel/types": "^7.14.5",
+				"@babel/generator": "^7.15.4",
+				"@babel/helper-function-name": "^7.15.4",
+				"@babel/helper-hoist-variables": "^7.15.4",
+				"@babel/helper-split-export-declaration": "^7.15.4",
+				"@babel/parser": "^7.15.4",
+				"@babel/types": "^7.15.4",
 				"debug": "^4.1.0",
 				"globals": "^11.1.0"
 			},
@@ -9204,12 +9095,12 @@
 			}
 		},
 		"@babel/types": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.14.5.tgz",
-			"integrity": "sha512-M/NzBpEL95I5Hh4dwhin5JlE7EzO5PHMAuzjxss3tiOBD46KfQvVedN/3jEPZvdRvtsK2222XfdHogNIttFgcg==",
+			"version": "7.15.6",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.15.6.tgz",
+			"integrity": "sha512-BPU+7QhqNjmWyDO0/vitH/CuhpV8ZmK1wpKva8nuyNF5MJfuRNWMc+hc14+u9xT93kvykMdncrJT19h74uB1Ig==",
 			"dev": true,
 			"requires": {
-				"@babel/helper-validator-identifier": "^7.14.5",
+				"@babel/helper-validator-identifier": "^7.14.9",
 				"to-fast-properties": "^2.0.0"
 			}
 		},
@@ -9289,14 +9180,14 @@
 			}
 		},
 		"@eslint/eslintrc": {
-			"version": "0.4.3",
-			"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz",
-			"integrity": "sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==",
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.0.3.tgz",
+			"integrity": "sha512-DHI1wDPoKCBPoLZA3qDR91+3te/wDSc1YhKg3jR8NxKKRJq2hwHwcWv31cSwSYvIBrmbENoYMWcenW8uproQqg==",
 			"dev": true,
 			"requires": {
 				"ajv": "^6.12.4",
-				"debug": "^4.1.1",
-				"espree": "^7.3.0",
+				"debug": "^4.3.2",
+				"espree": "^9.0.0",
 				"globals": "^13.9.0",
 				"ignore": "^4.0.6",
 				"import-fresh": "^3.2.1",
@@ -9333,9 +9224,9 @@
 			}
 		},
 		"@humanwhocodes/config-array": {
-			"version": "0.5.0",
-			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.5.0.tgz",
-			"integrity": "sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==",
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.6.0.tgz",
+			"integrity": "sha512-JQlEKbcgEUjBFhLIF4iqM7u/9lwgHRBcpHrmUNCALK0Q3amXN6lxdoXLnF0sm11E9VqTmBALR87IlUg1bZ8A9A==",
 			"dev": true,
 			"requires": {
 				"@humanwhocodes/object-schema": "^1.2.0",
@@ -9438,40 +9329,40 @@
 			}
 		},
 		"@sentry/browser": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-6.7.1.tgz",
-			"integrity": "sha512-R5PYx4TTvifcU790XkK6JVGwavKaXwycDU0MaAwfc4Vf7BLm5KCNJCsDySu1RPAap/017MVYf54p6dWvKiRviA==",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-6.13.2.tgz",
+			"integrity": "sha512-bkFXK4vAp2UX/4rQY0pj2Iky55Gnwr79CtveoeeMshoLy5iDgZ8gvnLNAz7om4B9OQk1u7NzLEa4IXAmHTUyag==",
 			"requires": {
-				"@sentry/core": "6.7.1",
-				"@sentry/types": "6.7.1",
-				"@sentry/utils": "6.7.1",
+				"@sentry/core": "6.13.2",
+				"@sentry/types": "6.13.2",
+				"@sentry/utils": "6.13.2",
 				"tslib": "^1.9.3"
 			}
 		},
 		"@sentry/core": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/core/-/core-6.7.1.tgz",
-			"integrity": "sha512-VAv8OR/7INn2JfiLcuop4hfDcyC7mfL9fdPndQEhlacjmw8gRrgXjR7qyhnCTgzFLkHI7V5bcdIzA83TRPYQpA==",
-			"requires": {
-				"@sentry/hub": "6.7.1",
-				"@sentry/minimal": "6.7.1",
-				"@sentry/types": "6.7.1",
-				"@sentry/utils": "6.7.1",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/core/-/core-6.13.2.tgz",
+			"integrity": "sha512-snXNNFLwlS7yYxKTX4DBXebvJK+6ikBWN6noQ1CHowvM3ReFBlrdrs0Z0SsSFEzXm2S4q7f6HHbm66GSQZ/8FQ==",
+			"requires": {
+				"@sentry/hub": "6.13.2",
+				"@sentry/minimal": "6.13.2",
+				"@sentry/types": "6.13.2",
+				"@sentry/utils": "6.13.2",
 				"tslib": "^1.9.3"
 			}
 		},
 		"@sentry/electron": {
-			"version": "2.5.4",
-			"resolved": "https://registry.npmjs.org/@sentry/electron/-/electron-2.5.4.tgz",
-			"integrity": "sha512-tCCK+P581TmdjsDpHBQz7qYcldzGdUk1Fd6FPxPy1JKGzeY4uf/uSLKzR80Lzs5kTpEZFOwiMHSA8yjwFp5qoA==",
+			"version": "3.0.0-beta.1",
+			"resolved": "https://registry.npmjs.org/@sentry/electron/-/electron-3.0.0-beta.1.tgz",
+			"integrity": "sha512-ay0PvshL5PZlab/9Hxh4RXcwk7/Fmzp4QHlZzSlasIUs0lYkfBtqX+swJ6bPecirVJEgD5moiQ45kVU4gBRywA==",
 			"requires": {
-				"@sentry/browser": "6.7.1",
-				"@sentry/core": "6.7.1",
-				"@sentry/minimal": "6.7.1",
-				"@sentry/node": "6.7.1",
-				"@sentry/types": "6.7.1",
-				"@sentry/utils": "6.7.1",
-				"tslib": "^2.2.0"
+				"@sentry/browser": "6.13.2",
+				"@sentry/core": "6.13.2",
+				"@sentry/node": "6.13.2",
+				"@sentry/types": "6.13.2",
+				"@sentry/utils": "6.13.2",
+				"deepmerge": "^4.2.2",
+				"tslib": "^2.3.0"
 			},
 			"dependencies": {
 				"tslib": {
@@ -9482,35 +9373,35 @@
 			}
 		},
 		"@sentry/hub": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/hub/-/hub-6.7.1.tgz",
-			"integrity": "sha512-eVCTWvvcp6xa0A5GGNHMQEWslmKPlisE5rGmsV/kjvSUv3zSrI0eIDfb51ikdnCiBjHpK2NBWP8Vy8cZOEJegg==",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/hub/-/hub-6.13.2.tgz",
+			"integrity": "sha512-sppSuJdNMiMC/vFm/dQowCBh11uTrmvks00fc190YWgxHshodJwXMdpc+pN61VSOmy2QA4MbQ5aMAgHzPzel3A==",
 			"requires": {
-				"@sentry/types": "6.7.1",
-				"@sentry/utils": "6.7.1",
+				"@sentry/types": "6.13.2",
+				"@sentry/utils": "6.13.2",
 				"tslib": "^1.9.3"
 			}
 		},
 		"@sentry/minimal": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/minimal/-/minimal-6.7.1.tgz",
-			"integrity": "sha512-HDDPEnQRD6hC0qaHdqqKDStcdE1KhkFh0RCtJNMCDn0zpav8Dj9AteF70x6kLSlliAJ/JFwi6AmQrLz+FxPexw==",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/minimal/-/minimal-6.13.2.tgz",
+			"integrity": "sha512-6iJfEvHzzpGBHDfLxSHcGObh73XU1OSQKWjuhDOe7UQDyI4BQmTfcXAC+Fr8sm8C/tIsmpVi/XJhs8cubFdSMw==",
 			"requires": {
-				"@sentry/hub": "6.7.1",
-				"@sentry/types": "6.7.1",
+				"@sentry/hub": "6.13.2",
+				"@sentry/types": "6.13.2",
 				"tslib": "^1.9.3"
 			}
 		},
 		"@sentry/node": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/node/-/node-6.7.1.tgz",
-			"integrity": "sha512-rtZo1O8ROv4lZwuljQz3iFZW89oXSlgXCG2VqkxQyRspPWu89abROpxLjYzsWwQ8djnur1XjFv51kOLDUTS6Qw==",
-			"requires": {
-				"@sentry/core": "6.7.1",
-				"@sentry/hub": "6.7.1",
-				"@sentry/tracing": "6.7.1",
-				"@sentry/types": "6.7.1",
-				"@sentry/utils": "6.7.1",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/node/-/node-6.13.2.tgz",
+			"integrity": "sha512-0Vw22amG143MTiNaSny66YGU3+uW7HxyGI9TLGE7aJY1nNmC0DE+OgqQYGBRCrrPu+VFXRDxrOg9b15A1gKqjA==",
+			"requires": {
+				"@sentry/core": "6.13.2",
+				"@sentry/hub": "6.13.2",
+				"@sentry/tracing": "6.13.2",
+				"@sentry/types": "6.13.2",
+				"@sentry/utils": "6.13.2",
 				"cookie": "^0.4.1",
 				"https-proxy-agent": "^5.0.0",
 				"lru_map": "^0.3.3",
@@ -9518,28 +9409,28 @@
 			}
 		},
 		"@sentry/tracing": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-6.7.1.tgz",
-			"integrity": "sha512-wyS3nWNl5mzaC1qZ2AIp1hjXnfO9EERjMIJjCihs2LWBz1r3efxrHxJHs8wXlNWvrT3KLhq/7vvF5CdU82uPeQ==",
-			"requires": {
-				"@sentry/hub": "6.7.1",
-				"@sentry/minimal": "6.7.1",
-				"@sentry/types": "6.7.1",
-				"@sentry/utils": "6.7.1",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-6.13.2.tgz",
+			"integrity": "sha512-bHJz+C/nd6biWTNcYAu91JeRilsvVgaye4POkdzWSmD0XoLWHVMrpCQobGpXe7onkp2noU3YQjhqgtBqPHtnpw==",
+			"requires": {
+				"@sentry/hub": "6.13.2",
+				"@sentry/minimal": "6.13.2",
+				"@sentry/types": "6.13.2",
+				"@sentry/utils": "6.13.2",
 				"tslib": "^1.9.3"
 			}
 		},
 		"@sentry/types": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/types/-/types-6.7.1.tgz",
-			"integrity": "sha512-9AO7HKoip2MBMNQJEd6+AKtjj2+q9Ze4ooWUdEvdOVSt5drg7BGpK221/p9JEOyJAZwEPEXdcMd3VAIMiOb4MA=="
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/types/-/types-6.13.2.tgz",
+			"integrity": "sha512-6WjGj/VjjN8LZDtqJH5ikeB1o39rO1gYS6anBxiS3d0sXNBb3Ux0pNNDFoBxQpOhmdDHXYS57MEptX9EV82gmg=="
 		},
 		"@sentry/utils": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-6.7.1.tgz",
-			"integrity": "sha512-Tq2otdbWlHAkctD+EWTYKkEx6BL1Qn3Z/imkO06/PvzpWvVhJWQ5qHAzz5XnwwqNHyV03KVzYB6znq1Bea9HuA==",
+			"version": "6.13.2",
+			"resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-6.13.2.tgz",
+			"integrity": "sha512-foF4PbxqPMWNbuqdXkdoOmKm3quu3PP7Q7j/0pXkri4DtCuvF/lKY92mbY0V9rHS/phCoj+3/Se5JvM2ymh2/w==",
 			"requires": {
-				"@sentry/types": "6.7.1",
+				"@sentry/types": "6.13.2",
 				"tslib": "^1.9.3"
 			}
 		},
@@ -9556,6 +9447,15 @@
 				"defer-to-connect": "^1.0.1"
 			}
 		},
+		"@tailwindcss/forms": {
+			"version": "0.3.4",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.3.4.tgz",
+			"integrity": "sha512-vlAoBifNJUkagB+PAdW4aHMe4pKmSLroH398UPgIogBFc91D2VlHUxe4pjxQhiJl0Nfw53sHSJSQBSTQBZP3vA==",
+			"dev": true,
+			"requires": {
+				"mini-svg-data-uri": "^1.2.3"
+			}
+		},
 		"@types/debug": {
 			"version": "4.1.7",
 			"resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.7.tgz",
@@ -9772,9 +9672,9 @@
 			}
 		},
 		"ansi-regex": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
-			"integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg=="
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
 		},
 		"ansi-styles": {
 			"version": "4.3.0",
@@ -9888,27 +9788,27 @@
 			"dev": true
 		},
 		"array-includes": {
-			"version": "3.1.3",
-			"resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.3.tgz",
-			"integrity": "sha512-gcem1KlBU7c9rB+Rq8/3PPKsK2kjqeEBa3bD5kkQo4nYlOHQCJqIJFqBXDEfwaRuYTT4E+FxA9xez7Gf/e3Q7A==",
+			"version": "3.1.4",
+			"resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.4.tgz",
+			"integrity": "sha512-ZTNSQkmWumEbiHO2GF4GmWxYVTiQyJy2XOTa15sdQSrvKn7l+180egQMqlrMOUMCyLMD7pmyQe4mMDUT6Behrw==",
 			"dev": true,
 			"requires": {
 				"call-bind": "^1.0.2",
 				"define-properties": "^1.1.3",
-				"es-abstract": "^1.18.0-next.2",
+				"es-abstract": "^1.19.1",
 				"get-intrinsic": "^1.1.1",
-				"is-string": "^1.0.5"
+				"is-string": "^1.0.7"
 			}
 		},
 		"array.prototype.flat": {
-			"version": "1.2.4",
-			"resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.4.tgz",
-			"integrity": "sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==",
+			"version": "1.2.5",
+			"resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.5.tgz",
+			"integrity": "sha512-KaYU+S+ndVqyUnignHftkwc58o3uVU1jzczILJ1tN2YaIZpFIKBiP/x/j97E5MVPsaCloPbqWLB/8qCTVvT2qg==",
 			"dev": true,
 			"requires": {
-				"call-bind": "^1.0.0",
+				"call-bind": "^1.0.2",
 				"define-properties": "^1.1.3",
-				"es-abstract": "^1.18.0-next.1"
+				"es-abstract": "^1.19.0"
 			}
 		},
 		"asar": {
@@ -9967,19 +9867,27 @@
 			}
 		},
 		"autoprefixer": {
-			"version": "10.3.7",
-			"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.3.7.tgz",
-			"integrity": "sha512-EmGpu0nnQVmMhX8ROoJ7Mx8mKYPlcUHuxkwrRYEYMz85lu7H09v8w6R1P0JPdn/hKU32GjpLBFEOuIlDWCRWvg==",
+			"version": "10.4.0",
+			"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.0.tgz",
+			"integrity": "sha512-7FdJ1ONtwzV1G43GDD0kpVMn/qbiNqyOPMFTX5nRffI+7vgWoFEc6DcXOxHJxrWNDXrZh18eDsZjvZGUljSRGA==",
 			"dev": true,
 			"requires": {
-				"browserslist": "^4.17.3",
-				"caniuse-lite": "^1.0.30001264",
+				"browserslist": "^4.17.5",
+				"caniuse-lite": "^1.0.30001272",
 				"fraction.js": "^4.1.1",
 				"normalize-range": "^0.1.2",
-				"picocolors": "^0.2.1",
+				"picocolors": "^1.0.0",
 				"postcss-value-parser": "^4.1.0"
 			}
 		},
+		"axios": {
+			"version": "0.24.0",
+			"resolved": "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz",
+			"integrity": "sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==",
+			"requires": {
+				"follow-redirects": "^1.14.4"
+			}
+		},
 		"babel-eslint": {
 			"version": "10.1.0",
 			"resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
@@ -10117,16 +10025,16 @@
 			}
 		},
 		"browserslist": {
-			"version": "4.17.3",
-			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.3.tgz",
-			"integrity": "sha512-59IqHJV5VGdcJZ+GZ2hU5n4Kv3YiASzW6Xk5g9tf5a/MAzGeFwgGWU39fVzNIOVcgB3+Gp+kiQu0HEfTVU/3VQ==",
+			"version": "4.17.5",
+			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.5.tgz",
+			"integrity": "sha512-I3ekeB92mmpctWBoLXe0d5wPS2cBuRvvW0JyyJHMrk9/HmP2ZjrTboNAZ8iuGqaEIlKguljbQY32OkOJIRrgoA==",
 			"dev": true,
 			"requires": {
-				"caniuse-lite": "^1.0.30001264",
-				"electron-to-chromium": "^1.3.857",
+				"caniuse-lite": "^1.0.30001271",
+				"electron-to-chromium": "^1.3.878",
 				"escalade": "^3.1.1",
-				"node-releases": "^1.1.77",
-				"picocolors": "^0.2.1"
+				"node-releases": "^2.0.1",
+				"picocolors": "^1.0.0"
 			}
 		},
 		"buffer": {
@@ -10286,6 +10194,11 @@
 			"integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
 			"dev": true
 		},
+		"camelcase": {
+			"version": "5.3.1",
+			"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+			"integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
+		},
 		"camelcase-css": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
@@ -10293,9 +10206,9 @@
 			"dev": true
 		},
 		"caniuse-lite": {
-			"version": "1.0.30001264",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001264.tgz",
-			"integrity": "sha512-Ftfqqfcs/ePiUmyaySsQ4PUsdcYyXG2rfoBVsk3iY1ahHaJEw65vfb7Suzqm+cEkwwPIv/XWkg27iCpRavH4zA==",
+			"version": "1.0.30001274",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001274.tgz",
+			"integrity": "sha512-+Nkvv0fHyhISkiMIjnyjmf5YJcQ1IQHZN6U9TLUMroWR38FNwpsC51Gb68yueafX1V6ifOisInSgP9WJFS13ew==",
 			"dev": true
 		},
 		"chalk": {
@@ -10648,6 +10561,11 @@
 			"integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
 			"dev": true
 		},
+		"deepmerge": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+			"integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
+		},
 		"defer-to-connect": {
 			"version": "1.1.3",
 			"resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
@@ -11073,9 +10991,9 @@
 			}
 		},
 		"electron-to-chromium": {
-			"version": "1.3.859",
-			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.859.tgz",
-			"integrity": "sha512-gXRXKNWedfdiKIzwr0Mg/VGCvxXzy+4SuK9hp1BDvfbCwx0O5Ot+2f4CoqQkqEJ3Zj/eAV/GoAFgBVFgkBLXuQ==",
+			"version": "1.3.885",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.885.tgz",
+			"integrity": "sha512-JXKFJcVWrdHa09n4CNZYfYaK6EW5aAew7/wr3L1OnsD1L+JHL+RCtd7QgIsxUbFPeTwPlvnpqNNTOLkoefmtXg==",
 			"dev": true
 		},
 		"emoji-regex": {
@@ -11121,22 +11039,26 @@
 			}
 		},
 		"es-abstract": {
-			"version": "1.18.3",
-			"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.3.tgz",
-			"integrity": "sha512-nQIr12dxV7SSxE6r6f1l3DtAeEYdsGpps13dR0TwJg1S8gyp4ZPgy3FZcHBgbiQqnoqSTb+oC+kO4UQ0C/J8vw==",
+			"version": "1.19.1",
+			"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.19.1.tgz",
+			"integrity": "sha512-2vJ6tjA/UfqLm2MPs7jxVybLoB8i1t1Jd9R3kISld20sIxPcTbLuggQOUxeWeAvIUkduv/CfMjuh4WmiXr2v9w==",
 			"dev": true,
 			"requires": {
 				"call-bind": "^1.0.2",
 				"es-to-primitive": "^1.2.1",
 				"function-bind": "^1.1.1",
 				"get-intrinsic": "^1.1.1",
+				"get-symbol-description": "^1.0.0",
 				"has": "^1.0.3",
 				"has-symbols": "^1.0.2",
-				"is-callable": "^1.2.3",
+				"internal-slot": "^1.0.3",
+				"is-callable": "^1.2.4",
 				"is-negative-zero": "^2.0.1",
-				"is-regex": "^1.1.3",
-				"is-string": "^1.0.6",
-				"object-inspect": "^1.10.3",
+				"is-regex": "^1.1.4",
+				"is-shared-array-buffer": "^1.0.1",
+				"is-string": "^1.0.7",
+				"is-weakref": "^1.0.1",
+				"object-inspect": "^1.11.0",
 				"object-keys": "^1.1.1",
 				"object.assign": "^4.1.2",
 				"string.prototype.trimend": "^1.0.4",
@@ -11179,37 +11101,36 @@
 			"devOptional": true
 		},
 		"eslint": {
-			"version": "7.32.0",
-			"resolved": "https://registry.npmjs.org/eslint/-/eslint-7.32.0.tgz",
-			"integrity": "sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==",
+			"version": "8.1.0",
+			"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.1.0.tgz",
+			"integrity": "sha512-JZvNneArGSUsluHWJ8g8MMs3CfIEzwaLx9KyH4tZ2i+R2/rPWzL8c0zg3rHdwYVpN/1sB9gqnjHwz9HoeJpGHw==",
 			"dev": true,
 			"requires": {
-				"@babel/code-frame": "7.12.11",
-				"@eslint/eslintrc": "^0.4.3",
-				"@humanwhocodes/config-array": "^0.5.0",
+				"@eslint/eslintrc": "^1.0.3",
+				"@humanwhocodes/config-array": "^0.6.0",
 				"ajv": "^6.10.0",
 				"chalk": "^4.0.0",
 				"cross-spawn": "^7.0.2",
-				"debug": "^4.0.1",
+				"debug": "^4.3.2",
 				"doctrine": "^3.0.0",
 				"enquirer": "^2.3.5",
 				"escape-string-regexp": "^4.0.0",
-				"eslint-scope": "^5.1.1",
-				"eslint-utils": "^2.1.0",
-				"eslint-visitor-keys": "^2.0.0",
-				"espree": "^7.3.1",
+				"eslint-scope": "^6.0.0",
+				"eslint-utils": "^3.0.0",
+				"eslint-visitor-keys": "^3.0.0",
+				"espree": "^9.0.0",
 				"esquery": "^1.4.0",
 				"esutils": "^2.0.2",
 				"fast-deep-equal": "^3.1.3",
 				"file-entry-cache": "^6.0.1",
 				"functional-red-black-tree": "^1.0.1",
-				"glob-parent": "^5.1.2",
+				"glob-parent": "^6.0.1",
 				"globals": "^13.6.0",
 				"ignore": "^4.0.6",
 				"import-fresh": "^3.0.0",
 				"imurmurhash": "^0.1.4",
 				"is-glob": "^4.0.0",
-				"js-yaml": "^3.13.1",
+				"js-yaml": "^4.1.0",
 				"json-stable-stringify-without-jsonify": "^1.0.1",
 				"levn": "^0.4.1",
 				"lodash.merge": "^4.6.2",
@@ -11217,32 +11138,54 @@
 				"natural-compare": "^1.4.0",
 				"optionator": "^0.9.1",
 				"progress": "^2.0.0",
-				"regexpp": "^3.1.0",
+				"regexpp": "^3.2.0",
 				"semver": "^7.2.1",
 				"strip-ansi": "^6.0.0",
 				"strip-json-comments": "^3.1.0",
-				"table": "^6.0.9",
 				"text-table": "^0.2.0",
 				"v8-compile-cache": "^2.0.3"
 			},
 			"dependencies": {
-				"argparse": {
-					"version": "1.0.10",
-					"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-					"integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+				"eslint-scope": {
+					"version": "6.0.0",
+					"resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-6.0.0.tgz",
+					"integrity": "sha512-uRDL9MWmQCkaFus8RF5K9/L/2fn+80yoW3jkD53l4shjCh26fCtvJGasxjUqP5OT87SYTxCVA3BwTUzuELx9kA==",
 					"dev": true,
 					"requires": {
-						"sprintf-js": "~1.0.2"
+						"esrecurse": "^4.3.0",
+						"estraverse": "^5.2.0"
 					}
 				},
-				"js-yaml": {
-					"version": "3.14.1",
-					"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-					"integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+				"eslint-utils": {
+					"version": "3.0.0",
+					"resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
+					"integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
 					"dev": true,
 					"requires": {
-						"argparse": "^1.0.7",
-						"esprima": "^4.0.0"
+						"eslint-visitor-keys": "^2.0.0"
+					},
+					"dependencies": {
+						"eslint-visitor-keys": {
+							"version": "2.1.0",
+							"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+							"integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+							"dev": true
+						}
+					}
+				},
+				"estraverse": {
+					"version": "5.2.0",
+					"resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
+					"integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
+					"dev": true
+				},
+				"glob-parent": {
+					"version": "6.0.2",
+					"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+					"integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+					"dev": true,
+					"requires": {
+						"is-glob": "^4.0.3"
 					}
 				},
 				"semver": {
@@ -11253,12 +11196,6 @@
 					"requires": {
 						"lru-cache": "^6.0.0"
 					}
-				},
-				"sprintf-js": {
-					"version": "1.0.3",
-					"resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-					"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
-					"dev": true
 				}
 			}
 		},
@@ -12500,39 +12437,34 @@
 			"requires": {}
 		},
 		"eslint-import-resolver-node": {
-			"version": "0.3.4",
-			"resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz",
-			"integrity": "sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==",
+			"version": "0.3.6",
+			"resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz",
+			"integrity": "sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw==",
 			"dev": true,
 			"requires": {
-				"debug": "^2.6.9",
-				"resolve": "^1.13.1"
+				"debug": "^3.2.7",
+				"resolve": "^1.20.0"
 			},
 			"dependencies": {
 				"debug": {
-					"version": "2.6.9",
-					"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-					"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+					"version": "3.2.7",
+					"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+					"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
 					"dev": true,
 					"requires": {
-						"ms": "2.0.0"
+						"ms": "^2.1.1"
 					}
-				},
-				"ms": {
-					"version": "2.0.0",
-					"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-					"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
-					"dev": true
 				}
 			}
 		},
 		"eslint-module-utils": {
-			"version": "2.6.1",
-			"resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.6.1.tgz",
-			"integrity": "sha512-ZXI9B8cxAJIH4nfkhTwcRTEAnrVfobYqwjWy/QMCZ8rHkZHFjf9yO4BzpiF9kCSfNlMG54eKigISHpX0+AaT4A==",
+			"version": "2.7.1",
+			"resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.7.1.tgz",
+			"integrity": "sha512-fjoetBXQZq2tSTWZ9yWVl2KuFrTZZH3V+9iD1V1RfpDgxzJR+mPd/KZmMiA8gbPqdBzpNiEHOuT7IYEWxrH0zQ==",
 			"dev": true,
 			"requires": {
 				"debug": "^3.2.7",
+				"find-up": "^2.1.0",
 				"pkg-dir": "^2.0.0"
 			},
 			"dependencies": {
@@ -12567,26 +12499,24 @@
 			}
 		},
 		"eslint-plugin-import": {
-			"version": "2.23.4",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.23.4.tgz",
-			"integrity": "sha512-6/wP8zZRsnQFiR3iaPFgh5ImVRM1WN5NUWfTIRqwOdeiGJlBcSk82o1FEVq8yXmy4lkIzTo7YhHCIxlU/2HyEQ==",
+			"version": "2.25.2",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.25.2.tgz",
+			"integrity": "sha512-qCwQr9TYfoBHOFcVGKY9C9unq05uOxxdklmBXLVvcwo68y5Hta6/GzCZEMx2zQiu0woKNEER0LE7ZgaOfBU14g==",
 			"dev": true,
 			"requires": {
-				"array-includes": "^3.1.3",
-				"array.prototype.flat": "^1.2.4",
+				"array-includes": "^3.1.4",
+				"array.prototype.flat": "^1.2.5",
 				"debug": "^2.6.9",
 				"doctrine": "^2.1.0",
-				"eslint-import-resolver-node": "^0.3.4",
-				"eslint-module-utils": "^2.6.1",
-				"find-up": "^2.0.0",
+				"eslint-import-resolver-node": "^0.3.6",
+				"eslint-module-utils": "^2.7.0",
 				"has": "^1.0.3",
-				"is-core-module": "^2.4.0",
+				"is-core-module": "^2.7.0",
+				"is-glob": "^4.0.3",
 				"minimatch": "^3.0.4",
-				"object.values": "^1.1.3",
-				"pkg-up": "^2.0.0",
-				"read-pkg-up": "^3.0.0",
+				"object.values": "^1.1.5",
 				"resolve": "^1.20.0",
-				"tsconfig-paths": "^3.9.0"
+				"tsconfig-paths": "^3.11.0"
 			},
 			"dependencies": {
 				"debug": {
@@ -12647,9 +12577,9 @@
 			}
 		},
 		"eslint-plugin-promise": {
-			"version": "5.1.0",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-5.1.0.tgz",
-			"integrity": "sha512-NGmI6BH5L12pl7ScQHbg7tvtk4wPxxj8yPHH47NvSmMtFneC077PSeY3huFj06ZWZvtbfxSPt3RuOQD5XcR4ng==",
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-5.1.1.tgz",
+			"integrity": "sha512-XgdcdyNzHfmlQyweOPTxmc7pIsS6dE4MvwhXWMQ2Dxs1XAL2GJDilUsjWen6TWik0aSI+zD/PqocZBblcm9rdA==",
 			"dev": true,
 			"requires": {}
 		},
@@ -12694,26 +12624,26 @@
 			}
 		},
 		"eslint-visitor-keys": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
-			"integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.0.0.tgz",
+			"integrity": "sha512-mJOZa35trBTb3IyRmo8xmKBZlxf+N7OnUl4+ZhJHs/r+0770Wh/LEACE2pqMGMe27G/4y8P2bYGk4J70IC5k1Q==",
 			"dev": true
 		},
 		"espree": {
-			"version": "7.3.1",
-			"resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz",
-			"integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==",
+			"version": "9.0.0",
+			"resolved": "https://registry.npmjs.org/espree/-/espree-9.0.0.tgz",
+			"integrity": "sha512-r5EQJcYZ2oaGbeR0jR0fFVijGOcwai07/690YRXLINuhmVeRY4UKSAsQPe/0BNuDgwP7Ophoc1PRsr2E3tkbdQ==",
 			"dev": true,
 			"requires": {
-				"acorn": "^7.4.0",
+				"acorn": "^8.5.0",
 				"acorn-jsx": "^5.3.1",
-				"eslint-visitor-keys": "^1.3.0"
+				"eslint-visitor-keys": "^3.0.0"
 			},
 			"dependencies": {
-				"eslint-visitor-keys": {
-					"version": "1.3.0",
-					"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-					"integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+				"acorn": {
+					"version": "8.5.0",
+					"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.5.0.tgz",
+					"integrity": "sha512-yXbYeFy+jUuYd3/CDcg2NkIYE991XYX/bje7LmjJigUciaeO1JR4XxXgCIV1/Zc/dRuFEyw1L0pbA+qynJkW5Q==",
 					"dev": true
 				}
 			}
@@ -12974,6 +12904,11 @@
 			"integrity": "sha512-XprP7lDrVT+kE2c2YlfiV+IfS9zxukiIOvNamPNsImNhXadSsQEbosItdL9bUQlCZXR13SvPk20BjWSWLA7m4A==",
 			"dev": true
 		},
+		"follow-redirects": {
+			"version": "1.14.4",
+			"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.4.tgz",
+			"integrity": "sha512-zwGkiSXC1MUJG/qmeIFH2HBJx9u0V46QGUe3YR1fXG8bXQxq7fLj0RjLZQ5nubr9qNJUZrH+xUcwXEoXNpfS+g=="
+		},
 		"fraction.js": {
 			"version": "4.1.1",
 			"resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.1.1.tgz",
@@ -13039,6 +12974,16 @@
 				"pump": "^3.0.0"
 			}
 		},
+		"get-symbol-description": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+			"integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+			"dev": true,
+			"requires": {
+				"call-bind": "^1.0.2",
+				"get-intrinsic": "^1.1.1"
+			}
+		},
 		"glob": {
 			"version": "7.1.7",
 			"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
@@ -13118,9 +13063,9 @@
 			}
 		},
 		"globals": {
-			"version": "13.10.0",
-			"resolved": "https://registry.npmjs.org/globals/-/globals-13.10.0.tgz",
-			"integrity": "sha512-piHC3blgLGFjvOuMmWZX60f+na1lXFDhQXBf1UYp2fXPXqvEUbOhNwi6BsQ0bQishwedgnjkwv1d9zKf+MWw3g==",
+			"version": "13.11.0",
+			"resolved": "https://registry.npmjs.org/globals/-/globals-13.11.0.tgz",
+			"integrity": "sha512-08/xrJ7wQjK9kkkRoI3OFUBbLx4f+6x3SGwcPvQ0QH6goFDrOU2oyAWrmh3dJezu65buo+HBMzAMQy6rovVC3g==",
 			"dev": true,
 			"requires": {
 				"type-fest": "^0.20.2"
@@ -13191,6 +13136,15 @@
 			"integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
 			"dev": true
 		},
+		"has-tostringtag": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+			"integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+			"dev": true,
+			"requires": {
+				"has-symbols": "^1.0.2"
+			}
+		},
 		"has-yarn": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/has-yarn/-/has-yarn-2.1.0.tgz",
@@ -13390,6 +13344,17 @@
 				}
 			}
 		},
+		"internal-slot": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
+			"integrity": "sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==",
+			"dev": true,
+			"requires": {
+				"get-intrinsic": "^1.1.0",
+				"has": "^1.0.3",
+				"side-channel": "^1.0.4"
+			}
+		},
 		"is-arrayish": {
 			"version": "0.2.1",
 			"resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
@@ -13397,10 +13362,13 @@
 			"dev": true
 		},
 		"is-bigint": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.2.tgz",
-			"integrity": "sha512-0JV5+SOCQkIdzjBK9buARcV804Ddu7A0Qet6sHi3FimE9ne6m4BGQZfRn+NZiXbBk4F4XmHfDZIipLj9pX8dSA==",
-			"dev": true
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+			"integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+			"dev": true,
+			"requires": {
+				"has-bigints": "^1.0.1"
+			}
 		},
 		"is-binary-path": {
 			"version": "2.1.0",
@@ -13412,18 +13380,19 @@
 			}
 		},
 		"is-boolean-object": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.1.tgz",
-			"integrity": "sha512-bXdQWkECBUIAcCkeH1unwJLIpZYaa5VvuygSyS/c2lf719mTKZDU5UdDRlpd01UjADgmW8RfqaP+mRaVPdr/Ng==",
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+			"integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
 			"dev": true,
 			"requires": {
-				"call-bind": "^1.0.2"
+				"call-bind": "^1.0.2",
+				"has-tostringtag": "^1.0.0"
 			}
 		},
 		"is-callable": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.3.tgz",
-			"integrity": "sha512-J1DcMe8UYTBSrKezuIUTUwjXsho29693unXM2YhJUTR2txK/eG47bvNa/wipPFmZFgr/N6f1GA66dv0mEyTIyQ==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.4.tgz",
+			"integrity": "sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==",
 			"dev": true
 		},
 		"is-ci": {
@@ -13450,19 +13419,22 @@
 			}
 		},
 		"is-core-module": {
-			"version": "2.4.0",
-			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.4.0.tgz",
-			"integrity": "sha512-6A2fkfq1rfeQZjxrZJGerpLCTHRNEBiSgnu0+obeJpEPZRUooHgsizvzv0ZjJwOz3iWIHdJtVWJ/tmPr3D21/A==",
+			"version": "2.8.0",
+			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz",
+			"integrity": "sha512-vd15qHsaqrRL7dtH6QNuy0ndJmRDrS9HAM1CAiSifNUFv4x1a0CCVsj18hJ1mShxIG6T2i1sO78MkP56r0nYRw==",
 			"dev": true,
 			"requires": {
 				"has": "^1.0.3"
 			}
 		},
 		"is-date-object": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.4.tgz",
-			"integrity": "sha512-/b4ZVsG7Z5XVtIxs/h9W8nvfLgSAyKYdtGWQLbqy6jA1icmgjf8WCoTKgeS4wy5tYaPePouzFMANbnj94c2Z+A==",
-			"dev": true
+			"version": "1.0.5",
+			"resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+			"integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+			"dev": true,
+			"requires": {
+				"has-tostringtag": "^1.0.0"
+			}
 		},
 		"is-extglob": {
 			"version": "2.1.1",
@@ -13476,9 +13448,9 @@
 			"integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8="
 		},
 		"is-glob": {
-			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
-			"integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
 			"dev": true,
 			"requires": {
 				"is-extglob": "^2.1.1"
@@ -13513,10 +13485,13 @@
 			"dev": true
 		},
 		"is-number-object": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.5.tgz",
-			"integrity": "sha512-RU0lI/n95pMoUKu9v1BZP5MBcZuNSVJkMkAG2dJqC4z2GlkGUNeH68SuHuBKBD/XFe+LHZ+f9BKkLET60Niedw==",
-			"dev": true
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.6.tgz",
+			"integrity": "sha512-bEVOqiRcvo3zO1+G2lVMy+gkkEm9Yh7cDMRusKKu5ZJKPUYSJwICTKZrNKHA2EbSP0Tu0+6B/emsYNHZyn6K8g==",
+			"dev": true,
+			"requires": {
+				"has-tostringtag": "^1.0.0"
+			}
 		},
 		"is-obj": {
 			"version": "2.0.0",
@@ -13536,21 +13511,30 @@
 			"integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4="
 		},
 		"is-regex": {
-			"version": "1.1.3",
-			"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.3.tgz",
-			"integrity": "sha512-qSVXFz28HM7y+IWX6vLCsexdlvzT1PJNFSBuaQLQ5o0IEw8UDYW6/2+eCMVyIsbM8CNLX2a/QWmSpyxYEHY7CQ==",
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+			"integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
 			"dev": true,
 			"requires": {
 				"call-bind": "^1.0.2",
-				"has-symbols": "^1.0.2"
+				"has-tostringtag": "^1.0.0"
 			}
 		},
-		"is-string": {
-			"version": "1.0.6",
-			"resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.6.tgz",
-			"integrity": "sha512-2gdzbKUuqtQ3lYNrUTQYoClPhm7oQu4UdpSZMp1/DGgkHBT8E2Z1l0yMdb6D4zNAxwDiMv8MdulKROJGNl0Q0w==",
+		"is-shared-array-buffer": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.1.tgz",
+			"integrity": "sha512-IU0NmyknYZN0rChcKhRO1X8LYz5Isj/Fsqh8NJOSf+N/hCOTwy29F32Ik7a+QszE63IdvmwdTPDd6cZ5pg4cwA==",
 			"dev": true
 		},
+		"is-string": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+			"integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+			"dev": true,
+			"requires": {
+				"has-tostringtag": "^1.0.0"
+			}
+		},
 		"is-symbol": {
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
@@ -13566,6 +13550,15 @@
 			"integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
 			"dev": true
 		},
+		"is-weakref": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.1.tgz",
+			"integrity": "sha512-b2jKc2pQZjaeFYWEf7ScFj+Be1I+PXmlu572Q8coTXZ+LD/QQZ7ShPMst8h16riVgyXTQwUsFEl74mDvc/3MHQ==",
+			"dev": true,
+			"requires": {
+				"call-bind": "^1.0.0"
+			}
+		},
 		"is-yarn-global": {
 			"version": "0.3.0",
 			"resolved": "https://registry.npmjs.org/is-yarn-global/-/is-yarn-global-0.3.0.tgz",
@@ -13685,12 +13678,6 @@
 			"resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
 			"integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg="
 		},
-		"json-parse-better-errors": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
-			"integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
-			"dev": true
-		},
 		"json-parse-even-better-errors": {
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
@@ -13792,18 +13779,6 @@
 			"integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=",
 			"dev": true
 		},
-		"load-json-file": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
-			"integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
-			"dev": true,
-			"requires": {
-				"graceful-fs": "^4.1.2",
-				"parse-json": "^4.0.0",
-				"pify": "^3.0.0",
-				"strip-bom": "^3.0.0"
-			}
-		},
 		"locate-path": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
@@ -13820,12 +13795,6 @@
 			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
 			"devOptional": true
 		},
-		"lodash.clonedeep": {
-			"version": "4.5.0",
-			"resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-			"integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
-			"dev": true
-		},
 		"lodash.merge": {
 			"version": "4.6.2",
 			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -13838,12 +13807,6 @@
 			"integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak=",
 			"dev": true
 		},
-		"lodash.truncate": {
-			"version": "4.4.2",
-			"resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-			"integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
-			"dev": true
-		},
 		"lowercase-keys": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
@@ -13904,9 +13867,9 @@
 			"dev": true
 		},
 		"mime-db": {
-			"version": "1.48.0",
-			"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.48.0.tgz",
-			"integrity": "sha512-FM3QwxV+TnZYQ2aRqhlKBMHxk10lTbMt3bBkMAp54ddrNeVSfcQYOOKuGuy3Ddrm38I04If834fOUSq1yzslJQ=="
+			"version": "1.50.0",
+			"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.50.0.tgz",
+			"integrity": "sha512-9tMZCDlYHqeERXEHO9f/hKfNXhre5dK2eE/krIvUjZbS2KPcqGDfNShIWS1uW9XOTKQKqK6qbeOci18rbfW77A=="
 		},
 		"mimic-fn": {
 			"version": "2.1.0",
@@ -13919,6 +13882,12 @@
 			"resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
 			"integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ=="
 		},
+		"mini-svg-data-uri": {
+			"version": "1.4.3",
+			"resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.3.tgz",
+			"integrity": "sha512-gSfqpMRC8IxghvMcxzzmMnWpXAChSA+vy4cia33RgerMS8Fex95akUyQZPbxJJmeBGiGmK7n/1OpUX8ksRjIdA==",
+			"dev": true
+		},
 		"minimatch": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
@@ -14002,46 +13971,12 @@
 				"lodash": "^4.17.21"
 			}
 		},
-		"node-fetch": {
-			"version": "2.6.5",
-			"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.5.tgz",
-			"integrity": "sha512-mmlIVHJEu5rnIxgEgez6b9GgWXbkZj5YZ7fx+2r94a2E+Uirsp6HsPTPlomfdHtpt/B0cdKviwkoaM6pyvUOpQ==",
-			"requires": {
-				"whatwg-url": "^5.0.0"
-			}
-		},
 		"node-releases": {
-			"version": "1.1.77",
-			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.77.tgz",
-			"integrity": "sha512-rB1DUFUNAN4Gn9keO2K1efO35IDK7yKHCdCaIMvFO7yUYmmZYeDjnGKle26G4rwj+LKRQpjyUUvMkPglwGCYNQ==",
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
+			"integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==",
 			"dev": true
 		},
-		"normalize-package-data": {
-			"version": "2.5.0",
-			"resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
-			"integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
-			"dev": true,
-			"requires": {
-				"hosted-git-info": "^2.1.4",
-				"resolve": "^1.10.0",
-				"semver": "2 || 3 || 4 || 5",
-				"validate-npm-package-license": "^3.0.1"
-			},
-			"dependencies": {
-				"hosted-git-info": {
-					"version": "2.8.9",
-					"resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-					"integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-					"dev": true
-				},
-				"semver": {
-					"version": "5.7.1",
-					"resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-					"integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-					"dev": true
-				}
-			}
-		},
 		"normalize-path": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -14076,9 +14011,9 @@
 			"dev": true
 		},
 		"object-inspect": {
-			"version": "1.10.3",
-			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.10.3.tgz",
-			"integrity": "sha512-e5mCJlSH7poANfC8z8S9s9S2IN5/4Zb3aZ33f5s8YqoazCFzNLloLU8r5VCG+G7WoqLvAAZoVMcy3tp/3X0Plw==",
+			"version": "1.11.0",
+			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.11.0.tgz",
+			"integrity": "sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg==",
 			"dev": true
 		},
 		"object-keys": {
@@ -14100,14 +14035,14 @@
 			}
 		},
 		"object.values": {
-			"version": "1.1.4",
-			"resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.4.tgz",
-			"integrity": "sha512-TnGo7j4XSnKQoK3MfvkzqKCi0nVe/D9I9IjwTNYdb/fxYHpjrluHVOgw0AF6jrRFGMPHdfuidR09tIDiIvnaSg==",
+			"version": "1.1.5",
+			"resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.5.tgz",
+			"integrity": "sha512-QUZRW0ilQ3PnPpbNtgdNV1PDbEqLIiSFB3l+EnGtBQ/8SUTLj1PZwtQHABZtLgwpJZTSZhuGLOGk57Drx2IvYg==",
 			"dev": true,
 			"requires": {
 				"call-bind": "^1.0.2",
 				"define-properties": "^1.1.3",
-				"es-abstract": "^1.18.2"
+				"es-abstract": "^1.19.1"
 			}
 		},
 		"once": {
@@ -14197,16 +14132,6 @@
 				"callsites": "^3.0.0"
 			}
 		},
-		"parse-json": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
-			"integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
-			"dev": true,
-			"requires": {
-				"error-ex": "^1.3.1",
-				"json-parse-better-errors": "^1.0.1"
-			}
-		},
 		"path-exists": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
@@ -14235,24 +14160,15 @@
 			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
 			"dev": true
 		},
-		"path-type": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
-			"integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
-			"dev": true,
-			"requires": {
-				"pify": "^3.0.0"
-			}
-		},
 		"pend": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
 			"integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA="
 		},
 		"picocolors": {
-			"version": "0.2.1",
-			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-			"integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+			"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
 			"dev": true
 		},
 		"picomatch": {
@@ -14265,7 +14181,7 @@
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
 			"integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
-			"devOptional": true
+			"optional": true
 		},
 		"pkg-dir": {
 			"version": "2.0.0",
@@ -14276,15 +14192,6 @@
 				"find-up": "^2.1.0"
 			}
 		},
-		"pkg-up": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz",
-			"integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=",
-			"dev": true,
-			"requires": {
-				"find-up": "^2.1.0"
-			}
-		},
 		"plist": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/plist/-/plist-3.0.4.tgz",
@@ -14499,11 +14406,6 @@
 						"color-convert": "^1.9.0"
 					}
 				},
-				"camelcase": {
-					"version": "5.3.1",
-					"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-					"integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
-				},
 				"cliui": {
 					"version": "5.0.0",
 					"resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
@@ -14679,27 +14581,6 @@
 				"lazy-val": "^1.0.4"
 			}
 		},
-		"read-pkg": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
-			"integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
-			"dev": true,
-			"requires": {
-				"load-json-file": "^4.0.0",
-				"normalize-package-data": "^2.3.2",
-				"path-type": "^3.0.0"
-			}
-		},
-		"read-pkg-up": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-3.0.0.tgz",
-			"integrity": "sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=",
-			"dev": true,
-			"requires": {
-				"find-up": "^2.0.0",
-				"read-pkg": "^3.0.0"
-			}
-		},
 		"readable-stream": {
 			"version": "2.3.7",
 			"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
@@ -14777,12 +14658,6 @@
 			"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
 			"integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I="
 		},
-		"require-from-string": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-			"integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-			"dev": true
-		},
 		"require-main-filename": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
@@ -14908,9 +14783,9 @@
 			}
 		},
 		"sass": {
-			"version": "1.42.1",
-			"resolved": "https://registry.npmjs.org/sass/-/sass-1.42.1.tgz",
-			"integrity": "sha512-/zvGoN8B7dspKc5mC6HlaygyCBRvnyzzgD5khiaCfglWztY99cYoiTUksVx11NlnemrcfH5CEaCpsUKoW0cQqg==",
+			"version": "1.43.4",
+			"resolved": "https://registry.npmjs.org/sass/-/sass-1.43.4.tgz",
+			"integrity": "sha512-/ptG7KE9lxpGSYiXn7Ar+lKOv37xfWsZRtFYal2QHNigyVQDx685VFT/h7ejVr+R8w7H4tmUgtulsKl5YpveOg==",
 			"dev": true,
 			"requires": {
 				"chokidar": ">=3.0.0 <4.0.0"
@@ -14979,6 +14854,17 @@
 			"integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
 			"dev": true
 		},
+		"side-channel": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+			"integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+			"dev": true,
+			"requires": {
+				"call-bind": "^1.0.0",
+				"get-intrinsic": "^1.0.2",
+				"object-inspect": "^1.9.0"
+			}
+		},
 		"signal-exit": {
 			"version": "3.0.3",
 			"resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
@@ -15073,38 +14959,6 @@
 				}
 			}
 		},
-		"spdx-correct": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
-			"integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
-			"dev": true,
-			"requires": {
-				"spdx-expression-parse": "^3.0.0",
-				"spdx-license-ids": "^3.0.0"
-			}
-		},
-		"spdx-exceptions": {
-			"version": "2.3.0",
-			"resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
-			"integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
-			"dev": true
-		},
-		"spdx-expression-parse": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-			"integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
-			"dev": true,
-			"requires": {
-				"spdx-exceptions": "^2.1.0",
-				"spdx-license-ids": "^3.0.0"
-			}
-		},
-		"spdx-license-ids": {
-			"version": "3.0.9",
-			"resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.9.tgz",
-			"integrity": "sha512-Ki212dKK4ogX+xDo4CtOZBVIwhsKBEfsEEcwmJfLQzirgc2jIWdzg40Unxz/HzEUqM1WFzVlQSMF9kZZ2HboLQ==",
-			"dev": true
-		},
 		"sprintf-js": {
 			"version": "1.1.2",
 			"resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.2.tgz",
@@ -15173,11 +15027,11 @@
 			}
 		},
 		"strip-ansi": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
-			"integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
 			"requires": {
-				"ansi-regex": "^5.0.0"
+				"ansi-regex": "^5.0.1"
 			}
 		},
 		"strip-bom": {
@@ -15209,78 +15063,10 @@
 				"has-flag": "^4.0.0"
 			}
 		},
-		"table": {
-			"version": "6.7.1",
-			"resolved": "https://registry.npmjs.org/table/-/table-6.7.1.tgz",
-			"integrity": "sha512-ZGum47Yi6KOOFDE8m223td53ath2enHcYLgOCjGr5ngu8bdIARQk6mN/wRMv4yMRcHnCSnHbCEha4sobQx5yWg==",
-			"dev": true,
-			"requires": {
-				"ajv": "^8.0.1",
-				"lodash.clonedeep": "^4.5.0",
-				"lodash.truncate": "^4.4.2",
-				"slice-ansi": "^4.0.0",
-				"string-width": "^4.2.0",
-				"strip-ansi": "^6.0.0"
-			},
-			"dependencies": {
-				"ajv": {
-					"version": "8.6.1",
-					"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.1.tgz",
-					"integrity": "sha512-42VLtQUOLefAvKFAQIxIZDaThq6om/PrfP0CYk3/vn+y4BMNkKnbli8ON2QCiHov4KkzOSJ/xSoBJdayiiYvVQ==",
-					"dev": true,
-					"requires": {
-						"fast-deep-equal": "^3.1.1",
-						"json-schema-traverse": "^1.0.0",
-						"require-from-string": "^2.0.2",
-						"uri-js": "^4.2.2"
-					}
-				},
-				"emoji-regex": {
-					"version": "8.0.0",
-					"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-					"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-					"dev": true
-				},
-				"is-fullwidth-code-point": {
-					"version": "3.0.0",
-					"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-					"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-					"dev": true
-				},
-				"json-schema-traverse": {
-					"version": "1.0.0",
-					"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-					"integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-					"dev": true
-				},
-				"slice-ansi": {
-					"version": "4.0.0",
-					"resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-					"integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-					"dev": true,
-					"requires": {
-						"ansi-styles": "^4.0.0",
-						"astral-regex": "^2.0.0",
-						"is-fullwidth-code-point": "^3.0.0"
-					}
-				},
-				"string-width": {
-					"version": "4.2.2",
-					"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.2.tgz",
-					"integrity": "sha512-XBJbT3N4JhVumXE0eoLU9DCjcaF92KLNqTmFCnG1pf8duUxFGwtP6AD6nkjw9a3IdiRtL3E2w3JDiE/xi3vOeA==",
-					"dev": true,
-					"requires": {
-						"emoji-regex": "^8.0.0",
-						"is-fullwidth-code-point": "^3.0.0",
-						"strip-ansi": "^6.0.0"
-					}
-				}
-			}
-		},
 		"tailwindcss": {
-			"version": "2.2.16",
-			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.16.tgz",
-			"integrity": "sha512-EireCtpQyyJ4Xz8NYzHafBoy4baCOO96flM0+HgtsFcIQ9KFy/YBK3GEtlnD+rXen0e4xm8t3WiUcKBJmN6yjg==",
+			"version": "2.2.19",
+			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.19.tgz",
+			"integrity": "sha512-6Ui7JSVtXadtTUo2NtkBBacobzWiQYVjYW0ZnKaP9S1ZCKQ0w7KVNz+YSDI/j7O7KCMHbOkz94ZMQhbT9pOqjw==",
 			"dev": true,
 			"requires": {
 				"arg": "^5.0.1",
@@ -15444,11 +15230,6 @@
 				"is-number": "^7.0.0"
 			}
 		},
-		"tr46": {
-			"version": "0.0.3",
-			"resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-			"integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o="
-		},
 		"truncate-utf8-bytes": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/truncate-utf8-bytes/-/truncate-utf8-bytes-1.0.2.tgz",
@@ -15459,9 +15240,9 @@
 			}
 		},
 		"tsconfig-paths": {
-			"version": "3.9.0",
-			"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz",
-			"integrity": "sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==",
+			"version": "3.11.0",
+			"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.11.0.tgz",
+			"integrity": "sha512-7ecdYDnIdmv639mmDwslG6KQg1Z9STTz1j7Gcz0xa+nshh/gKDAHcPxRbWOsA3SPp0tXP2leTcY9Kw+NAkfZzA==",
 			"dev": true,
 			"requires": {
 				"@types/json5": "^0.0.29",
@@ -15658,16 +15439,6 @@
 			"integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
 			"dev": true
 		},
-		"validate-npm-package-license": {
-			"version": "3.0.4",
-			"resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
-			"integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
-			"dev": true,
-			"requires": {
-				"spdx-correct": "^3.0.0",
-				"spdx-expression-parse": "^3.0.0"
-			}
-		},
 		"varint": {
 			"version": "5.0.2",
 			"resolved": "https://registry.npmjs.org/varint/-/varint-5.0.2.tgz",
@@ -15685,20 +15456,6 @@
 				"extsprintf": "^1.2.0"
 			}
 		},
-		"webidl-conversions": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-			"integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE="
-		},
-		"whatwg-url": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
-			"integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
-			"requires": {
-				"tr46": "~0.0.3",
-				"webidl-conversions": "^3.0.0"
-			}
-		},
 		"which": {
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/package.json b/package.json
index 8bc2ef93..b73eae53 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
 	"name": "authme",
 	"productName": "Authme",
-	"version": "2.7.2",
-	"tag": "2.7.2",
+	"version": "2.7.3",
+	"tag": "2.7.3",
 	"description": "Simple cross platform two-factor authentication app for desktop.",
 	"author": "Levminer",
 	"license": "GPL-3.0",
@@ -83,33 +83,34 @@
 		"@electron/remote": "^2.0.1",
 		"@levminer/lib": "file:lib",
 		"@levminer/speakeasy": "^1.3.1",
-		"@sentry/electron": "^2.5.4",
+		"@sentry/electron": "^3.0.0-beta.1",
 		"auto-launch": "^5.0.5",
+		"axios": "^0.24.0",
 		"bcryptjs": "^2.4.3",
 		"cryptr": "^6.0.2",
 		"electron-context-menu": "^3.1.1",
 		"electron-debug": "^3.2.0",
-		"node-fetch": "^2.6.5",
 		"protons": "^2.0.3",
 		"qrcode": "^1.4.4",
 		"qrcode-decoder": "^0.2.2"
 	},
 	"devDependencies": {
-		"autoprefixer": "^10.3.7",
+		"@tailwindcss/forms": "^0.3.4",
+		"autoprefixer": "^10.4.0",
 		"electron": "^15.1.2",
 		"electron-builder": "^22.13.1",
-		"eslint": "^7.32.0",
+		"eslint": "^8.1.0",
 		"eslint-config-node": "^4.1.0",
 		"eslint-config-prettier": "^8.3.0",
 		"eslint-config-promise": "^2.0.2",
 		"eslint-config-standard": "^16.0.3",
 		"eslint-plugin-node": "^11.1.0",
 		"eslint-plugin-prettier": "^4.0.0",
-		"eslint-plugin-promise": "^5.1.0",
+		"eslint-plugin-promise": "^5.1.1",
 		"eslint-plugin-standard": "^5.0.0",
 		"prettier": "^2.4.1",
-		"sass": "^1.42.1",
-		"tailwindcss": "^2.2.16"
+		"sass": "^1.43.4",
+		"tailwindcss": "^2.2.19"
 	},
 	"engines": {
 		"node": ">=15.0.0",
diff --git a/preload.js b/preload.js
index 32f020d2..91392cf9 100644
--- a/preload.js
+++ b/preload.js
@@ -6,7 +6,7 @@ const fs = require("fs")
 const ipc = electron.ipcRenderer
 
 // ? crash report
-sentry.init({ dsn: "https://173234c94f8f4294a28e114c9113c1ce@o1020924.ingest.sentry.io/5986541" })
+sentry.init({})
 
 // ? if development
 let dev = false
diff --git a/screenshots/old/sreenshot-2.4.2.png b/screenshots/old/screenshot-2.4.2.png
similarity index 100%
rename from screenshots/old/sreenshot-2.4.2.png
rename to screenshots/old/screenshot-2.4.2.png
diff --git a/screenshots/old/screenshot-2.7.2.png b/screenshots/old/screenshot-2.7.2.png
new file mode 100644
index 00000000..1ab6239e
Binary files /dev/null and b/screenshots/old/screenshot-2.7.2.png differ
diff --git a/screenshots/screenshot.png b/screenshots/screenshot.png
index 1ab6239e..f8055f8c 100644
Binary files a/screenshots/screenshot.png and b/screenshots/screenshot.png differ
diff --git a/src/dragonfly.css b/src/dragonfly.css
index 9f4a9d46..6bbefacd 100644
--- a/src/dragonfly.css
+++ b/src/dragonfly.css
@@ -1 +1 @@
-:root{--df_primary_color: rgb(255, 255, 255);--df_secondary_color: rgb(255, 255, 255);--df_tertiary_color: rgb(0, 0, 0);--df_primary_background: rgb(10, 10, 10);--df_secondary_background: rgb(10, 10, 10);--df_gradiant_start: rgb(20, 20, 20);--df_gradiant_end: rgb(30, 30, 30)}body{color:#fff;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;background:#0a0a0a}::selection{color:#fff;background:gray}*{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;outline:none}a:link{color:#fff;font-size:24px;font-weight:bold;transition:.2s ease-in;text-decoration:underline !important}a:hover{color:gray;text-decoration:underline !important}a:visited{color:#fff;text-decoration:none !important}.button1{color:#000;background:#fff;border:2px solid #fff;font-size:1.25rem;padding:15px 30px;border-radius:30px;cursor:pointer;text-decoration:none;transition:.2s ease-in}.button1:hover{border-color:#fff;background:transparent;color:#fff}.buttoni{color:#000;background:#fff;border:2px solid #fff;font-size:1.25rem;padding:15px 30px;border-radius:30px;cursor:pointer;text-decoration:none;transition:.2s ease-in;text-align:center;width:18rem}.buttoni:hover{border-color:#fff;background:transparent;color:#fff}.buttoni>svg{position:relative;top:4px}.buttonr{margin:3px;color:#000;background:#fff;border:2px solid var(--df_primary_color);font-size:1.25rem;padding:13px 30px;border-radius:30px;cursor:pointer;text-decoration:none;transition:.2s ease-in;height:61px}.buttonr:hover{border:2px solid var(--df_primary_color);background:transparent;color:var(--df_primary_color)}.text1,.text2,.text3,.text4{margin:1rem}.text1{font-size:2rem}.text2{font-size:1.75rem}.text3{font-size:1.5rem}.text4{font-size:1rem}.input1:focus::placeholder,.input2:focus::placeholder{transition:.2s ease-in;color:transparent}.input1:hover::placeholder,.input2:hover::placeholder{transition:.2s ease-in;color:transparent}.input1{color:#000;background:#fff;border:2px solid #fff;font-size:1rem;padding:15px 30px;border-radius:1.8rem;cursor:text;text-align:center;transition:.2s ease-in}.input1:hover{color:#fff;background-color:transparent;border:2px solid #fff}.input1::placeholder{color:var(--df_secondary_color)}.input2{color:var(--df_primary_color);background:var(--df_primary_background);border:2px solid var(--df_primary_color);font-size:1rem;padding:15px 30px;border-radius:1.8rem;cursor:text;text-align:center;transition:.2s ease-in}.input2:hover{color:var(--df_secondary_color);background-color:var(--df_primary_background);border:2px solid var(--df_secondary_color)}.input2::placeholder{color:var(--df_primary_color)}.center{background-color:#141414;position:relative;top:200px;text-align:center;padding-top:30px;margin:130px auto;height:300px;width:60%;border-radius:30px}::-webkit-scrollbar-track{background-color:#292a2d}::-webkit-scrollbar{width:12px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:#141414}::-webkit-scrollbar-thumb:hover{background-color:#1e1e1e}::-webkit-scrollbar-corner{background:#292a2d}.build{display:none;top:0;position:sticky;z-index:999999}details{font-size:24px}summary{cursor:pointer;font-weight:bold}details[open] summary~*{animation:fadeEffect .5s ease-in-out}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}.online{display:none}.offline{display:none}.update{display:none}.info{display:none}.warning{color:#a30015;font-weight:bold;margin-top:30px;font-size:24px}.unstable{color:#f5ab00;font-weight:bold;margin-top:30px;font-size:24px}.dropdown-button{color:#000;background:#fff;border:2px solid #000;font-size:1.25rem;padding:15px 30px;border-radius:30px;cursor:pointer;text-decoration:none;transition:.2s ease-in;text-align:center;width:18rem;height:3.8rem}.dropdown-button:hover{color:#fff;background-color:transparent;border-color:#fff}.dropdown{position:relative;display:inline-block}.dropdown-content{top:65px;display:none;position:absolute;width:18rem;z-index:1;border-radius:30px}.dropdown-content a{color:#000;padding:10px 10px;text-decoration:none;display:block;background-color:#fff}.dropdown-content a:hover{background-color:#1e1e1e;color:#fff}.dropdown-content a:first-child{border-top-left-radius:30px;border-top-right-radius:30px}.dropdown-content :last-child{border-bottom-left-radius:30px;border-bottom-right-radius:30px}.dropdown-link>svg{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-0.1em}.dropdown-link:link{text-decoration:none !important;font-weight:normal;font-size:20px}.dropdown-button>svg{position:relative;top:4px}
+:root{--df_primary_color: rgb(255, 255, 255);--df_secondary_color: rgb(255, 255, 255);--df_tertiary_color: rgb(0, 0, 0);--df_primary_background: rgb(10, 10, 10);--df_secondary_background: rgb(10, 10, 10);--df_gradiant_start: rgb(20, 20, 20);--df_gradiant_end: rgb(30, 30, 30)}body{color:#fff;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;background:#0a0a0a}::selection{color:#fff;background:gray}*{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;outline:none}a:link{color:#fff;font-size:24px;font-weight:bold;transition:.2s ease-in;text-decoration:underline !important}a:hover{color:gray;text-decoration:underline !important}a:visited{color:#fff;text-decoration:none !important}.center{background-color:#141414;position:relative;top:200px;text-align:center;padding-top:30px;margin:130px auto;height:300px;width:60%;border-radius:30px}::-webkit-scrollbar-track{background-color:#292a2d}::-webkit-scrollbar{width:12px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:#141414}::-webkit-scrollbar-thumb:hover{background-color:#1e1e1e}::-webkit-scrollbar-corner{background:#292a2d}.build{display:none;top:0;position:sticky;z-index:999999}details{font-size:24px}summary{cursor:pointer;font-weight:bold}details[open] summary~*{animation:fadeEffect .5s ease-in-out}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}.dropdown-button{color:#000;background:#fff;border:2px solid #fff;font-size:1.25rem;padding:15px 30px;border-radius:30px;cursor:pointer;text-decoration:none;transition:.2s ease-in;text-align:center;width:18rem}.dropdown-button:hover{color:#fff;background-color:transparent;border-color:#fff}.dropdown{position:relative;display:inline-block}.dropdown-content{top:70px;display:none;position:absolute;width:18rem;z-index:1;border-radius:30px}.dropdown-content a{color:#000;padding:10px 10px;text-decoration:none;display:block;background-color:#fff}.dropdown-content a:hover{background-color:#1e1e1e;color:#fff}.dropdown-content a:first-child{border-top-left-radius:30px;border-top-right-radius:30px}.dropdown-content a:last-child{border-bottom-left-radius:30px;border-bottom-right-radius:30px}.dropdown-link>svg{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-0.1em}.dropdown-link:link{text-decoration:none !important;font-weight:normal;font-size:20px}.dropdown-button>svg{position:relative;top:4px}.animation{animation:fadeEffect .5s}
diff --git a/src/dragonfly.scss b/src/dragonfly.scss
index d5fe80f6..08758f1c 100644
--- a/src/dragonfly.scss
+++ b/src/dragonfly.scss
@@ -58,151 +58,6 @@ a:visited {
 	text-decoration: none !important;
 }
 
-/* buttons */
-.button1 {
-	color: black;
-	background: white;
-	border: 2px solid white;
-	font-size: 1.25rem;
-	padding: 15px 30px;
-	border-radius: 30px;
-	cursor: pointer;
-	text-decoration: none;
-	transition: 0.2s ease-in;
-}
-
-.button1:hover {
-	border-color: white;
-	background: transparent;
-	color: white;
-}
-
-.buttoni {
-	color: black;
-	background: white;
-	border: 2px solid white;
-	font-size: 1.25rem;
-	padding: 15px 30px;
-	border-radius: 30px;
-	cursor: pointer;
-	text-decoration: none;
-	transition: 0.2s ease-in;
-	text-align: center;
-	width: 18rem;
-}
-
-.buttoni:hover {
-	border-color: white;
-	background: transparent;
-	color: white;
-}
-
-.buttoni > svg {
-	position: relative;
-	top: 4px;
-}
-
-.buttonr {
-	margin: 3px;
-	color: black;
-	background: white;
-	border: 2px solid var(--df_primary_color);
-	font-size: 1.25rem;
-	padding: 13px 30px;
-	border-radius: 30px;
-	cursor: pointer;
-	text-decoration: none;
-	transition: 0.2s ease-in;
-	height: 61px;
-}
-
-.buttonr:hover {
-	border: 2px solid var(--df_primary_color);
-	background: transparent;
-	color: var(--df_primary_color);
-}
-
-/* text */
-.text1,
-.text2,
-.text3,
-.text4 {
-	margin: 1rem;
-}
-
-.text1 {
-	font-size: 2rem;
-}
-
-.text2 {
-	font-size: 1.75rem;
-}
-
-.text3 {
-	font-size: 1.5rem;
-}
-
-.text4 {
-	font-size: 1rem;
-}
-
-/* inputs */
-.input1:focus::placeholder,
-.input2:focus::placeholder {
-	transition: 0.2s ease-in;
-	color: transparent;
-}
-
-.input1:hover::placeholder,
-.input2:hover::placeholder {
-	transition: 0.2s ease-in;
-	color: transparent;
-}
-
-.input1 {
-	color: black;
-	background: white;
-	border: 2px solid white;
-	font-size: 1rem;
-	padding: 15px 30px;
-	border-radius: 1.8rem;
-	cursor: text;
-	text-align: center;
-	transition: 0.2s ease-in;
-}
-
-.input1:hover {
-	color: white;
-	background-color: transparent;
-	border: 2px solid white;
-}
-
-.input1::placeholder {
-	color: var(--df_secondary_color);
-}
-
-.input2 {
-	color: var(--df_primary_color);
-	background: var(--df_primary_background);
-	border: 2px solid var(--df_primary_color);
-	font-size: 1rem;
-	padding: 15px 30px;
-	border-radius: 1.8rem;
-	cursor: text;
-	text-align: center;
-	transition: 0.2s ease-in;
-}
-
-.input2:hover {
-	color: var(--df_secondary_color);
-	background-color: var(--df_primary_background);
-	border: 2px solid var(--df_secondary_color);
-}
-
-.input2::placeholder {
-	color: var(--df_primary_color);
-}
-
 /* divs*/
 .center {
 	background-color: rgb(20, 20, 20);
@@ -269,43 +124,11 @@ details[open] summary ~ * {
 	}
 }
 
-/* popups */
-.online {
-	display: none;
-}
-
-.offline {
-	display: none;
-}
-
-.update {
-	display: none;
-}
-
-.info {
-	display: none;
-}
-
-/* warnings */
-.warning {
-	color: #a30015;
-	font-weight: bold;
-	margin-top: 30px;
-	font-size: 24px;
-}
-
-.unstable {
-	color: #f5ab00;
-	font-weight: bold;
-	margin-top: 30px;
-	font-size: 24px;
-}
-
 /* dropdown */
 .dropdown-button {
 	color: black;
 	background: white;
-	border: 2px solid black;
+	border: 2px solid white;
 	font-size: 1.25rem;
 	padding: 15px 30px;
 	border-radius: 30px;
@@ -314,7 +137,6 @@ details[open] summary ~ * {
 	transition: 0.2s ease-in;
 	text-align: center;
 	width: 18rem;
-	height: 3.8rem;
 }
 
 .dropdown-button:hover {
@@ -329,7 +151,7 @@ details[open] summary ~ * {
 }
 
 .dropdown-content {
-	top: 65px;
+	top: 70px;
 	display: none;
 	position: absolute;
 	width: 18rem;
@@ -355,7 +177,7 @@ details[open] summary ~ * {
 	border-top-right-radius: 30px;
 }
 
-.dropdown-content :last-child {
+.dropdown-content a:last-child {
 	border-bottom-left-radius: 30px;
 	border-bottom-right-radius: 30px;
 }
@@ -377,3 +199,7 @@ details[open] summary ~ * {
 	position: relative;
 	top: 4px;
 }
+
+.animation {
+	animation: fadeEffect 0.5s;
+}
diff --git a/src/tailwind.css b/src/tailwind.css
index 733aecbb..6aeb32c8 100644
--- a/src/tailwind.css
+++ b/src/tailwind.css
@@ -1 +1 @@
-*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity));--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);--tw-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}button:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}input[type=checkbox]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}summary:focus-visible{border-radius:30px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}a:focus-visible{border-radius:30px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}p:focus-visible{border-radius:30px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}svg:focus-visible{border-radius:30px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}h3:focus-visible{border-radius:30px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1400px){.container{max-width:1400px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.top-1{top:.25rem}.top-2{top:.5rem}.top-3{top:.75rem}.-top-2\.5{top:-.625rem}.-top-2{top:-.5rem}.-top-9{top:-2.25rem}.left-32{left:8rem}.top-5{top:1.25rem}.right-3{right:.75rem}.left-56{left:14rem}.right-5{right:1.25rem}.m-auto{margin:auto}.m-3{margin:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mr-2{margin-right:.5rem}.ml-3{margin-left:.75rem}.mt-20{margin-top:5rem}.mb-60{margin-bottom:15rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.mt-60{margin-top:15rem}.mb-32{margin-bottom:8rem}.mb-12{margin-bottom:3rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-20{margin-bottom:5rem}.mt-40{margin-top:10rem}.mb-6{margin-bottom:1.5rem}.mb-16{margin-bottom:4rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mb-7{margin-bottom:1.75rem}.mr-4{margin-right:1rem}.ml-4{margin-left:1rem}.mt-1{margin-top:.25rem}.mb-10{margin-bottom:2.5rem}.mt-11{margin-top:2.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-6{height:1.5rem}.h-16{height:4rem}.h-4{height:1rem}.h-screen{height:100vh}.w-full{width:100%}.w-6{width:1.5rem}.w-3\/5{width:60%}.w-2\/3{width:66.666667%}.w-16{width:4rem}.w-72{width:18rem}.w-10{width:2.5rem}.w-4{width:1rem}.w-4\/5{width:80%}.flex-1{flex:1 1 0%}.transform{transform:var(--tw-transform)}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-1{gap:.25rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.75rem*var(--tw-space-x-reverse));margin-left:calc(-.75rem*(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-scroll{overflow-y:scroll}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:30px}.border-2{border-width:2px}.border{border-width:1px}.border-white{--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.border-gray-900{--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-popup-red{--tw-bg-opacity:1;background-color:rgba(163,0,21,var(--tw-bg-opacity))}.bg-popup-green{--tw-bg-opacity:1;background-color:rgba(40,164,67,var(--tw-bg-opacity))}.bg-popup-blue{--tw-bg-opacity:1;background-color:rgba(22,163,223,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-popup-yellow{--tw-bg-opacity:1;background-color:rgba(245,171,0,var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgba(20,20,20,var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgba(10,10,10,var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.p-1{padding:.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.pt-3{padding-top:.75rem}.pb-3{padding-bottom:.75rem}.pb-10{padding-bottom:2.5rem}.pt-1{padding-top:.25rem}.pt-5{padding-top:1.25rem}.pb-5{padding-bottom:1.25rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px);filter:var(--tw-filter)}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}*,:after,:before{border:0 solid;user-select:none;-webkit-user-drag:none;-webkit-app-region:no-drag}h1{font-size:64px}h1,h2{font-weight:700;margin:2rem}h2{font-size:48px}h3{font-size:32px;font-weight:700;margin:2rem}h4{font-size:24px}h4,h5{margin:2rem;font-weight:400}h5{font-size:18px}.checked\:bg-white:checked{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:initial}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgba(10,10,10,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:1400px){.lg\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}}
\ No newline at end of file
+*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity));--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);--tw-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}button:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}input[type=checkbox]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}summary:focus-visible{border-radius:30px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}a:focus-visible{border-radius:30px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}p:focus-visible{border-radius:30px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}svg:focus-visible{border-radius:30px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}h3:focus-visible{border-radius:30px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(155,80,148,var(--tw-ring-opacity))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1400px){.container{max-width:1400px}}@media (min-width:1536px){.container{max-width:1536px}}.checkbox{position:relative;top:-.125rem;appearance:none;padding:0;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#282828;border-width:1px;--tw-shadow:0 0 #0000;border-radius:0}.checkbox:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.checkbox:checked{background-size:100% 100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}.checkbox:checked,.checkbox:checked:focus,.checkbox:checked:hover,.checkbox:indeterminate{border-color:transparent;background-color:currentColor}.checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}.checkbox:indeterminate:focus,.checkbox:indeterminate:hover{border-color:transparent;background-color:currentColor}.checkbox{transform:var(--tw-transform);cursor:pointer;border-radius:9999px;border-width:2px;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,1,1)}.checkbox:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(255,255,255,var(--tw-ring-opacity))}.buttoni{width:18rem;transform:var(--tw-transform);cursor:pointer;border-radius:30px;border-width:2px;--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding:16.5px 2rem;font-size:1.25rem;line-height:1.75rem;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,1,1)}.buttoni:hover{background-color:initial;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.buttonm{width:15rem;transform:var(--tw-transform);cursor:pointer;border-radius:30px;border-width:2px;--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity));padding:16.5px 2rem;text-align:left;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,1,1)}.buttonm:hover{--tw-border-opacity:1;border-color:rgba(20,20,20,var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(20,20,20,var(--tw-bg-opacity))}.buttonr{width:88px;transform:var(--tw-transform);cursor:pointer;border-radius:30px;border-width:2px;--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding:16.5px 2rem;font-size:1.25rem;line-height:1.75rem;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,1,1)}.buttonr:hover{background-color:initial;--tw-bg-opacity:1;background-color:rgba(20,20,20,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.input{width:220px;transform:var(--tw-transform);cursor:text;border-radius:30px;border-width:2px;--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding:18px 2rem;text-align:center;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity));transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,1,1)}.input:hover{background-color:initial;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.top-1{top:.25rem}.top-2{top:.5rem}.top-3{top:.75rem}.-top-2\.5{top:-.625rem}.-top-2{top:-.5rem}.top-\[-50px\]{top:-50px}.right-\[150px\]{right:150px}.left-\[150px\]{left:150px}.top-\[-45px\]{top:-45px}.left-\[120px\]{left:120px}.top-5{top:1.25rem}.left-\[250px\]{left:250px}.right-5{right:1.25rem}.-top-1\.5{top:-.375rem}.-top-1{top:-.25rem}.m-auto{margin:auto}.m-3{margin:.75rem}.m-0{margin:0}.m-1{margin:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-3{margin-left:.75rem;margin-right:.75rem}.mr-2{margin-right:.5rem}.ml-3{margin-left:.75rem}.mt-20{margin-top:5rem}.mb-60{margin-bottom:15rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mt-60{margin-top:15rem}.mb-32{margin-bottom:8rem}.mb-12{margin-bottom:3rem}.mb-3{margin-bottom:.75rem}.mb-20{margin-bottom:5rem}.mt-40{margin-top:10rem}.mb-6{margin-bottom:1.5rem}.mb-16{margin-bottom:4rem}.mt-5{margin-top:1.25rem}.mb-7{margin-bottom:1.75rem}.mr-4{margin-right:1rem}.ml-4{margin-left:1rem}.mt-1{margin-top:.25rem}.mb-10{margin-bottom:2.5rem}.mt-11{margin-top:2.75rem}.-mt-1{margin-top:-.25rem}.-mt-3{margin-top:-.75rem}.mt-10{margin-top:2.5rem}.mb-0{margin-bottom:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-6{height:1.5rem}.h-16{height:4rem}.h-\[68px\]{height:68px}.h-4{height:1rem}.h-screen{height:100vh}.w-full{width:100%}.w-6{width:1.5rem}.w-3\/5{width:60%}.w-2\/3{width:66.666667%}.w-80{width:20rem}.w-16{width:4rem}.w-72{width:18rem}.w-10{width:2.5rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-\[126px\]{width:126px}.w-\[194px\]{width:194px}.w-\[3\]{width:3}.w-\[36\]{width:36}.w-\[360\]{width:360}.w-\[360px\]{width:360px}.w-\[60px\]{width:60px}.w-\[260px\]{width:260px}.flex-1{flex:1 1 0%}.transform{transform:var(--tw-transform)}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.select-all{user-select:all}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-scroll{overflow-y:scroll}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:30px}.border-2{border-width:2px}.border{border-width:1px}.border-white{--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.border-gray-900{--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-popup-red{--tw-bg-opacity:1;background-color:rgba(204,0,27,var(--tw-bg-opacity))}.bg-popup-green{--tw-bg-opacity:1;background-color:rgba(40,164,67,var(--tw-bg-opacity))}.bg-popup-blue{--tw-bg-opacity:1;background-color:rgba(22,163,223,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-popup-yellow{--tw-bg-opacity:1;background-color:rgba(245,171,0,var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgba(20,20,20,var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgba(10,10,10,var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-3{padding:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.pt-3{padding-top:.75rem}.pb-3{padding-bottom:.75rem}.pb-10{padding-bottom:2.5rem}.pt-1{padding-top:.25rem}.pt-5{padding-top:1.25rem}.pb-5{padding-bottom:1.25rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:1.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-popup-yellow{--tw-text-opacity:1;color:rgba(245,171,0,var(--tw-text-opacity))}.text-popup-red{--tw-text-opacity:1;color:rgba(204,0,27,var(--tw-text-opacity))}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur-sm{--tw-blur:blur(4px)}.blur,.blur-sm{filter:var(--tw-filter)}.blur{--tw-blur:blur(8px)}.filter{filter:var(--tw-filter)}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}*,:after,:before{border:0 solid;user-select:none;-webkit-user-drag:none;-webkit-app-region:no-drag}h1{font-size:64px}h1,h2{font-weight:700;margin:2rem}h2{font-size:48px}h3{font-size:32px;font-weight:700;margin:2rem}h4{font-size:24px}h4,h5{margin:2rem;font-weight:400}h5{font-size:18px}hr{margin-top:30px;color:#fff;border-width:1px}.buttonc>svg,.buttoni>svg,.buttonm>svg{position:relative;top:4px}.buttonmselected{background-color:#1e1e1e;border-color:#1e1e1e}.checked\:bg-white:checked{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:initial}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgba(10,10,10,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.hover\:blur-0:hover{--tw-blur:blur(0);filter:var(--tw-filter)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:768px){.md\:w-4\/5{width:80%}}@media (min-width:1400px){.lg\:w-2\/3{width:66.666667%}.lg\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}}
\ No newline at end of file
diff --git a/src/tailwind.scss b/src/tailwind.scss
index 8dfefb70..06a39be6 100644
--- a/src/tailwind.scss
+++ b/src/tailwind.scss
@@ -14,6 +14,25 @@
 }
 
 @layer components {
+	.checkbox {
+		@apply outline-none form-checkbox rounded-full relative border-2 -top-0.5 focus:ring-white text-black cursor-pointer transform duration-200 ease-in;
+	}
+
+	.buttoni {
+		@apply bg-white rounded-2xl border-2 border-white w-72 cursor-pointer px-8 py-[16.5px] text-xl hover:bg-transparent hover:text-white transform duration-200 ease-in;
+	}
+
+	.buttonm {
+		@apply text-white bg-black rounded-2xl text-left border-2 border-black w-60 cursor-pointer px-8 py-[16.5px] text-xl hover:bg-gray-700 hover:border-gray-700 transform duration-200 ease-in;
+	}
+
+	.buttonr {
+		@apply bg-white rounded-2xl border-2 border-white w-[88px] cursor-pointer px-8 py-[16.5px] text-xl hover:bg-transparent hover:text-white hover:bg-gray-700 transform duration-200 ease-in;
+	}
+
+	.input {
+		@apply bg-white text-black rounded-2xl border-2 border-white w-[220px] cursor-text px-8 py-[18px] text-lg text-center hover:bg-transparent hover:text-white transform duration-200 ease-in;
+	}
 }
 
 @layer base {
@@ -76,3 +95,31 @@ h5 {
 	margin: 2rem;
 	font-weight: normal;
 }
+
+/* hr */
+hr {
+	margin-top: 30px;
+	color: white;
+	border-width: 1px;
+}
+
+/* button */
+.buttoni > svg {
+	position: relative;
+	top: 4px;
+}
+
+.buttonc > svg {
+	position: relative;
+	top: 4px;
+}
+
+.buttonm > svg {
+	position: relative;
+	top: 4px;
+}
+
+.buttonmselected {
+	background-color: rgb(30, 30, 30);
+	border-color: rgb(30, 30, 30);
+}
