.hamburger{-o-transition:.5s ease-in-out;cursor:pointer;width:50px;height:45px;transition:all .5s ease-in-out;position:relative;transform:rotate(0)}.hamburger span{background:var(--button-bg);opacity:1;-o-transition:.25s ease-in-out;width:50%;height:6px;transition:all .25s ease-in-out;display:block;position:absolute;transform:rotate(0)}.hamburger span:nth-child(2n){border-radius:0 9px 9px 0;left:50%}.hamburger span:nth-child(odd){border-radius:9px 0 0 9px;left:0}.hamburger span:first-child,.hamburger span:nth-child(2){top:0}.hamburger span:nth-child(3),.hamburger span:nth-child(4){top:16px}.hamburger span:nth-child(5),.hamburger span:nth-child(6){top:32px}.hamburger.open span:first-child,.hamburger.open span:nth-child(6){transform:rotate(45deg)}.hamburger.open span:nth-child(2),.hamburger.open span:nth-child(5){transform:rotate(-45deg)}.hamburger.open span:first-child{top:7px;left:5px}.hamburger.open span:nth-child(2){top:7px;left:calc(50% - 5px)}.hamburger.open span:nth-child(3){opacity:0;left:-50%}.hamburger.open span:nth-child(4){opacity:0;left:100%}.hamburger.open span:nth-child(5){top:29px;left:5px}.hamburger.open span:nth-child(6){top:29px;left:calc(50% - 5px)}