<div class="flex-1 overflow-hidden">
<div class="h-full overflow-auto bg-token-main-surface-primary">
<div class="flex flex-col text-sm pt-2 md:pb-9">
<div class="w-full text-token-text-primary" dir="auto" data-testid="conversation-turn-7" data-scroll-anchor="true">
<div class="text-base py-[18px] px-3 md:px-4 m-auto">
<div class="mx-auto flex flex-1 gap-4 text-base md:gap-5 lg:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]">
<div class="group/conversation-turn relative flex w-full min-w-0 flex-col agent-turn">
<div class="flex-col gap-1 md:gap-3">
<div class="flex max-w-full flex-col flex-grow">
<div class="min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto" dir="auto" data-message-author-role="assistant" data-message-id="c268592f-bba9-4b5c-8a63-a5c259a88477">
<div class="flex w-full flex-col gap-1 empty:hidden first:pt-[3px]">
<div class="markdown prose w-full break-words dark:prose-invert light">
Our Holly Jolly Gift Certificate Template is ideal for crafting joyful and personalized certificates. With its festive design and vibrant colors, this editable template is simple to customize. Download it today to bring a bit of holiday cheer to your gift-giving process!
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="md:pt-0 dark:border-white/20 md:border-transparent md:dark:border-transparent w-full">
<div class="relative flex w-full flex-1 flex-col items-center justify-center gap-2 pt-3 empty:hidden sm:flex-row">
<div class="flex flex-col items-center gap-4">
<div class="flex items-center justify-center"></div>
</div>
</div>
</div>
