Azure Rae

<div class="flex-1 overflow-hidden"> <div class="react-scroll-to-bottom--css-qmbtg-79elbk h-full dark:bg-gray-800"> <div class="react-scroll-to-bottom--css-qmbtg-1n7m0yu"> <div class="flex flex-col text-sm dark:bg-gray-800"> <div class="group w-full text-token-text-primary border-b border-black/10 dark:border-gray-900/50 bg-gray-50 dark:bg-[#444654]"> <div class="flex p-4 gap-4 text-base md:gap-6 md:max-w-2xl lg:max-w-[38rem] xl:max-w-3xl md:py-6 lg:px-0 m-auto"> <div class="relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]"> <div class="flex flex-grow flex-col gap-3"> <div class="min-h-[20px] flex flex-col items-start gap-3 overflow-x-auto whitespace-pre-wrap break-words"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="absolute bottom-0 left-0 w-full border-t md:border-t-0 dark:border-white/20 md:border-transparent md:dark:border-transparent md:bg-vert-light-gradient bg-white dark:bg-gray-800 md:!bg-transparent dark:md:bg-vert-dark-gradient pt-2 md:pl-2 md:w-[calc(100%-.5rem)]"></div>