.option {

	min-width: 100px;
	text-align: center;
	cursor: pointer;
	padding: 10px 15px;
	margin: 0 auto;
	margin-bottom: 6px;
	border: var(--highlight-dark) 2px solid;
	
}

.options.horizontal {
	text-align: center;
}

.options.horizontal > .option {
	display: inline-block;
	margin: 0 3px;
	margin-bottom: 5px;
}

.disabled, .loading {	
	pointer-events: none !important;
	cursor: default !important;
}

.option.disabled, .option.loading {
	border-color: #444;
}

.option.error {
	border-color: var(--red);
}

.option[data-parent] {
	display: none;
}

.option.back {
	display: none;
	width: 60px;
}

.option:last-child {
	margin-bottom: 0;
}

.option:hover {
	background-color: var(--highlight);
	border-color: var(--highlight);
}

.option.small {

	min-width: 70px;

}