.dd-menu {
	height: 100%;
	display: flex;
	--dd-menu-animation-speed: 0.3s;
}

.dd-menu-root-items {
	gap: 2em;
}

.dd-menu-root-item {
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	position: relative;
}

	.dd-menu-root-item:hover {
	}

.dd-menu-dropdown {	
	top: 100%;
	left: 0px;
	background-color: var( --background-color);
	color: var(--text-color);
	width: 300px;
	box-shadow: 0px 4px 30px var(--shadow-color);
	transform-origin: center top;
	transform: scale(0.9);
	transition: 
		transform var(--dd-menu-animation-speed) cubic-bezier(.72,1.74,.61,1.01), 
		background-color var(--dd-menu-animation-speed), 
		opacity var(--dd-menu-animation-speed);
}

.dd-menu-root-item:hover > .dd-menu-dropdown {
	transform: scale(1);
}

.dd-menu-root-item-link {
	pointer-events: all !important;
}

.dd-menu-items {
	gap: 1em;
}

.dd-menu-item-link {
	color: var(--text-color) !important;
}