.hamburger-element{cursor:pointer;display:flex;flex-direction:column;height:22px;justify-content:space-evenly;width:var(--space-6)}.hamburger-element div{background-color:var(--text-color-dark-body-copy-1);border-radius:8px;height:1.5px;transition:transform .3s ease,opacity .3s ease;width:100%}.hamburger-element.active div:first-child{transform:rotate(45deg) translate(4px,5px)}.hamburger-element.active div:nth-child(2){opacity:0}.hamburger-element.active div:nth-child(3){transform:rotate(-45deg) translate(3px,-5px)}