.header {
	display: flex;
	position: fixed;
	height: 72px;
	background-color: var(--bg);
    /*background: linear-gradient(0deg, rgba(34,34,37,0) 0%, rgba(34,34,37,1) 50%);*/
	gap: 32px;
	align-items: center;
    justify-content: flex-end;
	width: 100%;
	z-index: 11;
    cursor: auto;
}

.header_menu {
	position: relative;
	display: flex;
	height: 100%;
	gap: 32px;
	align-items: center;
	padding: 0 40px;
}

.header_button{
    height: 100%;
	position: relative;
    display: flex;
    align-items: center;
	font-size: 16px;
	cursor: pointer;
	transition-timing-function: var(--ease_transition);
    z-index: 10;
}

.header_button_line{
	content: "";
    position: absolute;
    width: 100%;
    height: 32px;
    transform: scale3d(1, 0.05, 1);
    background: var(--white);
    top: 22px;
    left: 0;
    /*animation: menu_in_anim 3s forwards;*/
    transform-origin: 0% 100%;
}

@keyframes menu_in_anim {
	0%   {
        transform: scale3d(1, 0.05, 1);
        transform-origin: 0% 100%;
    }
	49.9% {
        transform: scale3d(1, 1, 1);
        transform-origin: 0% 100%;
    }
	50% {
        transform: scale3d(1, 1, 1);
        transform-origin: 0% 0%;
    }
	100% {
        transform: scale3d(1, 0.05, 1);
        transform-origin: 0% 0%;
    }
}

@keyframes menu_out_anim {
	0%   {
        transform: scale3d(1, 0.05, 1);
        transform-origin: 0% 0%;
    }
	49.9% {
        transform: scale3d(1, 1, 1);
        transform-origin: 0% 0%;
    }
	50% {
        transform: scale3d(1, 1, 1);
        transform-origin: 0% 100%;
    }
	100% {
        transform: scale3d(1, 0.05, 1);
        transform-origin: 0% 100%;
    }
}