.app-cctp-shell {
  --app-cctp-header-height: 50px;
  --app-cctp-footer-height: 56px;
  --app-cctp-back-row-height: 48px;
  --app-cctp-safe-top: env(safe-area-inset-top, 0px);
  --app-cctp-safe-bottom: env(safe-area-inset-bottom, 0px);
  --app-cctp-panel-duration: 320ms;
  --app-cctp-panel-easing: cubic-bezier(.22,.72,.2,1);
  --app-cctp-menu-visible-rail: 50px;
  --app-cctp-content-padding: 18px;
  --app-cctp-layer-home: 10;
  --app-cctp-layer-panel: 20;
  --app-cctp-layer-chrome: 30;
  --app-cctp-chrome-bg: rgba(12,18,28,.44);
  --app-cctp-chrome-fg: #fff;
  --app-cctp-panel-bg: #DEDDDE;
  --app-cctp-panel-text: #182033;
  --app-cctp-link: #3366cc;
  --app-cctp-panel-link: #3366cc;
  --app-cctp-focus: #91c9ff;
  --app-cctp-shadow: 0 0 24px rgba(0,0,0,.24);
}