header{
	transition: transform 0.3s;
	transform: translateY(-100%);
	top: 0;
	right: 0;
	width: 60px;
	height: 40px;
	position: absolute;
	z-index: 10;
}

header[show="1"]{
	transform: translateY(0%);
}

.header_mob{
	width: 60px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
}

.header_mob_burger{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.header_mob_burger_point{
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: white;
	position: absolute;
	transition: transform 0.2s;
}

.header_mob_burger_point[index="0"],
.header_mob_burger_point[index="1"]{
	top: 18px;
	left: 16px;
}

.header_mob_burger_point[index="2"]{
	width: 6px;
	height: 6px;
	left: 27px;
	top: 17px;
}

.header_mob_burger_point[index="3"],
.header_mob_burger_point[index="4"]{
	top: 18px;
	right: 16px;
}

.header_mob[menu_open="1"] .header_mob_burger_point{
	transition: transform 1s;
}

.header_mob[menu_open="1"] .header_mob_burger_point[index="0"],
.header_mob[menu_open="1"] .header_mob_burger_point[index="3"]{
	transform: translateY(-8px) scale(1.5);
}

.header_mob[menu_open="1"] .header_mob_burger_point[index="2"]{
	transform: scale(0.7);
}

.header_mob[menu_open="1"] .header_mob_burger_point[index="1"],
.header_mob[menu_open="1"] .header_mob_burger_point[index="4"]{
	transform: translateY(8px) scale(1.5);
}

.header_mob_side_menu{
	position: absolute;
	top: 0px;
	right: 0;
	transform: translateX(100%);
	width: calc(100vw - 50px);
	height: 100vh;
	background: #121212;
	transition: transform 0.2s;
	z-index: 9;
	border-radius: 20px 0 0 20px;
	padding: 80px 10px;
}

.header_mob[menu_open="1"] .header_mob_side_menu{
	transition: transform 0.5s;
	transform: translateX(0%);
	box-shadow: -10px 0px 30px #00000030;
}

.header_mob_side_menu_button{
	display: flex;
	transition: transform 0.2s, opacity 0.2s;
	opacity: 0;
	align-items: center;
	font-family: MontserratMedium;
	transform: translateX(100%);
}

.header_mob[menu_open="1"] .header_mob_side_menu_button{
	transition: transform 1s, opacity 2s;
}

.header_mob_side_menu_button[active="1"]{
	border-radius: 10px;
	background: linear-gradient(90deg, #ffffff1f, transparent);
}

.header_mob_side_menu_button::before{
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background-size: 30px;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 10px;
}

/*.header_mob_side_menu_button[type="main"]{
	transform: translateY(-100%);
}

.header_mob_side_menu_button[type="exit"]{
	transform: translateY(-200%);
}*/

.header_mob_side_menu_button[type="main"]::before{
	background-image: url(/static/img/side_menu/chart.svg);
}

.header_mob_side_menu_button[type="settings"]::before{
	background-image: url(/static/img/side_menu/settings.svg);
}

.header_mob_side_menu_button[type="exit"]::before{
	background-image: url(/static/img/side_menu/exit.svg);
}

.header_mob[menu_open="1"] .header_mob_side_menu_button{
	transform: translateX(0%);
	opacity: 1;
}