<c-vars
    icon="rmx.check"
    iconSize="1.25rem"
/>

<li class="flex items-start gap-4 group">
    <div class="mt-0.5 flex-shrink-0 w-5 h-5 rounded-full bg-primary/10 flex items-center justify-center group-hover:bg-primary/15 transition-colors duration-200">
        <c-lbi n="{{ icon }}" w="{{ iconSize }}" h="{{ iconSize }}" class="text-primary/70" />
    </div>
    <span class="text-base-content/70 leading-relaxed">{{ slot }}</span>
</li>
