100) ? true : false"
@mouseover="hideBanner = false"
@mouseleave="hideBanner = true"
@touch="hideBanner = !hideBanner"
class="fixed top-24 md:top-40 md:right-0 p-2 bg-white text-sm z-50 transition-all duration-200 w-screen max-w-[80vw] md:w-[420px] h-screen max-h-[80vw] md:h-[420px] md:max-w-md overflow-hidden"
:class="{'right-[-90vw] md:right-[-390px]': hideBanner}"
style="will-change: opacity;">