#mega-nav-panel {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	top: var(--masthead-height, 72px);
	max-height: calc(100vh - var(--masthead-height, 72px));
	overflow-y: auto;
	transform: translateY(-4px);
	transition: opacity 0.2s ease-out, visibility 0.2s ease-out, transform 0.2s ease-out;
}

#mega-nav-panel.is-open {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

#mega-nav-panel .mega-nav-panel-inner {
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
}

#mega-nav-trigger.is-open {
	background-color: rgb(245 245 244);
}

#mega-nav-trigger .mega-nav-chevron {
	transition: transform 0.2s ease;
}

#mega-nav-trigger.is-open .mega-nav-chevron {
	transform: rotate(180deg);
}

#mega-nav-backdrop {
	top: var(--masthead-height, 72px);
	background: rgba(17, 24, 39, 0.24);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease-out;
}

#mega-nav-backdrop.is-open {
	opacity: 1;
	pointer-events: auto;
}