Yarn

<div class="w-full text-token-text-primary" data-testid="conversation-turn-15"> <div class="px-4 py-2 justify-center text-base md:gap-6 m-auto"> <div class="flex flex-1 text-base mx-auto gap-3 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem] group"> <div class="relative flex w-full flex-col agent-turn"> <div class="flex-col gap-1 md:gap-3"> <div class="flex flex-grow flex-col max-w-full"> <div class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto" data-message-author-role="assistant" data-message-id="0c2eb785-389b-4ca3-afd6-49351a0f3e57"> <div class="markdown prose w-full break-words dark:prose-invert light"> Yarn.co is a platform dedicated to revolutionizing the way we search, share, and discover video content on the internet. It provides users the unique ability to find video clips by quotes, making it an excellent tool for quick communication and content discovery. The website hosts a vast array of clips from various entertainment sources, organized for easy access and sharing. Yarn's innovative approach stems from advanced techniques in video content analysis and is designed for users looking to enhance their digital communication or simply explore interesting video snippets related to specific phrases or quotes​​​​​​. </div> </div> </div> <div class="mt-1 flex justify-start gap-3 empty:hidden"> <div class="text-gray-400 flex self-end lg:self-center justify-center lg:justify-start mt-0 -ml-1 visible"><button class="flex items-center gap-1.5 rounded-md p-1 text-xs text-token-text-tertiary hover:text-token-text-primary md:invisible md:group-hover:visible md:group-[.final-completion]:visible"></button> <div class="flex"></div> </div> </div> </div> <div class="absolute"> <div class="flex w-full gap-2 items-center justify-center"></div> </div> </div> </div> </div> </div> <div class="w-full text-token-text-primary" data-testid="conversation-turn-16"> <div class="px-4 py-2 justify-center text-base md:gap-6 m-auto"> <div class="flex flex-1 text-base mx-auto gap-3 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem] group"> <div class="flex-shrink-0 flex flex-col relative items-end"> <div> <div class="pt-0.5"> <div class="gizmo-shadow-stroke flex h-6 w-6 items-center justify-center overflow-hidden rounded-full"></div> </div> </div> </div> </div> </div> </div>