.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%)}.nav-icon3{width:25px;height:17.5px;position:relative;cursor:pointer;transition:.3s ease-in-out}.nav-icon3 span{display:block;position:absolute;height:1.5px;width:100%;background:#ec4899;border-radius:1.5px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.nav-icon3 span:nth-child(1){top:0}.nav-icon3 span:nth-child(2),.nav-icon3 span:nth-child(3){top:7px}.nav-icon3 span:nth-child(4){top:14px}.nav-icon3.open span:nth-child(1){top:7px;width:0%;left:50%}.nav-icon3.open span:nth-child(2){transform:rotate(45deg)}.nav-icon3.open span:nth-child(3){transform:rotate(-45deg)}.nav-icon3.open span:nth-child(4){top:7px;width:0%;left:50%}