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