.browser-wrap--form {
  max-width: min(100%, 380px);
}

.form-mockup__body {
  padding: 1.25rem 1rem 1rem;
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 12px;
  color: #1d1d1f;
  line-height: 1.4;
}

.form-mockup__heading {
  margin: 0 0 1rem;
  font-size: 15px;
  font-weight: 600;
  color: #1d1d1f;
}

.form-mockup__field {
  display: grid;
  gap: 0.3rem;
  margin-bottom: 0.65rem;
}

.form-mockup__label {
  font-size: 11px;
  color: #6e6e73;
}

.form-mockup__input {
  height: 32px;
  border: 0.5px solid #d2d2d7;
  border-radius: 6px;
  background: #f5f5f7;
}

.form-mockup__input--area {
  height: 56px;
}

.form-mockup__submit {
  width: 100%;
  margin-top: 0.35rem;
  padding: 0.55rem 1rem;
  border: 0;
  border-radius: 8px;
  background: #2d6a4f;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
