lastPosScroll ? (isUpScroll = false, lastPosScroll = window.pageYOffset) : (isUpScroll = true, lastPosScroll = window.pageYOffset), window.pageYOffset > 50 || window.innerWidth < 1024 ? notTop = true : notTop = false" :class="[isUpScroll ?'translate-y-0' : '-translate-y-full', notTop ? 'bg-white border-b border-gray-100' : '']" x-init="window.pageYOffset > 50 || window.innerWidth < 1024 ? notTop = true : notTop = false" class="w-full px-4 py-2 navbar md:px-8">
breakpoint" @click.outside="open = window.innerWidth > 1024" class="flex items-start justify-between w-full max-w-screen-xl gap-4 mx-auto rounded-xl lg:items-center">