.drawer-overlay{z-index:200;opacity:0;transition:opacity var(--transition-base);pointer-events:none;background:#0006;display:none;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:all}.drawer-panel{background:var(--bg-0);z-index:201;width:290px;transition:transform var(--transition-slow);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.drawer-panel.open{transform:translate(0)}@media (max-width:1023px){.drawer-overlay{display:block}}@media (max-width:480px){.drawer-panel{width:280px}}