.hamburger{cursor:pointer;height:24px;position:relative;transition:all .25s;width:24px}.hamburger-bottom,.hamburger-middle,.hamburger-top{background:#fff;height:2px;left:0;position:absolute;top:5px;transform:rotate(0);transition:all .5s;width:24px}.hamburger-middle{transform:translateY(6px)}.hamburger-bottom{transform:translateY(12px)}.open{transform:rotate(90deg)}.open .hamburger-top{transform:rotate(45deg) translateY(5px) translate(5px)}.open .hamburger-middle{display:none}.open .hamburger-bottom{transform:rotate(-45deg) translateY(5px) translate(-5px)}.arrow{cursor:pointer;height:14px;position:relative;transition:all .25s;width:20px}.arrow-left,.arrow-right{background:#fff;height:2px;left:0;position:absolute;top:5px;transition:all .5s;width:12px}.arrow-left{transform:translateY(1px) rotate(45deg)}.arrow-right{transform:translateY(1px) translate(7px) rotate(-45deg)}.open{transform:rotate(0)}.close{cursor:pointer;height:20px;position:relative;transition:all .25s;width:20px}.close-bottom,.close-middle,.close-top{background:#fff;height:2px;left:0;position:absolute;top:5px;transform:rotate(0);width:20px}.close-bottom,.close-top{transform:translateY(4px)}.open .close-top{transform:rotate(45deg) translateY(3px) translate(3px)}.open .close-bottom{transform:rotate(-45deg) translateY(3px) translate(-3px)}.mobilemenu{margin:.5rem}.fade-enter-active,.fade-leave-active{transition:opacity 2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.rotate-enter-active,.rotate-leave-active{transition:all .4s}.rotate-enter-from,.rotate-leave-to{opacity:0;transform:rotate3d(1,1,1,15deg)}.page-enter-active,.page-leave-active{transition:all .07s}.page-enter-from,.page-leave-to{opacity:0}