.burger-wrapper{align-items:center;cursor:pointer;display:flex;height:2rem;margin:auto;width:2.2rem}.burger-wrapper .hamburger{background:var(--primary-color);height:.25rem;position:relative;transition:background 10ms ease .3s;width:2.2rem}.burger-wrapper .hamburger:after,.burger-wrapper .hamburger:before{background:var(--primary-color);content:"";height:.25rem;position:absolute;transition:top .3s ease .35s,transform .3s ease 50ms;width:2.2rem}.burger-wrapper .hamburger:before{top:-.8rem}.burger-wrapper .hamburger:after{top:.8rem}.menu-trigger:checked~.burger-wrapper .hamburger{background:transparent;transition:background 10ms ease .3s}.menu-trigger:checked~.burger-wrapper .hamburger:after,.menu-trigger:checked~.burger-wrapper .hamburger:before{top:0;transition:top .3s ease 50ms,transform .3s ease .35s}.menu-trigger:checked~.burger-wrapper .hamburger:before{transform:rotate(45deg)}.menu-trigger:checked~.burger-wrapper .hamburger:after{transform:rotate(-45deg)}.hidden{display:none}@media(min-width:768px){.humburger-menu{display:none}}