Azure Rae

<div class="flex-1 overflow-hidden" data-mce-fragment="1"> <div class="react-scroll-to-bottom--css-qmbtg-79elbk h-full dark:bg-gray-800" data-mce-fragment="1"> <div class="react-scroll-to-bottom--css-qmbtg-1n7m0yu" data-mce-fragment="1"> <div class="flex flex-col text-sm dark:bg-gray-800" data-mce-fragment="1"> <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]" data-mce-fragment="1"> <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" data-mce-fragment="1"> <div class="relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]" data-mce-fragment="1"> <div class="flex flex-grow flex-col gap-3" data-mce-fragment="1"> <div class="min-h-[20px] flex flex-col items-start gap-3 overflow-x-auto whitespace-pre-wrap break-words" data-mce-fragment="1"> <div class="markdown prose w-full break-words dark:prose-invert light" data-mce-fragment="1"> <p data-mce-fragment="1"> </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)]" data-mce-fragment="1"><form class="stretch mx-2 flex flex-row gap-3 last:mb-2 md:mx-4 md:last:mb-6 lg:mx-auto lg:max-w-2xl xl:max-w-3xl" data-mce-fragment="1"> <div class="relative flex h-full flex-1 items-stretch md:flex-col" data-mce-fragment="1"> <div data-mce-fragment="1"> <div class="h-full flex ml-1 md:w-full md:m-auto md:mb-4 gap-0 md:gap-2 justify-center" data-mce-fragment="1"></div> </div> </div> </form></div>