/* ==========================================================
   Bottom Navigation
   ========================================================== */
#bottomNavigation{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	height:var(--bottom-nav-height);
	display:flex;
	background:var(--paper);
	border-top:var(--border-width) solid var(--border);
}

.bottom-nav-item{
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:4px;
	text-decoration:none;
	color:var(--ink);
	font-size:10px;
	cursor:pointer;
	border-radius:4px;
}

.bottom-nav-item i{
	font-size:22px;
}

.bottom-nav-item.active{
	font-weight:bold;
	color:var(--paper);
	background:var(--border);
}

.bottom-nav-item:active{
	transform:translateY(2px);
}