.mn-sticky-header {
	transition-property: transform, opacity, box-shadow, background-color, visibility;
	transition-timing-function: ease-in-out;
	will-change: transform, opacity;
}

.mn-sticky-header.mn-sticky-visible {
	visibility: visible !important;
	pointer-events: auto !important;
}

.mn-sticky-header.mn-sticky-hidden {
	visibility: hidden !important;
	pointer-events: none !important;
	opacity: 0 !important;
}

.mn-sticky-header.mn-sticky-active {
	position: fixed !important;
	width: 100%;
	left: 0;
	right: 0;
}

.mn-sticky-placeholder {
	width: 100%;
}

.mn-sticky-transition-fade.mn-sticky-visible {
	opacity: 1 !important;
}

.mn-sticky-transition-fade.mn-sticky-hidden {
	opacity: 0 !important;
}

.mn-sticky-transition-slide.mn-sticky-visible {
	transform: translateY(0);
	opacity: 1 !important;
}

.mn-sticky-transition-slide.mn-sticky-hidden {
	transform: translateY(-100%);
}

.mn-sticky-transition-slide_fade.mn-sticky-visible {
	transform: translateY(0);
	opacity: 1 !important;
}

.mn-sticky-transition-slide_fade.mn-sticky-hidden {
	transform: translateY(-100%);
	opacity: 0 !important;
}

.mn-sticky-transition-scale.mn-sticky-visible {
	transform: scale(1);
	opacity: 1 !important;
}

.mn-sticky-transition-scale.mn-sticky-hidden {
	transform: scale(0.95);
}

.mn-sticky-transition-scale_fade.mn-sticky-visible {
	transform: scale(1);
	opacity: 1 !important;
}

.mn-sticky-transition-scale_fade.mn-sticky-hidden {
	transform: scale(0.95);
	opacity: 0 !important;
}

@media (max-width: 1024px) {
	.mn-sticky-header.mn-sticky-active {
		position: fixed !important;
	}
}

@media (max-width: 768px) {
	.mn-sticky-header {
		transition-duration: 250ms !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mn-sticky-header {
		transition: none !important;
	}
}