.burger-wrapper{cursor:pointer;width:72px;height:48px;margin:1rem auto;display:block}.burger-wrapper .hamburger{background:#000;border-radius:5px;width:72px;height:4px;transition:background 10ms .3s;display:block;position:relative;transform:translateY(24px)}.burger-wrapper .hamburger:before,.burger-wrapper .hamburger:after{content:"";background:#000;border-radius:5px;width:72px;height:4px;transition:top .3s .35s,transform .3s 50ms;position:absolute}.burger-wrapper .hamburger:before{top:-18px}.burger-wrapper .hamburger:after{top:18px}.menu-trigger:checked~.burger-wrapper .hamburger{background:0 0}.menu-trigger:checked~.burger-wrapper .hamburger:after,.menu-trigger:checked~.burger-wrapper .hamburger:before{transition:top .3s 50ms,transform .3s .35s;top:0}.menu-trigger:checked~.burger-wrapper .hamburger:before{transform:rotate(45deg)}.menu-trigger:checked~.burger-wrapper .hamburger:after{transform:rotate(-45deg)}