/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
  -webkit-perspective: 40px;
          perspective: 40px;
}

.hamburger--3dxy .hamburger-inner {
  -webkit-transition: -webkit-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);
          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);
}

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

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg) rotateY(180deg);
          transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
	-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
	        transform: translate3d(0, 7px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
	-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
	        transform: translate3d(0, -7px, 0) rotate(-45deg);
}