.vesta-drawer-overlay { position:fixed; inset:0; background:rgba(0,0,0,.36); opacity:0; visibility:hidden; transition:.2s ease; z-index:9998; }
.vesta-drawer { position:fixed; top:0; right:0; width:min(480px, 100vw); height:100vh; background:#fff; border-left:1px solid var(--vesta-border); transform:translateX(100%); transition:.24s ease; z-index:9999; display:flex; flex-direction:column; }
.vesta-drawer.is-open, .vesta-drawer-overlay.is-open { opacity:1; visibility:visible; transform:translateX(0); }
.vesta-drawer__header { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; padding:20px; border-bottom:1px solid var(--vesta-border); }
.vesta-drawer__header h3 { margin:0 0 4px; }
.vesta-drawer__header p { margin:0; color:var(--vesta-text-2); }
.vesta-drawer__body { padding:20px; overflow:auto; }