s(input:disabled)]:opacity-75 [&:has(input:disabled)]:cursor-not-allowed">
    <div class="relative flex items-center">
        <input id="checkboxPlus" value="" type="checkbox" class="before:content[''] peer relative size-4 cursor-pointer appearance-none overflow-hidden rounded border border-neutral-300 bg-neutral-50 before:absolute before:inset-0 checked:border-black checked:before:bg-black focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-neutral-800 checked:focus:outline-black active:ou