= 1024 ? mobileopen = false : '';"
x-show="mobileopen"
x-cloak
x-transition:enter="transition ease duration-300"
x-transition:enter-start="transform translate-x-full opacity-100 scale-100"
x-transition:enter-end="transform translate-x-0 opacity-100 scale-100"
x-transition:leave="transition ease duration-300"
x-transition:leave-start="transform translate-x-0 opacity-100 scale-100"
x-transition:leave-end="transform translate-x-full opacity-100 scale-100"
class="mobile-sub-menu-cloak fixed lg:static top-0 right-0 bottom-0 flex-auto w-[calc(100%_-_1rem)] lg:w-full max-w-[351px] lg:max-w-full lg:min-h-12 lg:!flex z-[1]">