nav.mzdmn-nav[data-mzdmn] {
	transition:
		transform 240ms ease,
		opacity 180ms ease,
		visibility 0s linear 0s !important;
	will-change: transform, opacity;
}

nav.mzdmn-nav[data-mzdmn].mzdmn-scroll-visible {
	transform: translate3d(0, 0, 0) !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

nav.mzdmn-nav[data-mzdmn].mzdmn-scroll-hidden {
	transform: translate3d(
		0,
		calc(100% + env(safe-area-inset-bottom, 0px) + 20px),
		0
	) !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transition:
		transform 240ms ease,
		opacity 180ms ease,
		visibility 0s linear 240ms !important;
}

@media (prefers-reduced-motion: reduce) {
	nav.mzdmn-nav[data-mzdmn] {
		transition: none !important;
	}
}