:root {
  --md-sys-shape-corner-none: 0;
  --md-sys-shape-corner-extra-small: 6px;
  --md-sys-shape-corner-small: 10px;
  --md-sys-shape-corner-medium: 16px;
  --md-sys-shape-corner-large: 20px;
  --md-sys-shape-corner-extra-large: 20px;
  --md-sys-shape-corner-full: 999px;
  --app-shape-panel: 20px;

  /* Compatibility aliases; expressive state changes no longer morph shape. */
  --md-sys-shape-corner-morph-hover: 16px;
  --md-sys-shape-corner-morph-active: 12px;
  --md-sys-shape-corner-squircle: 20px;
  --md-sys-shape-corner-dialog: 20px;
  --md-sys-shape-corner-blob: 20px;
}