.hamburger {
	display: flex;
	justify-content: stretch;
	align-items: stretch;
	outline: none;
	min-height: 54px;
	min-width: 54px;
	cursor: pointer;
	position: relative;
	z-index: 9999;
}

.hamburger__inner {
	position: relative;
	flex: 1;
	transition: all 250ms ease-out;
}

.hamburger .line {
	content: '';
	width: 80%;
	border-radius: 0;
	height: 2px;
	position: absolute;
	transition: all 250ms ease-out;
	will-change: transform, opacity;
	top: 50%;
	left: 10%;
}

.hamburger .line.line-1 {
	transform: translateY(-8px);
}

.hamburger .line.line-2 {
	transform: translateY(0);
}

.hamburger .line.line-3 {
	transform: translateY(8px);
}

.hamburger.is-active .line.line-1 {
	transform: translateY(0) rotate(-45deg);
}

.hamburger.is-active .line.line-2 {
	opacity: 0;
}

.hamburger.is-active .line.line-3 {
	transform: translateY(0) rotate(45deg);
}

/*# sourceMappingURL=hamburger-02.css.map */