.group-table {
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid var(--accent-color);
}

.group-table-empty {
	background-color: var(--accent-color);
}

.group-table  td {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

[class*="group-table-result-"] {
	color: var(--accent-color);
}

:root {
	--result-brightness: 1.25;
}

.group-table-result-0 {
	filter: hue-rotate(calc(360deg / 8 * 1)) brightness(var(--result-brightness));
}

.group-table-result-4 {
	filter: hue-rotate(calc(360deg / 8 * 2)) brightness(var(--result-brightness));
}

.group-table-result-1 {
	filter: hue-rotate(calc(360deg / 8 * 3)) brightness(var(--result-brightness));
}

.group-table-result-5 {
	filter: hue-rotate(calc(360deg / 8 * 4)) brightness(var(--result-brightness));
}

.group-table-result-2 {
	filter: hue-rotate(calc(360deg / 8 * 5)) brightness(var(--result-brightness));
}

.group-table-result-6 {
	filter: hue-rotate(calc(360deg / 8 * 6)) brightness(var(--result-brightness));
}

.group-table-result-3 {
	filter: hue-rotate(calc(360deg / 8 * 7)) brightness(var(--result-brightness));
}

.group-table-result-7 {
	filter: hue-rotate(calc(360deg / 8 * 8)) brightness(var(--result-brightness));
}