.colorSchemeModeBar {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: end;
	flex-direction: row;
	text-align: center;
	margin: 2px;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 48pt;
	/* height: 100px; */
}


.colorModeIndicator {
	width: 28px;
	height: 28px;
	margin: 2px;
}


#lightModeIndicator {
	/* background: linear-gradient(135deg, white 50%, black 50%); */
	background-color: var(--light-mode-bg);
	color: var(--light-mode-color);
}

#darkModeIndicator {
	background-color: var(--dark-mode-bg);
	color: var(--dark-mode-color);
	/* background: linear-gradient(135deg, black 50%, white 50%); */
}

#defaultModeIndicator {
	background-color: var(--default-mode-bg);
	color: var(--default-mode-color);
	/* background: linear-gradient(135deg, black 50%, white 50%); */
}

#ksbdModeIndicator {
	font-family: var(--ksbd-liturgy-font);
	color: var(--ksbd-liturgy-color);
	background-color: var(--ksbd-liturgy-bg);
}