.hamburger-line{display:block;position:absolute;height:2px;width:calc(100% - 6px);background:currentColor;border-radius:2px;opacity:1;left:3px;transform:rotate(0deg);transition:.25s ease-in-out}.hamburger-line.top{top:4px}.hamburger-line.middle{top:50%;transform:translateY(-50%)}.hamburger-line.bottom{bottom:4px}.hamburger-line.top.open{top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger-line.middle.open{opacity:0}.hamburger-line.bottom.open{bottom:50%;transform:translateY(50%) rotate(-45deg)}