.desktop-navbar {
	justify-content: space-between;
	align-items: center;

	position: relative;
	z-index: 999;

	margin-bottom: 1px;

	width: 100%;
	height: 64px;
	min-height: 64px;

	border-bottom: solid 1px var(--border);
	background-color: var(--navbar);
}

#desktop-navbar-icons {
	display: flex;
	align-items: center;
	justify-content: space-between;

	margin-right: 16px;
}
#desktop-navbar-icons > button {
	height: 46px;
}
#desktop-navbar-icons > button:not(:first-child) {
	margin-left: 6px;
	
	width: 46px;
}
#desktop-navbar-icons > button:not(:last-child) {
	margin-right: 6px;

	width: 51.52px;
}

#logout-hidden-button {
    display: none; /* initial state to hide the element */
    opacity: 0;
    /* transform: translateY(-10px); */
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#logout-hidden-button.show {
    display: block;
    opacity: 1;
    /* transform: translateY(0); */
}

/* MOBILE */
@media screen and (max-width: 480px) {
	.desktop-navbar {
		display: none;
	}
}
/* DESKTOP */
@media screen and (min-width: 480px) {
	.desktop-navbar {
		display: flex;
	}
}