.navbar-container {
	height: fit-content;
}

.backdrop {
	position: absolute;
	inset: 0;
	height: 200%;
	backdrop-filter: blur(16px);
	mask-image: url(#frostyGlassMask);
}

.svg-mask {
	position: absolute;
	inset: 0;
}

/* Hamburger button lines */
.hamburger-line {
	display: block;
	width: 24px;
	height: 2px;
	background-color: white;
	transition: all 0.2s ease;
	margin: 6px 0;
}

/* Hamburger animation */
#mobile-menu-btn.active .hamburger-line:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}

#mobile-menu-btn.active .hamburger-line:nth-child(2) {
	opacity: 0.1%;
}

#mobile-menu-btn.active .hamburger-line:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}