Tweak the template/css structure

templates/css/elements/button.css

@@ -0,0 +1,24 @@
+.ripcrypt > .window-content button {
+	all: revert;
+	padding: 2px 4px;
+	background: var(--button-background);
+	color: var(--button-text);
+
+	&.icon {
+		padding: 0;
+		border-radius: 50%;
+		outline: none;
+		border: none;
+		width: 20px;
+		height: 20px;
+
+		&:hover:not(:disabled) {
+			cursor: pointer;
+			outline: none;
+		}
+
+		&:disabled {
+			opacity: 0.6;
+		}
+	}
+}

templates/css/elements/input.css

@@ -0,0 +1,19 @@
+.ripcrypt > .window-content {
+	input, .input {
+		all: revert;
+		box-sizing: border-box;
+		border: none;
+		outline: none;
+		font-family: inherit;
+		font-size: inherit;
+		position: relative;
+		background: var(--input-background);
+		color: var(--input-text);
+		padding: 0px 4px;
+
+		&[type="text"],
+		&[type="number"] {
+			border-bottom: var(--input-underline);
+		}
+	}
+}

templates/css/elements/lists.css

@@ -0,0 +1,34 @@
+.ripcrypt > .window-content {
+	ol {
+		list-style-type: none;
+		margin: 0;
+		padding: 0;
+		counter-reset: list-index 0;
+
+		> li {
+			margin: 0;
+			padding: 2px 4px;
+			display: flex;
+			flex-direction: row;
+			gap: 8px;
+			align-items: center;
+			counter-increment: list-index 1;
+			position: relative;
+		}
+
+		&.num-before > li::before,
+		&.num-after > li::after {
+			content: counter(list-index);
+			display: block;
+			position: absolute;
+			font-size: var(--font-size-12);
+		}
+
+		&.num-before > li::before {
+			position: revert;
+		}
+		&.num-after > li::after {
+			right: 4px;
+		}
+	}
+}

templates/css/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;
+}

templates/css/elements/span.css

@@ -0,0 +1,5 @@
+.ripcrypt > .window-content span {
+	&.small {
+		font-size: var(--font-size-10)
+	}
+}

templates/css/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;
+	}
+}