.hamburger svg{max-height:100%;max-width:100%;aspect-ratio:1 / 1}.hamburger{min-width:1em;min-height:1em;padding:0;display:grid;place-items:center}.hamburger .line{transform-origin:center;fill:currentColor;stroke:transparent;stroke-width:1px}.hamburger[aria-expanded=true] .top{transform:rotate(45deg) translateY(23px)}.hamburger[aria-expanded=true] .bottom{transform:rotate(-45deg) translateY(-23px)}.hamburger[aria-expanded=true] .middle{transform:rotate(45deg)}@media (prefers-reduced-motion: no-preference){.hamburger .line{transition:transform .3s linear}}