.toolbar {
	margin-bottom: 1em;
}

table.grid {
	border-collapse: collapse;

	--up-colour: red;
	--down-colour: blue;
	--ribbon-width: 73%;
	--outline-width: 2%;
	--hue: 0;

	> tbody > tr {
		> td {
			width: 2em;
			border: none;
			box-sizing: border-box;
			overflow: hidden;
			padding: 0;

			> .ribbon-images {
				max-width: 2em;
				aspect-ratio: 1 / 1;
				position: relative;
				left: 0;
				top: 0;
				right: 0;

				> img {
					width: 100%;
					position: absolute;
					left: 0;
					top: 0;
					filter: hue-rotate(var(--hue));
					opacity: 1;
				}
			}
		}
	}
}

.hidden {
	display: none;
}