.hamburger{padding:6px 8px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border-radius:4px;border:0;line-height:100%;margin:0;height:38px;width:38px;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:22px;height:16px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:4px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:22px;height:2px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-6px}.hamburger-inner::after{bottom:-6px}.hamburger--spin .hamburger-inner{transition-duration:.3s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.14s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .14s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(0.215,0.61,0.355,1)}