.burger{border:1px solid #333;border-radius:100%;cursor:pointer;height:2rem;left:0;opacity:0;position:absolute;top:.25rem;transition:transform .3s ease,opacity .3s ease;width:2rem}.burger span{background-color:#333;border-radius:10px;height:.125rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;width:70%}.burger span:first-child{transform:translate(-50%,-.75rem)}.burger span:nth-child(3){transform:translate(-50%,.5rem)}.burger.active{opacity:1;transform:translate(13.3125rem)}.burger.active span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.burger.active span:nth-child(2){opacity:0;transform:scale(0)}.burger.active span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}.slide-enter-active[data-v-591d5fd2],.slide-leave-active[data-v-591d5fd2]{transition:.2s ease,transform .2s ease}.slide-enter-from[data-v-591d5fd2],.slide-leave-to[data-v-591d5fd2]{transform:translate(-100%)}