.form-block {
    @apply grid auto-rows-max gap-y-1;
}

.form-label {
    @apply uppercase font-semibold text-xs text-zinc-600 dark:text-zinc-300;
}

input.form-input[type="date"],
input.form-input[type="datetime-local"],
input.form-input[type="email"],
input.form-input[type="month"],
input.form-input[type="number"],
input.form-input[type="password"],
input.form-input[type="search"],
input.form-input[type="tel"],
input.form-input[type="text"],
input.form-input[type="textarea"],
input.form-input[type="time"],
input.form-input[type="url"],
input.form-input[type="week"],
textarea.form-input,
select.form-input {
    @apply relative px-3 py-1 border rounded focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 bg-white dark:bg-indigo-900 text-zinc-900 dark:text-zinc-100 border-stone-300 dark:border-stone-600 shadow dark:shadow-white;
}

.form-checkbox-label {
    @apply grid grid-flow-col auto-cols-max gap-x-2 items-center;
}

.form-checkbox-label .form-checkbox {
    @apply rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50;
}
