.np-field {
  &-control {
    margin-top: var(--size-4);
  }

  &-validation {
    display: flex;
    align-items: flex-start;
    margin-top: var(--size-4);
    gap: var(--size-8);
  }

  &-textarea-char-counter {
    min-width: 55px;
    text-align: right;
    margin-left: auto;
    padding: var(--size-4) 0;
    color: var(--color-content-tertiary);
  }

  // @FIXME space between individual fields should be 24px, while some older inputs
  //        inject extraneous space.
  .form-group--typeahead[class],
  .np-checkbox-label[class] {
    margin-bottom: 0;
  }
  &:has(.wds-radio-group) &-validation {
    margin-top: var(--size-12);
  }
}
