.icon {
	mask-size:contain;
	mask-repeat:no-repeat;
	display:inline-block;
}

.icon.hamburger {
	mask-image:url("/assets/common/img/icon/hamburger.svg");
	aspect-ratio:1 / 1;
	transition: transform 0.25s ease-in-out var(--delay-fade-out), background-color 0.25s ease-in-out var(--delay-fade-out);
}
nav .icon.hamburger:hover, nav .icon.hamburger:has(+ .nav-container:hover) {
	transform: rotate(90deg);
	background-color:var(--color-font-opposite);

	transition-delay:var(--delay-fade-in);
}