<span class="relative group cursor-pointer">
    <span class="flex items-center">{{ Str::limit($slot, $length) }}</span>
    <span class="hidden group-hover:block absolute z-10 -ml-28 w-96 mt-2 p-2 text-xs whitespace-pre-wrap rounded-lg bg-gray-100 border border-theme-border shadow-xl text-theme-primary text-left">{{ $slot }}</span>
</span>