:root{--animation-speed:.42s}.burgermenu .line{transform-origin:50%;transition:y calc(var(--animation-speed)/3) calc(var(--animation-speed)/3) ease-in-out,rotate calc(var(--animation-speed)/3) ease-in-out,opacity calc(var(--animation-speed)/3) 0s}.burgermenu[aria-expanded=true] .line{y:45px;transition:y calc(var(--animation-speed)/3) ease-in-out,rotate calc(var(--animation-speed)/3) calc(var(--animation-speed)/3) ease-in-out,opacity calc(var(--animation-speed)/3) 0s}.burgermenu[aria-expanded=true] .line.top{rotate:45deg}.burgermenu[aria-expanded=true] .line.bottom{rotate:-45deg}.burgermenu[aria-expanded=true] .line.middle{opacity:0}