#checkbox[data-v-fea066c7]{display:none}.toggle[data-v-fea066c7]{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:30px;justify-content:center;width:30px}.bars[data-v-fea066c7],.toggle[data-v-fea066c7]{position:relative;transition-duration:.5s}.bars[data-v-fea066c7]{background-color:#495057;border-radius:5px;height:4px;width:100%}#checkbox:checked~.toggle #bar1[data-v-fea066c7]{transform:rotate(45deg) translate(5px,5px);transform-origin:center;transition-duration:.5s}#checkbox:checked~.toggle #bar3[data-v-fea066c7]{transform:rotate(-45deg) translate(5px,-5px);transform-origin:center;transition-duration:.5s}#checkbox:checked~.toggle #bar2[data-v-fea066c7]{height:0;opacity:0;transform:scale(0);transition-duration:.5s}.menu-content[data-v-fea066c7]{display:none;opacity:0;transform:translateY(-10%);transition:transform .6s ease,opacity .5s ease;z-index:0}#checkbox:checked~.menu-content[data-v-fea066c7]{display:block;opacity:1;transform:translateY(0);z-index:99}