.hamburger-button{display:inline-block;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;position:relative;-webkit-transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1)}.hamburger-button:active{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1.1);transform:scale(1.1)}.hamburger-button .line{width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);position:relative;-webkit-transition:background,top,-webkit-transform;transition:background,top,-webkit-transform;transition:background,transform,top;transition:background,transform,top,-webkit-transform;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1)}.hamburger-button.open .line{background:#fff}.hamburger-button.open .line:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger-button.open .line:nth-child(2){-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.hamburger-button.open .line:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}