<!-- Xmark Checkbox -->
<label for="checkboxXmark" class="flex cursor-pointer items-center gap-2 text-sm font-medium text-neutral-600 dark:text-neutral-300 [&:has(input:checked)]:text-neutral-900 dark:[&:has(input:checked)]:text-white [&:has(input:disabled)]:opacity-75 [&:has(input:disabled)]:cursor-not-allowed">
    <div class="relative flex items-center">
        <input id="checkboxXmark" value="" type="checkbox" class="before:content[''] peer relative size-4 cursor-pointer appearance-none overflow-hidden