.hamburger svg{width:2em}.hamburger #top-line,.hamburger #bottom-line,.hamburger #middle-line{transform-box:fill-box;transform-origin:center}.hamburger[aria-expanded=true] svg{#top-line{animation:down-rotate .6s ease-out both}#bottom-line{animation:up-rotate .6s ease-out both}#middle-line{animation:hide .6s ease-out forwards}}@keyframes up-rotate{0%{animation-timing-function:cubic-bezier(.16,-.88,.97,.53);transform:translateY(0)}30%{transform-origin:center;animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(-10px)}to{transform-origin:center;transform:translateY(-10px) rotate(45deg) scale(.9)}}@keyframes down-rotate{0%{animation-timing-function:cubic-bezier(.16,-.88,.97,.53);transform:translateY(0)}30%{transform-origin:center;animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(10px)}to{transform-origin:center;transform:translateY(10px) rotate(-45deg) scale(.9)}}@keyframes hide{29%{opacity:1}30%{opacity:0}to{opacity:0}}