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

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

#participant-form .form-field,
#form-payment .form-field {
    @apply bg-primary-bg border-primary-bg;
}

.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;
}

.sbw {
    .form-checkbox,
    .form-radio {
        @apply text-sbw-secondary;
    }
}

.snz {
    .form-checkbox,
    .form-radio {
        @apply text-snz-primary;
    }
}

.ser {
    .form-checkbox,
    .form-radio {
        @apply text-ser-secondary;
    }
}