.hamburger-button{gap:4px;cursor:pointer;z-index:60;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none;border:none;background:none;padding:0;margin:0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .4s ease,scale .4s ease}.hamburger-button:focus{outline:none}.hamburger-line{width:24px;height:2px;transition:all .3s ease-in-out;transform-origin:center;border-radius:1px}.hamburger-line.active{background-color:#ffff}.hamburger-button.active{transform:translateY(12px) translateX(-8px) scale(1)}.hamburger-button.active .hamburger-line:first-child{transform:rotate(45deg) translate(5px,4px)}.hamburger-button.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-button.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}