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