.formkit-label-otp {
  @apply block mb-2 font-semibold text-sm formkit-invalid:text-red-500 dark:formkit-invalid:text-danger;
}

.formkit-inner-otp {
  @apply flex
    items-center
    justify-start
    align-middle
    rounded-lg mb-1
    overflow-hidden;
}

.formkit-digit-otp {
  @apply w-10 h-10 mr-2
    text-center
    rounded-lg
    border
    border-[rgb(var(--fk-border-color))]
    text-sm 
    bg-[rgb(var(--bg-2))]
    placeholder-secondary
    focus-within:border-primary
    focus:outline-none;
}

.formkit-message-otp {
  @apply formkit-invalid:text-red-500 dark:formkit-invalid:text-danger;
}
