.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: 40%;
  border-radius: 1px;
  height: 1px;
  position: absolute;
  transition: all 250ms ease-out;
  will-change: transform;
  top: 50%;
  left: 30%;
}
.hamburger .line.line-1 {
  transform: translateY(-6px);
}
.hamburger .line.line-2 {
  transform: translateY(6px);
}
.hamburger .line.line-3 {
  display: none;
}
.hamburger.is-active .line.line-1 {
  transform: translateY(0) rotate(-45deg);
}
.hamburger.is-active .line.line-2 {
  transform: translateY(0) rotate(45deg);
}

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