Implement the most basic version of a dice pool configuration

templates/Apps/DicePool/style.css

@@ -0,0 +1,68 @@
+.ripcrypt.ripcrypt--DicePool {
+	> .window-content {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		grid-template-rows: auto min-content;
+		background: var(--base-background);
+		padding: 8px;
+		gap: 8px;
+		width: 250px;
+		height: 185px;
+	}
+
+	--button-background: var(--alt-row-background);
+	--button-text: var(--alt-row-text);
+	button {
+		border-radius: 2px;
+		font-weight: bold;
+		padding: 4px 8px;
+		width: max-content;
+	}
+
+	.d8-incrementer {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 4px;
+
+		button {
+			width: max-content;
+		}
+	}
+
+	.dice-count-row {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: nowrap;
+		justify-content: center;
+		align-items: center;
+		gap: 4px;
+		font-size: 1.5rem;
+	}
+
+	.dice-target {
+		display: flex;
+		position: relative;
+
+		.value {
+			position: absolute;
+			inset: 0;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			font-size: 1.5rem;
+			color: white;
+			font-weight: normal;
+		}
+	}
+
+	.button-row {
+		--button-background: var(--header-background);
+		--button-text: var(--header-text);
+
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		grid-column: 1 / -1;
+	}
+}