<div class="rvx-grid rvx-grid-cols-[repeat(auto-fill,minmax(240px,1fr))] rvx-gap-space12">
    <template x-for="loader in 2">
        <div class="rvx-flex rvx-animate-pulse rvx-space-x-4 rvx-bg-neutral-100 rvx-p-space16 rvx-rounded-md">
            <div class="rvx-flex-1 rvx-space-y-6 rvx-py-1">
                <div class="rvx-space-y-3">
                    <div class="rvx-grid rvx-grid-cols-8 rvx-items-center rvx-gap-space12">
                        <div class="rvx-col-span-2 rvx-size-10 rvx-rounded-full rvx-bg-gray-200"></div>
                        <div class="rvx-col-span-6 rvx-h-2 rvx-rounded rvx-bg-gray-200"></div>
                    </div>
                    <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div>
                </div>
                <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div>
                <div class="rvx-space-y-3">
                    <div class="rvx-grid rvx-grid-cols-3 rvx-gap-4">
                        <div class="rvx-col-span-2 rvx-h-2 rvx-rounded rvx-bg-gray-200"></div>
                        <div class="rvx-col-span-1 rvx-h-2 rvx-rounded rvx-bg-gray-200"></div>
                    </div>
                    <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div>
                </div>
            </div>
        </div>
    </template>
</div>