:root{--menu-color:#000;--menu-text-color:#000}.hamburger{width:30px;height:30px;left:0;top:0;padding:10px;position:relative;cursor:pointer;box-sizing:content-box;z-index:10}.hamburger *,.hamburger ::after,.hamburger ::before{transition:.3s ease}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:30px;height:2px;content:"";position:absolute;display:block;background-color:#000;background-color:var(--menu-color)}.hamburger-inner{top:15px}.hamburger-inner::before{top:10px}.hamburger-inner::after{top:20px}.hamburger .hamburger-inner,.hamburger .hamburger-inner::after,.hamburger .hamburger-inner::before{transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,top,transform;transition-delay:.2s,.2s,0s}.hamburger.is-clicked .hamburger-inner,.hamburger.is-clicked .hamburger-inner::after,.hamburger.is-clicked .hamburger-inner::before{transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,top,transform;transition-delay:.2s,0s,.2s}.hamburger--slide.is-clicked .hamburger-inner{transform:translateY(10px) rotate(45deg)}.hamburger--slide .hamburger-inner::before{transition:all .2s ease .2s}.hamburger--slide.is-clicked .hamburger-inner::before{transform:translateX(-12px);opacity:0;transition:all .2s ease 0s}.hamburger--slide.is-clicked .hamburger-inner::after{transform:translateY(-20px) rotate(-90deg)}.hamburger--collapse.is-clicked .hamburger-inner{top:25px;transform:rotate(45deg)}.hamburger--collapse.is-clicked .hamburger-inner::before{top:0;opacity:0}.hamburger--collapse.is-clicked .hamburger-inner::after{top:0;transform:rotate(-90deg)}.hamburger--rotate.is-clicked .hamburger-inner{top:25px;transform:rotate(135deg)}.hamburger--rotate.is-clicked .hamburger-inner::before{top:0;opacity:0;transition:opacity .2s ease 0s}.hamburger--rotate.is-clicked .hamburger-inner::after{top:0;transform:rotate(-270deg)}.hamburger--menu .hamburger-inner::after{content:'MENU';background-color:transparent;top:18px;font-size:8px;transform:translateX(0);transition-property:opacity,top,transform;transition-delay:.4s,.4s,.4s;color:#000;color:var(--menu-text-color)}.hamburger--menu.is-clicked .hamburger-inner{top:25px;transform:rotate(45deg);transition-property:opacity,top,transform;transition-delay:0s,.2s,.4s}.hamburger--menu.is-clicked .hamburger-inner::before{top:0;transform:rotate(-90deg);transition-property:opacity,top,transform;transition-delay:0s,.2s,.4s}.hamburger--menu.is-clicked .hamburger-inner::after{transform:translateX(-20px);opacity:0;transition-property:opacity,top,transform;transition-delay:0s,0s,0s}