<!-- Checkbox -->
<div class="relative">
<label class="inline-flex olwuyhsbcnmdj">
<input type="checkbox" class="size-5 accent-primary-300 bg-primary-950 border border-primary-600 focus:ring-0 focus:border-primary-300 focus:outline-none">
<span class="ms-2">Checkbox Label</span>
</label>
</div>
<!-- Custom Checkbox with Bootstrap Icon -->
<div class="relative">
<label class="inline-flex olwuyhsbcnmdj">
<input type="checkbox" id="check1" class="hidden peer">
<span class="inline-flex qaksleiuryhnv olwuyhsbcnmdj size-5 border border-primary-600 bg-primary-950 peer-checked:bg-primary-300 peer-focus:ring-0 peer-focus:outline-none">
<i class="bi bi-check text-2xl leading-none text-primary-950"></i>
</span>
<span class="ms-2">Checkbox Label</span>
</label>
</div>