.imageCaptcha {
	border-radius: 0.5em;
	padding: 1em;
	background: var(--input-bg);
	text-align: left;
	margin-bottom: 2em;
	width: auto;
	display: inline-block;
}

.imageCaptcha.error {
	border: 1px solid #d00;
}

.imageCaptchaContent p {
	margin: 0.25em 0;
	font-size: 0.9em;
	color: var(--text-alt);
}

.imageCaptcha.error p {
	color: #d00;
}

.imageCaptchaIcons {
	padding-top: 0;
}

.imageCaptchaIcons ul {
	list-style:  none;
	padding: 0;
	margin: 0;
}

.imageCaptchaIcons ul li {
	padding: 0 0.2em;
	margin: 0;
	display: inline-block;
}

.imageCaptchaIcons ul li button.imageCaptchaButton {
	background: transparent;
	width: 57px;
	height: 57px;
	padding: 2px;
	margin: 0 0 0.5em 0;
	border: 2px solid transparent;
}

.imageCaptchaIcons ul li button.imageCaptchaButton:after {
	display: none;
}

.imageCaptchaIcons ul li button:hover {
	background: #759a9e;
	background: transparent;
	border: 2px solid var(--icon-fill);
}

.imageCaptchaIcons ul li button.selected {
	background: #009de0;
	background: transparent;
	border: 2px solid var(--icon-fill);
}

.imageCaptchaIcons ul li button.selected:hover {
	background: #0072a3;
	background: transparent;
}

.imageCaptchaIcons ul li button.imageCaptchaButton svg path {
	fill: var(--icon-fill-dark);
}

.imageCaptchaIcons ul li button.imageCaptchaButton.selected svg path {
	fill: var(--icon-fill);
}

.imageCaptchaIcons ul li img,
.imageCaptchaIcons ul li svg {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.imageCaptchaMessage {
	display: inline-block;
	margin: 0.5em 0 1em 0;
}


.imageCaptchaMessageError {
	color: #ba0000;
}