:root{--hamburger-width:2rem;--hamburger-height:1.8rem;--hamburger-line-height:0.4rem}.hamburger{background:none;border:none;height:var(--hamburger-height);padding:0;position:relative;width:var(--hamburger-width)}.hamburger__line{background:var(--hamburger-line-background-color);border-radius:var(--hamburger-line-height);display:block;height:var(--hamburger-line-height);position:absolute;transition:all .5s ease-in-out;width:100%}.hamburger__line:first-child{left:0;top:0}.hamburger__line:nth-child(2){left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hamburger__line:nth-child(3){bottom:0;left:0}.open .hamburger__line:first-child{top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}.open .hamburger__line:nth-child(2){opacity:0}.open .hamburger__line:nth-child(3){bottom:50%;-webkit-transform:translateY(50%) rotate(-45deg);transform:translateY(50%) rotate(-45deg);-webkit-transform-origin:center center;transform-origin:center center}

/*# sourceMappingURL=hamburger.css.map*/