#fetishSettings{
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 1px 1em;
}

#fetishSettings > span{
	font-weight: bold;
	font-size: 1.2em;
}

.fetishSetting{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.fetishSetting .option{
	--saturation: 15%;
	--light: 50%;
	--color: 138;
	background: hsl(var(--color), var(--saturation), var(--light));
}

.fetishSetting .option.selected {
	--saturation: 80%;
	--light: 60%;
	border: 2px hsl(var(--color), 50%, 20%) solid;
}

.fetishSetting .option.appalled{
	--color: 138;
}

.fetishSetting .option.aroused {
	--color: 322;
}

.fetishSetting .option.indifferent {
	--color: 225;
}

.fetishSetting .option.neutral {
	--color: 20;
}

.fetishSetting .option a{
	text-align: center;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.3em;
	color: hsl(var(--color), 50%, 20%);
}