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