.decozCaptcha
{
	width:100%;
	font-family:"Garet";
}

.decozCaptchaLabel
{
	display:block;
	font-family:"Quicksand";
	font-weight:bold;
	margin-bottom:6px;
	color:var(--decoz-text, #111827);
}

.decozCaptchaRow
{
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
}

.decozCaptchaQuestion
{
	min-width:96px;
	min-height:var(--decoz-input-height);
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	border:1px solid var(--decoz-border, #e5e5e5);
	background:var(--decoz-soft-white, #f5f5f5);
	font-family:"Garet";
	font-size:var(--decoz-input-size);
	color:var(--decoz-text, #111827);
}

.decozCaptchaInput
{
	width:72px;
	min-height:var(--decoz-input-height);
	box-sizing:border-box;
	border:1px solid var(--decoz-border, #dbdbdb);
	border-radius:0;
	padding:0 10px;
	font-family:"Garet";
	font-size:var(--decoz-input-size);
	background:#ffffff;
	color:var(--decoz-text, #111827);
	-webkit-appearance:none;
	appearance:none;
}

.decozCaptchaInput.is-invalid
{
	border-color:#d00000;
}

.decozCaptchaHelp
{
	margin-top:8px;
	font-family:"Garet";
	font-size:12px;
	color:var(--decoz-muted, #6b7280);
}

.decozCaptchaError
{
	display:none;
	margin-top:8px;
	color:#d00000;
	font-family:"Garet";
	font-size:12px;
}

.decozCaptchaError.is-visible
{
	display:block;
}

.decozCaptchaCompact .decozCaptchaRow
{
	display:flex;
	align-items:center;
	gap:12px;
	flex-wrap:nowrap;
}

.decozCaptchaCompact .decozCaptchaQuestion
{
	width:96px;
	min-width:96px;
	flex:0 0 96px;
	background:var(--decoz-soft-white, #f5f5f5);
}

.decozCaptchaCompact .decozCaptchaInput
{
	width:72px;
	flex:0 0 72px;
}

@media only screen and (max-width:480px)
{
	.decozCaptchaCompact .decozCaptchaRow
	{
		flex-wrap:wrap;
	}
}