Move each the element-specific styles into separate files

Apps/common.css

@@ -1,4 +1,7 @@
 @import url("./elements/button.css");
+@import url("./elements/input.css");
+@import url("./elements/select.css");
+@import url("./elements/table.css");
 
 .ripcrypt {
 	.window-content {
@@ -12,50 +15,6 @@
 		--col-gap: 2px;
 	}
 
-	table {
-		all: revert;
-		box-sizing: border-box;
-		border-collapse: collapse;
-
-		thead, tbody, tr {
-			all: revert;
-		}
-		td, th {
-			all: revert;
-			padding: 2px 4px;
-			font-weight: initial;
-			text-align: left;
-		}
-	}
-
-	input {
-		all: revert;
-		box-sizing: border-box;
-		border: none;
-		outline: none;
-		font-family: inherit;
-		font-size: inherit;
-		position: relative;
-		background: none;
-
-		&[type="text"],
-		&[type="number"] {
-			border-bottom: 2px dashed purple;
-		}
-	}
-
-	select {
-		all: revert;
-		appearance: auto;
-		box-sizing: border-box;
-		border: none;
-		outline: none;
-		font-family: inherit;
-		font-size: inherit;
-		display: flex;
-		align-items: center;
-	}
-
 	label, input, select {
 		cursor: pointer;
 	}

Apps/elements/input.css

@@ -0,0 +1,15 @@
+.ripcrypt > .window-content input {
+	all: revert;
+	box-sizing: border-box;
+	border: none;
+	outline: none;
+	font-family: inherit;
+	font-size: inherit;
+	position: relative;
+	background: none;
+
+	&[type="text"],
+	&[type="number"] {
+		border-bottom: 2px dashed purple;
+	}
+}

Apps/elements/select.css

@@ -0,0 +1,11 @@
+.ripcrypt > .window-content select {
+	all: revert;
+	appearance: auto;
+	box-sizing: border-box;
+	border: none;
+	outline: none;
+	font-family: inherit;
+	font-size: inherit;
+	display: flex;
+	align-items: center;
+}

Apps/elements/table.css

@@ -0,0 +1,16 @@
+.ripcrypt > .window-content table {
+	all: revert;
+	box-sizing: border-box;
+	border-collapse: collapse;
+
+	thead, tbody, tr {
+		all: revert;
+	}
+
+	td, th {
+		all: revert;
+		padding: 2px 4px;
+		font-weight: initial;
+		text-align: left;
+	}
+}