.hamburger{padding:9px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:#fff;text-transform:none;background-color:transparent;border:0 #000;margin:0;overflow:visible}.hamburger-box{width:40px;height:24px;display:inline-flex;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px;}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:18px;height:3px;color:#fff;background-color:#fff;border-radius:3px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-6px}.hamburger-inner::after{bottom:-6px}.hamburger--vortex .hamburger-inner{color:#fff;transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}
