.ui-inline-input {
  display: inline-flex;
  padding: 0.5rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;

  label {
    @apply text-isa-neutral-900;

    font-family: "Open Sans";
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.75rem; /* 150% */
    text-transform: uppercase;
  }

  &.ui-inline-input--small input {
    @apply isa-text-body-2-bold;
  }

  &.ui-inline-input--medium input {
    @apply isa-text-body-1-bold;
  }

  input {
    @apply outline-none font-bold text-isa-neutral-900;

    &::placeholder {
      @apply text-isa-neutral-500 font-normal;

      &:hover {
        @apply font-normal;
      }

      &:focus {
        @apply text-isa-neutral-600 font-bold;
      }
    }

    &.ng-invalid {
      @apply text-isa-accent-red;
    }
  }
}
