.navigation.navigation-dropdown.desktop .nav-item {
	--surface-1: var(--light-tan);
	position: relative;
}

.navigation.navigation-dropdown.desktop .dropdown-menu .nav-item .dropdown-toggle .icon-toggle {
	transform-origin: center;
	transform: rotate(-90deg);
}

.navigation.navigation-dropdown.desktop .dropdown-menu {
	position: absolute;
	top: calc(100% + 12px);
	left: 50%;
	width: 100vw;
	max-width: 354px;
	background-color: var(--surface-1);
	transform: translateX(-50%);
	border-radius: 30px;
	padding: 27.5px 0;
}

.navigation.navigation-dropdown.desktop .dropdown-menu .dropdown-menu {
	top: -20px;
	left: auto;
	right: calc(-100% + -15px);
	width: 100%;
	transform: none;
}

.navigation.navigation-dropdown.desktop .dropdown-menu .dropdown-menu::after {
	content: "";
    position: absolute;
    top: -10px;
    left: -22px;
    width: 30px;
    height: calc(100% + 20px);
}

.navigation.navigation-dropdown.desktop > .nav-item.on-right .dropdown-menu .dropdown-menu {
	top: -20px;
	left: -100%;
	right: auto;
	width: 100%;
	transform: none;
}

.navigation.navigation-dropdown.desktop .dropdown-menu.open {
	opacity: 1;
	pointer-events: all;
}

.navigation.navigation-dropdown.desktop .dropdown-menu.level-1.open::after {
	position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 7px solid var(--light-tan);
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid var(--light-tan);
    top: -7px;
    right: 50%;
    transform: translateX(50%) rotate(45deg);
}

.navigation.navigation-dropdown.desktop .dropdown-menu .nav-item .dropdown-helper {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
    width: calc(100% + 20px);
	height: 600%;
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform 300ms ease 200ms;
}

.navigation.navigation-dropdown.desktop > .nav-item.on-right .dropdown-menu .nav-item .dropdown-helper { transform-origin: left center; }
.navigation.navigation-dropdown.desktop .nav-item .dropdown-helper { opacity: 0.3; }

.navigation.navigation-dropdown.desktop .dropdown-menu .nav-item .nav-item-control:hover + .dropdown-helper {
	transform: scaleX(1);
	transition: none;
}

.navigation.navigation-dropdown.desktop  .nav-item .nav-item-control:hover {
	position: relative;
	z-index: 2;
}

.navigation.navigation-dropdown.desktop .level-1.nav-item > .dropdown-helper {
	position: absolute;
    z-index: 1;
    top: 0;
    right: -50%;
    height: calc(100% + 30px) ;
    width: 200%;
    transform: scaleY(0);
    transform-origin: bottom center;
    transition: transform 300ms ease 200ms;
}

.navigation.navigation-dropdown.desktop .level-1.nav-item .nav-item-control:hover + .dropdown-helper {
    transform: scaleY(1);
    transition: none;
}