.shared-input-control {
  @apply relative leading-[1.3125rem] text-p2;
}

.shared-input-control:has(input.ng-invalid.ng-dirty) {
  @apply text-[#F70400];
}

.shared-input-control-wrapper {
  @apply grid grid-flow-col items-stretch grow border border-solid border-[#AEB7C1] rounded h-14;
}

.shared-input-control-wrapper input {
  @apply bg-transparent px-4;
}

.shared-input-control-wrapper:has(input.ng-invalid.ng-dirty) {
  @apply border-[#F70400] text-[#F70400];
}

.shared-input-control-input {
  @apply outline-none grow truncate;
}

.shared-input-control-input.ng-invalid.ng-dirty::placeholder {
  @apply text-[#F70400];
}

.shared-input-control-indicator {
  @apply absolute -left-2 top-4 -translate-x-full;
}

.shared-input-control-prefix,
.shared-input-control-suffix {
  @apply inline-block grow-0;
}

.shared-input-control-error {
  @apply text-left mt-[.125rem];
}
