.shared-form-control {
  @apply flex flex-col;
}

.shared-fomr-control-label {
  @apply mb-1 text-base;
}

.shared-fomr-control-error {
  @apply text-brand invisible text-left leading-6 h-6 font-bold px-[.3125rem];
}

.shared-form-control:has(.ng-touched) .shared-fomr-control-error {
  @apply visible;
}

.shared-form-control:has(.ng-touched.ng-invalid) .shared-fomr-control-label {
  @apply text-brand;
}
