<div class="[content-visibility:auto] [contain-intrinsic-size:auto_400px] px-2 -mx-2 pb-8 -mb-8 print:[content-visibility:visible]">
<div data-test-render-count="2">
<div class="contents">
<div class="mb-1 mt-6 group">
<div class="flex flex-col items-end gap-1">
<div class="group relative inline-flex gap-2 bg-bg-300 rounded-xl pl-2.5 py-2.5 break-words text-text-100 transition-all max-w-[75ch] flex-col !px-4 max-w-[85%]" data-user-message-bubble="true">
<div class="flex flex-row gap-2 relative">&nbsp;</div>
</div>
<div class="flex justify-start opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 pointer-coarse:opacity-100 transition">
<div class="text-text-300">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
</div>