.hamburger-btn-wrapper{overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;--spacing:8.3px}.hamburger-btn{width:30px;height:calc(var(--spacing) * 3 - 1.5px * 3);position:relative;transform:rotate(0deg);transition:.3s ease-in-out;cursor:pointer}.hamburger-btn span{display:block;position:absolute;height:1.5px;width:100%;background:var(--primary-white);opacity:1;left:0;transform:rotate(0deg);transition:.2s ease-in-out}.hamburger-btn[data-variant=default] span{background:var(--primary-grey)}.hamburger-btn span:first-child{top:0}.hamburger-btn span:nth-child(2),.hamburger-btn span:nth-child(3){top:var(--spacing)}.hamburger-btn span:nth-child(4){top:calc(var(--spacing) * 2)}.hamburger-btn-wrapper[data-state=open] .hamburger-btn span:first-child{top:var(--spacing);width:0;left:50%}.hamburger-btn-wrapper[data-state=open] .hamburger-btn span:nth-child(2){transform:rotate(45deg)}.hamburger-btn-wrapper[data-state=open] .hamburger-btn span:nth-child(3){transform:rotate(-45deg)}.hamburger-btn-wrapper[data-state=open] .hamburger-btn span:nth-child(4){top:var(--spacing);width:0;left:50%}