.hamburger{width:40px;height:30px;display:flex;flex-flow:row wrap;align-items:center;align-content:space-between;transform:scale(0.75);cursor:pointer;margin-bottom:8px;background:none !important;border:0;padding:0}.hamburger-slice{width:100%;height:4px;background-color:var(--secondary)}.hamburger .top{margin-top:4px}.hamburger .top-anim{animation:top-k .2s;animation-fill-mode:forwards}.hamburger .top-anim-r{animation:top-k-r .2s;animation-fill-mode:forwards}.hamburger .mid-anim{animation:mid-k .2s;animation-fill-mode:forwards}.hamburger .mid-anim-r{animation:mid-k-r .2s;animation-fill-mode:forwards}.hamburger .bot-anim{animation:bot-k .2s;animation-fill-mode:forwards}.hamburger .bot-anim-r{animation:bot-k-r .2s;animation-fill-mode:forwards}.hamburger .bot{margin-bottom:-3px}@keyframes top-k{from{transform:rotate(0) translate(0,0)}to{transform:rotate(45deg) translate(10px,10px)}}@keyframes top-k-r{from{transform:rotate(45deg) translate(12px,12px)}to{transform:rotate(0) translate(0,0)}}@keyframes mid-k{from{opacity:1}to{opacity:0}}@keyframes mid-k-r{from{opacity:0}to{opacity:1}}@keyframes bot-k{from{transform:rotate(0) translate(0,0)}to{transform:rotate(-45deg) translate(8px,-8px)}}@keyframes bot-k-r{from{transform:rotate(-45deg) translate(12px,-12px)}to{transform:rotate(0) translate(0,0)}}