messages_isOpen = false, 9000);
"
x-show="messages_isOpen"
x-transition:enter="transform transition ease-in-out duration-300"
x-transition:enter-start="-translate-y-full"
x-transition:enter-end="translate-y-0"
x-transition:leave="transform transition ease-in-out duration-300"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="-translate-y-full"
class="fixed top-0 inset-x-0 pl-container py-5 pr-14 text-white"
:class="bgClass"
style="z-index: 100;"
>