#checkbox{display:none}.toggle{position:relative;width:25px;height:30px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;transition-duration:.5s}.bars{width:100%;background-color:var(--bg-primary);border-radius:4px;height:3px}@media (min-width:768px){.bars{height:4px}.toggle{width:30px}}#bar2{transition-duration:.8s}#bar1{width:100%}#bar2{width:75%}#checkbox:checked+.toggle .bars{position:absolute;background-color:var(--bg-primary);transition-duration:.5s}#checkbox:checked+.toggle #bar2{transform:scaleX(0);transition-duration:.1s}#checkbox:checked+.toggle #bar1{width:100%;transform:rotate(45deg);transition-duration:.5s}#checkbox:checked+.toggle #bar3{width:100%;transform:rotate(-45deg);transition-duration:.5s}#checkbox:checked+.toggle{transition-duration:.5s;transform:rotate(180deg)}