Sheet

A side panel for secondary context that should not take over the page. 320px wide, square outer corners.

side is chosen once per product: right for context and filters, left for the mobile sidebar.
The page underneath stays legible — a task that must be finished is a Dialog.
On touch widths the same panel is a Drawer.