.u-section-1 .u-sheet-1 {
  min-height: 400px;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');

.formbackend-form { width: 400px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; color: #333; line-height: 24px }
.formbackend-form .formbackend-field:not(:first-child) { margin-top: 16px }
.formbackend-form label { display: block }
.formbackend-form input { padding: 12px; margin-top: 4px; margin-bottom: 16px; width: 100%; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; display: block; height: 40px }
.formbackend-form textarea { min-height: 100px }
.formbackend-form input[type='checkbox'] { width: 15px; height: 15px; margin: 0px; margin-right: 8px; display: inline-block }
.formbackend-form .form-checkbox { display: flex; align-items: center }
.formbackend-form textarea, .formbackend-form input, .formbackend-form select { padding: 12px; margin-top: 4px; margin-bottom: 16px; width: 100%; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; display: block; font-family: "Inter", sans-serif; font-size: 14px }
.formbackend-form ::placeholder { opacity: 0.8 }
.formbackend-form button { padding: 0 26px; background-color: #000; color: #fff; border: none; border-radius: 4px; cursor: pointer; height: 40px }
.formbackend-form button:hover { opacity: 0.9 }