.bottom_menu{
	position: fixed;
	width: 100vw;
	height: 80px;
	left: 0;
	bottom: 0;
	z-index: 10;
	background: #1a1a1a;
	display: flex;
	justify-content: space-around;
}

.bottom_menu_button{
	width: 70px;
	height: 70px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.bottom_menu_svg_icon{
	width: 40px;
	height: 40px;
}

.bottom_menu_svg_icon > svg{
	display: block;
	width: 100%;
	height: 100%;
	fill: var(--bottom_menu_inactive);
}

.bottom_menu_button_text{
	font-size: 12px;
	line-height: 15px;
	color: var(--bottom_menu_inactive);
}

.bottom_menu_button[active="1"] svg{
	transition: fill 0.3s;
	fill: var(--bottom_menu_active);
}

.bottom_menu_button[active="1"] .bottom_menu_button_text{
	transition: color 0.3s;
	color: var(--bottom_menu_active);
}