.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;
}