.table {
	.head span {
		padding: .65em .2em;
	}

	span {
		padding: .45em .2em;
	}
}

.icon-table {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M3 9h14V7H3zm0 4h14v-2H3zm0 4h14v-2H3zm16 0h2v-2h-2zm0-10v2h2V7zm0 6h2v-2h-2z" fill="white" /></svg>');
}

.icon-canvas {
	content: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11 5v14h2v-14zm-4-2v14h2v-14zm10 4h-2v14h2z" fill="white"/></svg>');
}

.relative {
	position: relative;
}

@media (max-width: 799px) {
	.arrowButton {
		width: 48px;
		height: 48px;
		margin: 15px auto;
	}
}

@media (min-width: 800px) {
	.arrowButton.flipped {
		margin-top: 45px;
	}

	table {
		margin: 15px auto;
	}
}