:root {
	--xdc-events-primary-color: var(--primary-color, #3D6BE7);
	--xdc-events-secondary-color: var(--secondary-color, #262626);
	--xdc-events-tertiary-color: var(--tertiary-color, #f0f0f0);
	--xdc-events-light-color: var(--light-color, #ffffff);
	--xdc-events-dark-color: var(--dark-color, #000000);
}

.xdc-make-model-form {
	display: block;
	width: 100%;
	max-width: 100%;
}

.xdc-make-model-form__field {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	width: 100%;
	max-width: 100%;
}

.xdc-make-model-form select {
	display: block;
	background-color: var(--xdc-events-light-color);
	color: var(--xdc-events-dark-color);
	padding: inherit !important;
	border: 1px solid var(--xdc-events-primary-color);
	border-radius: 4px;
	font-size: 1.25rem;
	width: 95%;
	margin: 0 auto;
}

.xdc-make-model-form button {
	display: block;
	font-size: 2rem;
	background-color: var(--xdc-events-primary-color);
	color: var(--xdc-events-light-color);
	border: none;
	border-radius: 4px;
	padding: 5px 15px !important;
	cursor: pointer;
	width: 100%;
	margin-top: 10px;
}

.xdc-make-model-form button:hover {
	background-color: var(--xdc-events-secondary-color);
}

.xdc-make-model-error-message {
	color: var(--xdc-events-primary-color);
	font-size: 1.25rem;
	margin-top: 10px;
	text-align: center;
}