.pm-title {
	color: #fff;
	font-size: 28px;
}

.pm-body {
	background-color: #444;
	border-top: solid 1px #888;
	border-bottom: solid 1px #333;
	border-left: solid 1px #888;
	border-right: solid 1px #333;
}

.pm-inset {
	background-color: #333;
	border-top: solid 1px #333;
	border-bottom: solid 1px #888;
	border-left: solid 1px #333;
	border-right: solid 1px #888;
}

button {
	pointer-events: all;
	padding: 6px;
	border-radius: 8px;
	background-color: #555;
	border-top: solid 1px #888;
	border-bottom: solid 1px #333;
	border-left: solid 1px #888;
	border-right: solid 1px #333;
	align-items: center;
	justify-content: center;
	text-align: center;
}

button:active,
button.pressed {
	background-color: #444;
	border-top: solid 1px #333;
	border-bottom: solid 1px #888;
	border-left: solid 1px #333;
	border-right: solid 1px #888;
}

button.disabled,
button.disabled:active,
button.disabled.pressed {
	color: #999;
	background-color: #505050;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	border-left: solid 1px #333;
	border-right: solid 1px #333;
	pointer-events: none;
}

TextEntry {
	pointer-events: all;
	background-color: #333;
	border-top: solid 1px #333;
	border-bottom: solid 1px #888;
	border-left: solid 1px #333;
	border-right: solid 1px #888;
}

.click-in,
.click-active:active,
.click-pressed.pressed {
	sound-in: "click";
}

.mat-icon {
	font-family: Material Icons Outlined;
	font-size: 25px;
}
.mat-icon-lg {
	font-size: 40px;
}
.mat-icon-filled {
	font-family: Material Icons;
}

.scroll-v {
	flex-direction: column;
	overflow-y: scroll;
	overflow-x: hidden;
	flex-grow: 1;
	padding: 10px;
	gap: 8px;

	div {
		flex-shrink: 0;
		pointer-events: all;
	}
}

.noshrink {
	flex-shrink: 0;
}

.grow {
	flex-grow: 1;
}

.item-disabled {
	font-style: italic;
	background-color: #2c2c2c;
	color: #aaa;
}