.drawer{position:fixed;top:0;width:300px;height:100%;background:#333;color:white;padding:2rem;transition:transform 0.5s ease;z-index:999}.drawer-left{left:0;transform:translateX(-100%)}.drawer-right{right:0;transform:translateX(100%)}.drawer.open-left{transform:translateX(0)}.drawer.open-right{transform:translateX(0)}.close-drawer{margin-top:1rem;padding:0.5rem 1rem;background:#555;border:none;color:white;cursor:pointer}