.form-control input[type="text"],
.form-control input[type="password"],
.form-control input[type="number"],
.form-control textarea,
.form-control select {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2em;

  border: solid 1px var(--surface-color);
  padding: 0.25em;

  border-radius: 5px;
}

.form-control ltbl-markdown-input {
  width: 100%;
  border: solid 1px var(--surface-color);
  border-radius: 5px;
  --markdown-input-border-color: var(--surface-color);
}

.form-control ltbl-media-array-input {
  margin-top: 15px;
}

.form-control input[type="text"]:focus,
.form-control input[type="password"]:focus,
.form-control input[type="number"]:focus,
.form-control textarea:focus,
.form-control select:focus,
.form-control input[type="text"]:active,
.form-control input[type="password"]:active,
.form-control input[type="number"]:active,
.form-control textarea:active,
.form-control select:active,
.form-control ltbl-markdown-input.focus {
  outline: none;
  border-color: var(--primary-color);
}

.form-control textarea {
  resize: vertical;
}

.form-control ltbl-localized-input input[type="text"],
.form-control ltbl-localized-input input[type="password"],
.form-control ltbl-localized-input input[type="number"],
.form-control ltbl-localized-input textarea,
.form-control ltbl-localized-input select,
.form-control ltbl-localized-input ltbl-markdown-input {
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-control ltbl-localized-input textarea,
.form-control ltbl-localized-input ltbl-markdown-input {
  border-bottom-right-radius: 5px;
}

.form-control .help-text {
  margin: 0;
  font-size: 0.8em;
}

.form-control label + .help-text {
  display: inline;
}

.form-control label + .help-text::before {
  content: " - ";
}