.form-field .text-input {
  @apply w-full;
}

.form-field__label {
  @apply block mb-2;
}

.form-field__wrapper {
  @apply relative flex;

  /* Inset shadow for text-fields */
  &--shadowed:after {
    @apply absolute w-full h-full pointer-events-none;

    content: "";
    box-shadow: inset 0 2px 6px 0 rgba(0,0,0,.1);
  }

  &,
  &--row-items {
    .form-field__control + .form-field__control {
      @apply ml-4;
    }
  }

  &--col-items {
    @apply flex-col;

    .form-field__control + .form-field__control {
      @apply ml-0 mt-4;
    }
  }
}

.form-field__error,
.form-field__help-text {
  @apply text-sm mt-1 font-light;
}

.form-field__error {
  @apply text-red-600;
}

.form-field__help-text {
  @apply text-grey-300;
}

.form-field__error + .form-field__help-text {
  @apply mt-4;
}

.form-field--required .form-field__label:after {
  content: "*";
  @apply text-red-600 ml-1;
}


.form-fields-required-memo:before {
  content: "*";
  @apply text-red-600 mr-1;
}