.navigation.navigation-dropdown.desktop .nav-item {
	--surface-1: var(--primary-color-200);
	--surface-2: var(--primary-color-300);
	--surface-3: var(--primary-color-400);
	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.level-1 .nav-item .dropdown-toggle .icon-toggle {
	transform: none;

}

.panel-header.active .navigation.desktop .dropdown-menu.level-1 {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 594px;
	min-height: 360px;
	min-width: 369px;
}
.panel-header.active .navigation.desktop .nav-item.level-1:not(.open) .dropdown-menu {
	pointer-events: none;
}
.panel-header.active .navigation.desktop .dropdown-menu {
	position: absolute;
	left: calc(238px + (384 - 238) * ((100vw - 1024px) / (1400 - 1024)));
	width: 100vw;
	max-width: 308px;
	background-color: transparent;
}

@media (min-width: 1440px) {
	.panel-header.active .navigation.desktop .dropdown-menu {
		left: 384px;
	}
}
.navigation.navigation-dropdown.desktop .dropdown-menu .dropdown-menu {
	top: -20px;
	left: auto;
	right: -100%;
	width: 100%;
	transform: none;
}
@media (min-width: 64em) {
	.navigation.navigation-dropdown.desktop .dropdown-menu {
		left: 538px;
	}
	.navigation.navigation-dropdown.desktop .nav-item {
		position: static;
	}
	.panel-header.active .navigation.desktop .nav-item:not(.level-1).open > .dropdown-menu {
		position: relative;
		right: 0;
		padding-top: 8px;
		padding-bottom: 0;
	}
	.panel-header.active .navigation.desktop .nav-item.level-3.open .dropdown-menu {
		padding-top: 6px !important;
		padding-bottom: 7px !important;
	}
	.panel-header.active .navigation.desktop .nav-item.level-3.open > .dropdown-menu,
	.panel-header.active .navigation.desktop .nav-item.level-2.open > .dropdown-menu {
		padding-left: 46px;
		position: relative;
	}
	.panel-header.active .navigation.desktop .nav-item.level-2.open .dropdown-menu a {
		font-family: 'Red Hat Display';
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 0.04em;
		padding: 0 6px 14px 0;
	}
}

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

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

.panel-header.active .navigation.desktop .nav-item.level-2 .dropdown-helper {
	display: none;
}

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

.navigation.navigation-dropdown.desktop .dropdown-menu .nav-item .nav-item-control:hover {
	position: relative;
	z-index: 2;
}
@media (min-width: 60em) {
	/* Track */
	.panel-header.active .navigation.desktop .dropdown-menu.level-1::-webkit-scrollbar {
		width: 8px;
	}
	.panel-header.active .navigation.desktop .dropdown-menu.level-1::-webkit-scrollbar-track {
	background: transparent; 
	}

  /* Handle */
	.panel-header.active .navigation.desktop .dropdown-menu.level-1::-webkit-scrollbar-thumb {
		background: #4b6383; 
		border-radius: 3px;
	}
}