<div id="preloader" class="top-0 bottom-0 fixed left-0 w-full h-screen ts-gray-1 z-50 p-10">
    <div class="w-full skeleton-loading-bg h-20 rounded-lg mb-5">

    </div>

    <div class="w-full rounded-lg mb-2">
        <div class="w-full flex justify-between">
            <div class="sm:hidden w-64 skeleton-loading-bg rounded-lg">
                
            </div>
            <div class="sm:hidden w-full md:w-100-64 grid grid-cols-1 gap-5 ">
                <div class="lg:hidden w-full h-72  skeleton-loading-bg rounded-lg"></div>
                <div class="w-full h-36  skeleton-loading-bg rounded-lg"></div>
                <div class="lg:hidden w-full h-52  skeleton-loading-bg rounded-lg"></div>
                <div class="w-full h-36  skeleton-loading-bg rounded-lg"></div>
                <div class="w-full h-36  skeleton-loading-bg rounded-lg"></div>
            </div>
            <div class="md:hidden w-full md:w-100-64 grid grid-cols-1 gap-5 ">
                <div class="w-full h-52  skeleton-loading-bg rounded-lg"></div>
                <div class="w-full h-52  skeleton-loading-bg rounded-lg"></div>
                <div class="w-full h-52  skeleton-loading-bg rounded-lg"></div>
            </div>
        </div>
    </div>
    
</div>