.wheelButtonPalette {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	grid-gap: 1rem;
	grid-auto-flow: dense;
}

.wheelButtonPalette .wheelButtonDiv {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 5px solid transparent;
	border-radius: 6px;
	padding: 1rem;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
}

.wheelButtonPalette .wheelButtonDiv:hover {
	border: 5px solid #c6c6c6;
}

.wheelButtonPalette .wheelButtonDiv.selected {
	border: 5px solid #ff0000;
}


.wheelButtonPalette .wheelButtonDiv .wheelName {
	font-size: 14px
}