Sliding Sidebar Drawer

Design a sliding off-canvas sidebar drawer that opens on a menu toggle, with a scaling overlay transition.

A menu button opens a sidebar that slides in from the side. An overlay dims and scales the main content while the drawer is open.

Implement the drawer toggle with CSS transforms and transitions. Clicking the close button or overlay closes it.

Ensure the overlay effect is smooth.

Test open and close behavior.