.lead-form {
    gap: 22px;
    padding: 36px;
}

.field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.input {
    width: 100%;
    height: var(--input-height);
    padding: 0 18px;
    border: 1px solid var(--line);
    border-radius: 14px;
    font: 16px/22px var(--sans);
    color: var(--forest);
    background: var(--soft);
}

.input::placeholder {
    color: var(--placeholder);
}

.input-area {
    height: var(--area-height);
    padding-block: 16px;
    resize: vertical;
}

.consent {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.consent-check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
}

.checkbox {
    flex: none;
    width: 22px;
    height: 22px;
    margin: 0;
    accent-color: var(--forest);
}

.consent-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    padding-left: 34px;
}

.lead-status {
    min-height: var(--small-line);
    font-size: var(--small-size);
    line-height: var(--small-line);
    color: var(--peach-ink);
}

.lead-form[data-state='sent'] .lead-status {
    color: var(--forest);
    font-weight: 600;
}

.lead-form[data-state='sent'] .field,
.lead-form[data-state='sent'] .consent,
.lead-form[data-state='sent'] .btn {
    display: none;
}