.menu-button{--menu-bar-thickness:3px;--menu-bar-gap:3px;--menu-bar-width:16px;--menu-size:32px;--menu-hit:44px;place-content:center;justify-items:center;gap:var(--menu-bar-gap);box-sizing:border-box;width:var(--menu-size);height:var(--menu-size);color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:grid;position:relative}.menu-button:after{content:"";width:var(--menu-hit);height:var(--menu-hit);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-button .mb-bar{width:var(--menu-bar-width);height:var(--menu-bar-thickness);background:currentColor;border-radius:999px;transition:all .25s;display:block}.menu-button--close .mb-bar{grid-area:1/1}.menu-button--close .mb-bar:first-child{transform:rotate(45deg)}.menu-button--close .mb-bar:last-child{transform:rotate(-45deg)}
.menu-button{pointer-events:auto;color:var(--color-ember);border:1px solid var(--color-hairline);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a0999;border-radius:8px}.menu-button:hover{color:var(--color-ember-bright)}.drawer-close{position:absolute;top:1.15rem;left:1.25rem}