cap-widget {
	--cap-widget-width: 100%;
	--cap-widget-height: 54px;
	--cap-widget-padding: 14px 16px;
	--cap-gap: 14px;

	--cap-background: #ffffff;
	--cap-color: #111827;
	--cap-border-color: #e5e7eb;
	--cap-border-radius: 14px;

	--cap-font: Arial, Helvetica, sans-serif;

	--cap-checkbox-size: 24px;
	--cap-checkbox-border: 1px solid #d1d5db;
	--cap-checkbox-border-radius: 7px;
	--cap-checkbox-background: #ffffff;
	--cap-checkbox-margin: 0;

	--cap-spinner-color: #00aeef;
	--cap-spinner-background-color: rgba(0, 174, 239, 0.14);
	--cap-spinner-thickness: 4px;

	display: block;
	width: 100%;
	margin: 4px 0 2px;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

cap-widget:hover {
	--cap-border-color: rgba(0, 174, 239, 0.45);
}

cap-widget:focus-within {
	outline: none;
	box-shadow: 0 0 0 4px rgba(0, 174, 239, 0.12);
	border-radius: 14px;
}



.captcha-result {
	margin: 0 0 24px;
	padding: 14px 16px;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 600;
}

.captcha-result.success {
	background: rgba(34, 197, 94, 0.1);
	color: #15803d;
}

.captcha-result.error {
	background: rgba(239, 68, 68, 0.1);
	color: #b91c1c;
}