.v-enter-active,.v-leave-active{transition:all .3s ease}.v-enter-from,.v-leave-to{opacity:0}.menu-button,.menu-button:after,.menu-button:before{background-color:#fff;border-radius:2px;display:block;height:4px;position:absolute;transition:transform .4s cubic-bezier(.23,1,.32,1);width:30px}.menu-button:before{content:"";margin-top:-8px}.menu-button:after{content:"";margin-top:8px}.menu-button.menu-open{background:hsla(0,0%,100%,0)}.menu-button.menu-open:after,.menu-button.menu-open:before{background-color:#333}.menu-button.menu-open:before{margin-top:0;transform:rotate(45deg)}.menu-button.menu-open:after{margin-top:0;transform:rotate(-45deg)}#menu-toggle:checked+.menu-button-container .menu-button:before{margin-top:0;transform:rotate(405deg)}#menu-toggle:checked+.menu-button-container .menu-button{background:hsla(0,0%,100%,0)}#menu-toggle:checked+.menu-button-container .menu-button:after{margin-top:0;transform:rotate(-405deg)}