:root {

  --draggable-panel-inset: var(--space-6);

  --draggable-panel-offset-x: 0;
  --draggable-panel-offset-y: 0;

  --draggable-panel-step-offset: var(--space-2);
  --draggable-panel-step-offset-lg: var(--space-10);

  --draggable-panel-width-sm: 18rem;
  --draggable-panel-width: 22rem;
  --draggable-panel-width-lg: 28rem;

  --draggable-panel-width-xl: var(--centered-shell-width-md);

  --draggable-panel-block-size: auto;
  --draggable-panel-max-block-size: 70vh;

  --draggable-panel-radius: var(--radius-lg);
  --draggable-panel-shadow: var(--shadow-lg);
  --draggable-panel-border-width: var(--stroke-hairline);

  --draggable-panel-bar-padding: var(--space-2) var(--space-3);
  --draggable-panel-bar-gap: var(--space-2);
  --draggable-panel-body-padding: var(--space-4);
  --draggable-panel-handle-size: var(--control-affix-icon-size);
}