{
const newYPos = window.pageYOffsett || window.scrollY
if (open) return
if (newYPos < 50) {
hidden = false
return
}
if (newYPos > lastYPos) {
hidden = true
} else {
hidden = false
}
lastYPos = newYPos
}" class="fixed flex items-center justify-between transition-all z-[998] top-0 left-0 w-full h-auto 2xl:p-106 lg:p-56 p-36" x-bind:class="currentColor" x-bind:style="`top: ${hidden ? '-160px' : '0px'}`" x-on:change-header-color.window="(event) => {
currentColor = `text-${event.detail.colorClass}`;
currentBackground = `bg-${event.detail.colorClass}`;
}">