New settings pages

src/styles/Card.module.css

@@ -0,0 +1,7 @@
+.settingsItem {
+    &.root {
+        color: var(--color-text-pri);
+        background-color: transparent;
+        backdrop-filter: blur(10px) brightness(.75) !important;
+    }
+}

src/styles/TextInput.module.css

@@ -20,6 +20,28 @@
 	}
 }
 
+.settingsItem {
+	&.root {
+		.wrapper {
+			display: flex;
+			justify-content: center;
+			.input {
+				width: 100%;
+				border: none;
+				background-color: var(--color-search-background);
+				color: var(--color-text-pri);
+				font-size: 18px;
+			}
+			.section {
+				color: var(--color-border);
+				width: auto;
+				padding-left: .5rem;
+				opacity: 1;
+			}
+		}
+	}
+}
+
 .search {
 	&.root {
 		.wrapper {

src/styles/index.ts

@@ -1,5 +1,6 @@
 import actionIconClasses from './ActionIcon.module.css';
 import buttonClasses from './Button.module.css';
+import cardClasses from './Card.module.css';
 import menuClasses from './Menu.module.css';
 import modalClasses from './Modal.module.css';
 import multiSelectClasses from './MultiSelect.module.css';
@@ -13,6 +14,7 @@ import textInputClasses from './TextInput.module.css';
 
 export {
 	actionIconClasses,
+	cardClasses,
 	buttonClasses,
 	menuClasses,
 	modalClasses,