.mdrawer{z-index:7000;pointer-events:none;position:fixed;inset:0}.mdrawer__backdrop{opacity:0;transition:opacity var(--dur-base)var(--ease-out);background:#0006;position:absolute;inset:0}.mdrawer__panel{background:var(--bg-secondary);border-right:1px solid var(--border);width:84%;max-width:320px;padding:calc(16px + var(--safe-area-top))12px 16px;transition:transform var(--dur-base)var(--ease-ios);position:absolute;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.mdrawer--open{pointer-events:auto}.mdrawer--open .mdrawer__backdrop{opacity:1}.mdrawer--open .mdrawer__panel{transform:translate(0)}.mdrawer__category{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary);padding:14px 8px 6px;font-weight:600}.mdrawer__group{background:var(--bg-primary);border:.5px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:8px;overflow:hidden}.mdrawer__item{font-size:var(--font-size-md);color:var(--text-secondary);align-items:center;gap:12px;padding:14px;display:flex}.mdrawer__item+.mdrawer__item{border-top:.5px solid var(--border-light)}.mdrawer__item-icon{width:24px;height:24px;color:var(--text-tertiary);place-items:center;display:grid}.mdrawer__item--active{color:var(--accent);font-weight:600}.mdrawer__item--active .mdrawer__item-icon{color:var(--accent)}@media (min-width:769px){.mdrawer{display:none}}