* {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	text-align: center;
}

button {
	padding: 0.6em;
	-webkit-appearance: none;
	font-size: 1em;
}

.color-dot {
	display: inline-block;
	border-radius: 100vw;
	width: 2.5em;
	height: 2.5em;
	border: 0.05em solid #000000;
}

.reference-box {
	width: 30em;
	max-width: 100%;
	display: inline-block;
	overflow: hidden;
}

.reference-box .reference-canvas {
	width: 100%;
	height: 100%;
}