.yep-resource-mega-menu-item {
	position: relative;
}

.yep-resource-mega-menu-item > a.yep-resource-mega-trigger {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
}

.yep-resource-mega-menu-item > a.yep-resource-mega-trigger::after {
	content: "";
	width: 0.55rem;
	height: 0.55rem;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	opacity: 0.6;
	transition: transform 160ms ease, opacity 160ms ease;
}

.yep-resource-mega-menu-item.is-open > a.yep-resource-mega-trigger::after,
.yep-resource-mega-menu-item:focus-within > a.yep-resource-mega-trigger::after {
	transform: rotate(225deg) translateY(-1px);
	opacity: 1;
}

.ast-desktop .yep-resource-mega-menu-item > .sub-menu {
	display: none !important;
}

.yep-resource-mega-panel {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	z-index: 999;
	width: min(300px, calc(100vw - 48px));
	padding: 0;
	background: #ffffff;
	border: 1px solid #dfe2e2;
	border-radius: 4px;
	box-shadow: 0 18px 42px rgba(24, 48, 48, 0.12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	pointer-events: none;
	transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}

.yep-resource-mega-menu-item.is-open > .yep-resource-mega-panel,
.yep-resource-mega-menu-item:focus-within > .yep-resource-mega-panel {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

.yep-resource-mega-list {
	display: grid;
	padding: 12px 0 18px;
	background: #f3faf6;
}

.yep-resource-mega-link {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 22px;
	border: none;
	border-left: 3px solid transparent;
	background: transparent;
	color: #526354;
	text-decoration: none;
	transition: background 150ms ease, color 150ms ease, border-color 150ms ease;
}

.yep-resource-mega-link:hover,
.yep-resource-mega-link:focus-visible,
.yep-resource-mega-link.is-current {
	background: rgba(235, 211, 91, 0.16);
	border-left-color: #e3bd2c;
	color: #183030;
}

.yep-resource-mega-link-label {
	font: 600 0.94rem/1.35 "Helvetica Neue", Arial, sans-serif;
}

.yep-resource-mega-link-arrow {
	color: #526354;
	font-size: 1rem;
	line-height: 1;
}

@media (max-width: 921px) {
	.yep-resource-mega-menu-item > a.yep-resource-mega-trigger::after,
	.yep-resource-mega-panel {
		display: none;
	}
}