.hamburger-wrapper{width:2.5rem;height:2.5rem;display:flex;justify-content:center;transition:all .2s;align-items:center;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hamburger-button{width:1.125rem;height:.75rem;flex-flow:column;justify-content:space-between;transition:height .2s;z-index:200;display:flex}.hamburger-wrapper span{height:2px;width:100%;border-radius:.125rem;display:flex;transition:all .2s;transform-origin:left;align-self:flex-start}.hamburger-wrapper.active span:nth-child(1){transform:translate(.1875rem) translateY(-.2rem) rotate(45deg)}.hamburger-wrapper.active span:nth-child(2){opacity:0}.hamburger-wrapper.active span:nth-child(3){transform:translate(.1875rem) translateY(.2rem) rotate(-45deg)}.hamburger-wrapper:not(.active):hover .hamburger-button{height:.75rem}.hamburger-wrapper.active:hover{transform:rotate(90deg)}.hamburger-wrapper.active .hamburger-button{height:.5rem}