#checkbox{display:none}.toggle{position:relative;width:16px;height:16px;margin-left:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition-duration:.6s;z-index:999999}.bars{display:block!important;width:100%;height:1px;background-color:#000;border-radius:5px;transition:transform .6s ease,opacity .3s .3s ease}#checkbox:checked+.toggle .bars{transition:transform .6s ease,opacity .3s 0s ease}#checkbox:checked+.toggle #bar2{opacity:0}#checkbox:checked+.toggle #bar1{transform:translateY(6px) rotate(135deg);transition-duration:.6s;transform-origin:center}#checkbox:checked+.toggle #bar3{transform:translateY(-6px) rotate(45deg);transition-duration:.6s;transform-origin:center}@media screen and (min-width: 1024px){.toggle{display:none}}