.formbuilder-required,
.required-asterisk {
  color: $error;
}

.checkbox-group,
.radio-group {
  display: flex;
  flex-direction: column;
  gap: 8px;

  &.checkbox-group--inline,
  &.radio-group--inline {
    flex-direction: row;
  }
}

.formbuilder-checkbox-group,
.formbuilder-radio-group {

  input[type='checkbox'],
  input[type='radio'] {
    margin: 0 4px 0 0;
  }
}

.formbuilder-autocomplete-list {
  background-color: $white;
  display: none;
  list-style: none;
  padding: 0;
  border: 1px solid $grey-light;
  border-width: 0 1px 1px;
  position: absolute;
  z-index: 20;
  max-height: 200px;
  overflow-y: auto;

  li {
    display: none;
    cursor: default;
    padding: 5px;
    margin: 0;
    transition: background-color 200ms ease-in-out;

    &:hover,
    &.active-option {
      background-color: $input-box-shadow-color;
    }
  }
}