.ds-drawer{position:fixed}.ds-drawer,.ds-drawer-backdrop{inset:0;z-index:var(--z-overlay)}.ds-drawer-backdrop{position:absolute;background:var(--overlay,rgba(0,0,0,.45))}.ds-drawer-panel{position:absolute;inset-block:0;z-index:var(--z-modal);display:flex;flex-direction:column;max-width:100%;height:100%;background:var(--surface);box-shadow:var(--shadow-3);transition:transform var(--dur-slow) var(--ease);outline:none}.ds-drawer-panel.side-end{inset-inline-end:0;border-start-start-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg);transform:translateX(0)}.ds-drawer-panel.side-start{inset-inline-start:0;border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg);transform:translateX(0)}.ds-drawer-panel[aria-hidden=true].side-end{transform:translateX(-100%)}.ds-drawer-panel[aria-hidden=true].side-start{transform:translateX(100%)}.ds-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}.ds-drawer-title{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:700;color:var(--text-strong);margin:0}.ds-drawer-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.ds-drawer-close:hover{background:var(--surface-2);color:var(--text-strong)}.ds-drawer-close:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.ds-drawer-body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-5);color:var(--text)}.ds-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);flex-shrink:0}