.ff-contract-withdrawal {
	display: flex;
	flex-direction: column;
	gap: 18px;
	max-width: 720px;
}

.ff-contract-withdrawal__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.ff-contract-withdrawal label,
.ff-contract-withdrawal__declaration strong {
	font-weight: 600;
}

.ff-contract-withdrawal input {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #c8d0d7;
	border-radius: 3px;
	padding: 10px 12px;
	font: inherit;
}

.ff-contract-withdrawal input:focus {
	border-color: var(--ff-primary-color, #00a8a0);
	outline: none;
}

.ff-contract-withdrawal__declaration {
	border-left: 3px solid var(--ff-primary-color, #00a8a0);
	padding-left: 14px;
}

.ff-contract-withdrawal__declaration p {
	margin: 6px 0 0;
}

.ff-contract-withdrawal__captcha altcha-widget {
	--altcha-max-width: 100%;
	--altcha-border-radius: 3px;
	--altcha-color-border-focus: var(--ff-primary-color, #00a8a0);
}

.ff-contract-withdrawal__submit {
	align-self: flex-start;
	border: 0;
	border-radius: 3px;
	background: var(--ff-primary-color, #00a8a0);
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	padding: 12px 20px;
}

.ff-contract-withdrawal__submit:disabled {
	cursor: wait;
	opacity: .7;
}

.ff-contract-withdrawal__error {
	color: #b42318;
	font-size: .9em;
	min-height: 1.2em;
}

.ff-contract-withdrawal__message {
	border-radius: 3px;
	padding: 12px 14px;
}

.ff-contract-withdrawal__message--success {
	background: #ecfdf3;
	color: #027a48;
}

.ff-contract-withdrawal__message--error {
	background: #fef3f2;
	color: #b42318;
}
