.burger{height:3em;width:3em;position:relative;font-size:12px;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.burger:after{content:"";display:block;position:absolute;height:150%;width:150%;top:-25%;left:-25%}.burger .burger-lines{top:50%;margin-top:-.125em}.burger .burger-lines,.burger .burger-lines:after,.burger .burger-lines:before{pointer-events:none;display:block;content:"";width:100%;border-radius:.25em;background-color:#fff;height:.25em;position:absolute;transform:rotate(0)}.burger .burger-lines:after{left:0;top:-1em}.burger .burger-lines:before{left:1em;top:1em}.burger.burger-rotate .burger-lines:after,.burger.burger-rotate .burger-lines:before{width:2em}.burger.burger-rotate .burger-lines,.burger.burger-rotate .burger-lines:after,.burger.burger-rotate .burger-lines:before{transition:all .2s}.burger.burger-rotate.open{transform:rotate(180deg)}.burger.burger-rotate.open .burger-lines{background-color:transparent}.burger.burger-rotate.open .burger-lines:after,.burger.burger-rotate.open .burger-lines:before{left:.5em;top:0}.burger.burger-rotate.open .burger-lines:before{transform:rotate(135deg)}.burger.burger-rotate.open .burger-lines:after{transform:rotate(-135deg)}