.navigation.navigation-dropdown.desktop .dropdown-menu.level-1 {
	--scrollbar-thumb-color: var(--dark-blue);
	--scrollbar-thumb-hover: var(--dark-blue);
	--scrollbar-thumb-active: var(--dark-blue);
	--scrollbar-track-color: var(--blue);
	--scrollbar-size: var(--space-2);


	position: absolute;
	top: 0;
	width: 387px;
	height: 100%;
	background-color: var(--blue);
	left: calc(100% + 4px);
	opacity: 0;
	padding: 41px 15px 20px 31px;
	transition: opacity 0.3s ease-out, transform 0.6s ease-out;


	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
	scrollbar-width: thin;
}


.navigation.navigation-dropdown.desktop .dropdown-menu.level-1 {
	padding-bottom: var(--space-8);
	height: 100%;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
	scrollbar-width: thin;
}

.navigation.navigation-dropdown.desktop .dropdown-menu.level-1::-webkit-scrollbar {
	width: var(--scrollbar-size);
	height: var(--scrollbar-size);
}

.navigation.navigation-dropdown.desktop .dropdown-menu.level-1::-webkit-scrollbar-track {
	background-color: var(--scrollbar-track-color);
}

.navigation.navigation-dropdown.desktop .dropdown-menu.level-1::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-thumb-color);
	border-radius: var(--rounded-md);
	border: 2px solid var(--scrollbar-track-color);
}

.navigation.navigation-dropdown.desktop .dropdown-menu.level-1::-webkit-scrollbar-thumb:hover {
	background-color: var(--scrollbar-thumb-hover);
}

.navigation.navigation-dropdown.desktop .dropdown-menu.level-1::-webkit-scrollbar-thumb:active {
	background-color: var(--scrollbar-thumb-active);
}

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