.integration-native-form { display: contents; }
/* Keep the inquiry outlines inside their boxes: the exported SVG strokes
   extend beyond them and are clipped unevenly by the form containers. */
.figma-screen[data-route="individual"] .integration-field-box > img {
  display: none;
}
.figma-screen[data-route="individual"] .integration-field-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(35, 35, 35, .7);
  pointer-events: none;
}
.figma-screen[data-route="individual"][data-variant="mobile"] .integration-field-box::before {
  border-color: rgba(35, 35, 35, .5);
}
.figma-screen .integration-native-control,
.figma-screen .integration-native-submit,
.figma-screen .integration-native-checkbox {
  position: absolute;
  inset: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
}
.figma-screen .integration-native-control {
  padding: 0 10px;
  font-family: HelveticaLocal, Helvetica, Arial, sans-serif !important;
  color: #232323;
  caret-color: #232323;
  text-align: left;
  min-width: 0;
}
.figma-screen select.integration-native-control { padding-right: 36px; color: transparent; cursor: pointer; }
.figma-screen select.integration-native-control.has-value { color: #232323; }
.figma-screen select.integration-native-control option { color: #232323; background: #fff; }
.figma-screen textarea.integration-native-control { resize: none; padding-bottom: 10px; }
.figma-screen .integration-native-submit { cursor: pointer; }
.figma-screen .integration-native-submit:disabled { cursor: wait; background: rgba(255,255,255,.22); }
.figma-screen .integration-native-checkbox { cursor: pointer; }
.figma-screen .integration-native-checkbox:checked {
  background: #e31e26 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6 2.5 2.5L10 3' fill='none' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.figma-screen .integration-native-control:focus-visible,
.figma-screen .integration-native-submit:focus-visible,
.figma-screen .integration-native-checkbox:focus-visible { outline: 2px solid #e31e26; outline-offset: 2px; }
.figma-screen .integration-native-control[aria-invalid="true"],
.figma-screen .integration-native-checkbox[aria-invalid="true"] { outline: 1px solid #e31e26; outline-offset: 1px; }
.figma-screen .integration-form-status {
  position: absolute;
  z-index: 8;
  padding: 5px 0;
  font: 12px/1.35 HelveticaLocal, Helvetica, Arial, sans-serif;
  color: #232323;
  white-space: normal;
  overflow-wrap: anywhere;
}
.figma-screen .integration-form-status.is-error { color: #b61920; }
.figma-screen .integration-form-status[hidden] { display: none; }