Update CSS to accomodate HUD applications without being too broad

module/Apps/DelveDiceHUD.mjs

@@ -30,6 +30,7 @@ export class DelveDiceHUD extends HandlebarsApplicationMixin(ApplicationV2) {
 		classes: [
 			`ripcrypt`,
 			`ripcrypt--DelveDiceHUD`,
+			`hud`,
 		],
 		window: {
 			frame: false,

templates/css/elements/button.css

@@ -1,4 +1,5 @@
-.ripcrypt button {
+.ripcrypt.hud button,
+.ripcrypt > .window-content button {
 	all: revert;
 	outline: none;
 	border: none;

templates/css/elements/input.css

@@ -1,3 +1,4 @@
+.ripcrypt.hud,
 .ripcrypt > .window-content {
 	input, .input {
 		all: revert;

templates/css/elements/lists.css

@@ -1,3 +1,4 @@
+.ripcrypt.hud,
 .ripcrypt > .window-content {
 	ol {
 		list-style-type: none;

templates/css/elements/p.css

@@ -1,3 +1,4 @@
+.ripcrypt.hud p,
 .ripcrypt > .window-content p {
 	&.warning {
 		padding: 0.75rem;

templates/css/elements/pill-bar.css

@@ -1,3 +1,4 @@
+.ripcrypt.hud .pill-bar,
 .ripcrypt > .window-content .pill-bar {
 	display: flex;
 	flex-direction: row;

templates/css/elements/select.css

@@ -1,3 +1,4 @@
+.ripcrypt.hud select,
 .ripcrypt > .window-content select {
 	all: revert;
 	appearance: auto;

templates/css/elements/span.css

@@ -1,3 +1,4 @@
+.ripcrypt.hud span,
 .ripcrypt > .window-content span {
 	&.small {
 		font-size: var(--font-size-10)

templates/css/elements/table.css

@@ -1,3 +1,4 @@
+.ripcrypt.hud table,
 .ripcrypt > .window-content table {
 	all: revert;
 	box-sizing: border-box;