label.required:after {
    @apply inline-block text-sm;
    content: '*';
}

.form-field {
    @apply border-zinc-400 focus:border-zinc-800 ring-0 focus:outline-2 focus:outline-offset-2 focus:outline-primary-light mt-1 block w-full;
}

.form-field--has-error {
    @apply border-red-700;
}

.form-checkbox,
.form-radio {
    @apply border-zinc-400 focus:border-zinc-800 ring-0 focus:outline-2 focus:outline-offset-2 focus:outline-primary-light text-primary h-4 w-4;
}

.form-checkbox--has-error,
.form-radio--has-error {
    @apply border-red-700;
}

select[readonly] {
    @apply pointer-events-none cursor-not-allowed;
}
input[readonly] {
    @apply cursor-not-allowed;
}