<!-- BEGIN: Single Email -->
<div class="absolute left-0 top-0 w-full h-full bg-white dark:bg-slate-800 z-[55] rounded-md p-6 overflow-y-auto" id="single-email">
    <div class="flex items-center border-b border-slate-100 dark:border-slate-700 -mx-6 pb-6 mb-6 px-6">
        <div class="flex-1">
            <button class="email-icon close-email" type="button">
                <iconify-icon icon="heroicons-outline:arrow-left"></iconify-icon>
            </button>
        </div>
        <div class="flex-none flex items-center space-x-4 rtl:space-x-reverse">
            <button class="email-icon" type="button">
                <iconify-icon icon="heroicons-outline:logout"></iconify-icon>
            </button>
            <button class="email-icon">
                <iconify-icon icon="heroicons-outline:star"></iconify-icon>
            </button>
            <button class="email-icon">
                <iconify-icon icon="heroicons-outline:archive"></iconify-icon>
            </button>
            <button class="email-icon">
                <iconify-icon icon="heroicons-outline:printer"></iconify-icon>
            </button>
            <button class="email-icon">
                <iconify-icon icon="heroicons-outline:trash"></iconify-icon>
            </button>
            <button class="email-icon">
                <iconify-icon icon="heroicons-outline:dots-horizontal"></iconify-icon>
            </button>
        </div>
    </div>
    <div>
        <div class="text-lg font-medium text-slate-600 dark:text-slate-300">
            Pay bills & win up to 600$ Cashback!
        </div>
        <div class="flex space-x-3 pt-4 pb-6 items-start rtl:space-x-reverse">
            <div class="flex-none">
                <div class="h-8 w-8 rounded-full text-white">
                    <img src="images//avatar/av-1.svg" alt="" class="block w-full h-full object-cover">
                </div>
            </div>
            <div class="flex-1">
                <span class="text-sm text-slate-600 dark:text-slate-300 font-medium leading-4">
                    Esther Howard
                </span>
            </div>
        </div>
        <div class="text-sm text-slate-600 dark:text-slate-300 font-normal">
            Hi Jane Cooper, <br /> <br /> Jornalists call this critical, introductory section the "Lede," and when
            bridge properly
            executed, it's the that carries your reader from an headine try at attention-grabbing to the body of your
            blog post, if
            you want to get it right on of these 10 clever ways to omen your next blog
            <br /> <br /> posr with a bang With resrpect, i must disagree with Mr.Zinsser. We all know the most part of
            important part
            of any article is the title.Without a compelleing title, your reader won't even get to the first
            sentence.After the
            title, however, the first few sentences of your article are certainly the most important part.
            <br /> <br /> Best regards,
            <br /> Esther Howard
        </div>
        <div class="border-t border-b py-4 my-6 border-slate-100 dark:border-slate-700 flex flex-wrap space-x-5 rtl:space-x-reverse">
            <div class="text-center">
                <div class="h-[95px] w-[150px] rounded">
                    <img src="images//all-img/inbox-1.png" alt="" class="block w-full h-full object-cover">
                </div>
                <button class="text-sm text-primary-500 mt-2" type="button">
                    Download
                </button>
            </div>
            <div class="text-center">
                <div class="h-[95px] w-[150px] rounded">
                    <img src="images//all-img/inbox-2.png" alt="" class="block w-full h-full object-cover">
                </div>
                <button class="text-sm text-primary-500 mt-2" type="button">
                    Download
                </button>
            </div>
            <div class="text-center">
                <div class="h-[95px] w-[150px] rounded">
                    <img src="images//all-img/inbox-3.png" alt="" class="block w-full h-full object-cover">
                </div>
                <button class="text-sm text-primary-500 mt-2" type="button">
                    Download
                </button>
            </div>
        </div>
        <div>
            <button class="btn bg-slate-100 text-slate-900 dark:text-slate-300 hover:bg-slate-300 dark:bg-slate-900 btn-sm ">
                Reply
            </button>
        </div>
    </div>
</div>
<!-- END: Single Email -->
