.nav-toggle{cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;width:28px;height:20px;display:flex;position:relative}.nav-toggle span{transform-origin:50%;background-color:#fff;border-radius:1000px;width:100%;height:3px;transition:all .3s ease-out;display:block}.nav-toggle.active span:first-child{transform:translateY(8.5px)rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active span:nth-child(3){transform:translateY(-8.5px)rotate(-45deg)}