.string-field {
  padding: 1.2rem 0;
  width: 100%;
}

.string-field-no-padding {
  padding: 0;
  width: 100%;
}

.string-field--active {
  width: calc(100% - 0.5rem);
}

.string-field--inactive {
  width: 100%;
}

.string-field .form-control {
  padding: 0.25em !important; /* stylelint-disable-line  declaration-no-important */
}

.string-field--inactive:empty {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.string-field--inactive:empty::before {
  content: attr(data-empty-text);
  display: inline-block;
  font-size: 1rem;
  color: var(--color-gray-500);
}