try fix safari flash

Author: aurorascharff

src/components/Layout/TopNav/TopNav.tsx

@@ -250,11 +250,13 @@ export default function TopNav({
         className={cn(
           isMenuOpen
             ? 'h-screen sticky top-0 lg:bottom-0 lg:h-screen flex flex-col shadow-nav dark:shadow-nav-dark z-20'
-            : 'z-40 sticky top-0'
+            : 'z-40 sticky top-0 backdrop-filter backdrop-blur-lg backdrop-saturate-200'
         )}>
         <nav
           className={cn(
-            'duration-300 backdrop-filter backdrop-blur-lg backdrop-saturate-200 transition-shadow bg-opacity-90 items-center w-full flex justify-between bg-wash dark:bg-wash-dark dark:bg-opacity-95 px-1.5 lg:pe-5 lg:ps-4 z-40',
+            'duration-300 transition-shadow bg-opacity-90 items-center w-full flex justify-between bg-wash dark:bg-wash-dark dark:bg-opacity-95 px-1.5 lg:pe-5 lg:ps-4 z-40',
+            isMenuOpen &&
+              'backdrop-filter backdrop-blur-lg backdrop-saturate-200',
             {'dark:shadow-nav-dark shadow-nav': isScrolled || isMenuOpen}
           )}>
           <div className="flex items-center justify-between w-full h-16 gap-0 sm:gap-3">