.burger-wrapper{cursor:pointer;height:24px;margin:auto;width:40px}.burger-wrapper .hamburger{background:#000;height:5px;position:relative;transform:translateY(20px);transition:background 10ms ease .1s;width:40px}.burger-wrapper .hamburger:after,.burger-wrapper .hamburger:before{background:#000;content:"";height:5px;position:absolute;transition:top .1s ease 50ms,transform .1s ease 50ms;width:40px}.burger-wrapper .hamburger:before{top:-10px}.burger-wrapper .hamburger:after{top:10px}.menu-trigger:checked~.burger-wrapper .hamburger{background:transparent!important}.menu-trigger:checked~.burger-wrapper .hamburger:after,.menu-trigger:checked~.burger-wrapper .hamburger:before{top:0;transition:top .1s ease 50ms,transform .1s ease 50ms}.menu-trigger:checked~.burger-wrapper .hamburger:before{transform:rotate(45deg)}.menu-trigger:checked~.burger-wrapper .hamburger:after{transform:rotate(-45deg)}.hidden{display:none}