ct:enter="shown = true" x-intersect:leave="shown = false">
    <div class="w-full max-w-md mx-auto -ml-9 md:ml-0 md:-mt-9 bg-gray-800 dark:bg-gray-900 lg:h-60 text-black dark:text-white rounded-md border-gray-200 dark:border-gray-700 border-solid border shadow-xl overflow-hidden transition duration-700 ease-out delay-100" :class="{'translate-y-0 opacity-100': shown, 'motion-safe:-translate-y-3 opacity-70': !shown}">
      <div class="flex flex-row mb-4 justify-center relative bg-gray-200 dark:bg-gray-800 p-