.sidebar-burger-toggle{--size:1rem;--line:1.5px;--clr:#bbb;width:var(--size);height:calc(.7 * var(--size));color:var(--clr);cursor:pointer;transition:color .15s ease-in-out;display:block;position:relative}.sidebar-burger-toggle:hover{--clr:var(--accent);color:var(--accent)}.sidebar-burger-toggle span{width:100%;height:var(--line);background-color:var(--clr);border-radius:999px;transition:all .15s ease-in-out;display:block;position:absolute}.sidebar-burger-toggle span:first-of-type{transform-origin:0;top:0;left:0}.sidebar-burger-toggle span:nth-of-type(2){top:50%;transform:translateY(-50%)}.sidebar-burger-toggle span:nth-of-type(3){transform-origin:0;top:100%;left:0;transform:translateY(-100%)}.sidebar-burger-toggle__input:checked~span:first-of-type{width:50%;top:50%;transform:translateY(-30%)rotate(-40deg)}.sidebar-burger-toggle__input:checked~span:nth-of-type(3){width:50%;top:50%;transform:translateY(-70%)rotate(40deg)}