.burger {
	position: absolute;
	display: var(--burger-display);
	width: var(--burger-size);
	height: var(--burger-size);
	right: var(--container-gap);
	top: calc(var(--header-gap-top) + 1rem);
	border-radius: 100%;
	cursor: default;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	border: 0;
	margin: 0;
	overflow: visible;
	z-index: 9999999;
}

.burger-box {
	width: var(--burger-size);
	height: 24px;
	display: inline-block;
	position: relative;
}

.burger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.burger-inner,
.burger-inner::after,
.burger-inner::before {
	width: 100%;
	height: 4px;
	background-color: #fff;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

body.header-light .burger-inner,
body.header-light .burger-inner::after,
body.header-light .burger-inner::before{
	background-color: var(--color-light);
}

body.menu-in .burger-inner::after,
body.menu-in .burger-inner::before {
	background-color: #fff;
}

.burger-inner::after,
.burger-inner::before {
	content: "";
	display: block;
}

.burger-inner::before {
	top: -10px;
}

.burger-inner::after {
	bottom: -10px;
}


		/*
		   * 3DX
		   */

		   .burger--3dx .burger-box {
		   	perspective: 80px;
		   }

		   .burger--3dx .burger-inner {
		   	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		   }

		   .burger--3dx .burger-inner::after,
		   .burger--3dx .burger-inner::before {
		   	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		   }

		   body.menu-in .burger--3dx .burger-inner {
		   	background-color: transparent;
		   	transform: rotateY(180deg);
		   }

		   body.menu-in .burger--3dx .burger-inner::before {
		   	transform: translate3d(0, 10px, 0) rotate(45deg);
		   }

		   body.menu-in .burger--3dx .burger-inner::after {
		   	transform: translate3d(0, -10px, 0) rotate(-45deg);
		   }