.ubq-public {
  --ubq-canvas: #E8E8E8;
  --ubq-elevation-1: #F8F8F8;
  --ubq-elevation-2: #F8F8F8;
  --ubq-elevation-3: #F8F8F8;
  --ubq-foreground-default: hsla(0,0%,0%,0.9);
  --ubq-foreground-light: hsla(0,0%,0%,0.7);
  --ubq-foreground-info: hsla(0,0%,0%,0.5);
  --ubq-foreground-active: hsl(203, 100%, 50%);
  --ubq-foreground-accent: hsl(0,0%,100%);
  --ubq-foreground-danger: hsla(210, 0%, 100%, 1);
  --ubq-interactive-default: hsl(0,0%,100%);
  --ubq-interactive-hover: hsl(0,0%,100%);
  --ubq-interactive-pressed: hsl(0,0%,100%);
  --ubq-interactive-active-default: hsl(203, 100%, 50%);
  --ubq-interactive-active-hover: hsl(203, 100%, 50%);
  --ubq-interactive-active-pressed: hsl(203, 100%, 50%);
  --ubq-interactive-accent-default: hsl(203, 100%, 50%);
  --ubq-interactive-accent-hover: hsl(203, 100%, 53%);
  --ubq-interactive-accent-pressed: hsl(203, 100%, 48%);
  --ubq-interactive-danger-default: linear-gradient( 180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100% ), rgba(210, 50, 108, 0.8);
  --ubq-interactive-danger-hover: linear-gradient( 180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100% ), rgba(210, 50, 108, 1);
  --ubq-interactive-danger-pressed: linear-gradient( 180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100% ), rgba(210, 50, 108, 0.7);
  --ubq-interactive-template-default: linear-gradient( 180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100% ), rgba(142, 4, 251, 0.4);
  --ubq-interactive-template-hover: linear-gradient( 180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100% ), rgba(142, 4, 251, 0.6);
  --ubq-interactive-template-pressed: linear-gradient( 180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100% ), rgba(142, 4, 251, 0.3);
  --ubq-input-default: hsl(0,0%,90%);
  --ubq-input-hover: hsl(0,0%,88%);
  --ubq-interactive-group-default: rgba(0, 0, 0, 0);
  --ubq-interactive-group-hover: rgba(0, 0, 0, 0.04);
  --ubq-interactive-group-active-default: rgba(0, 0, 0, 0.08);
  --ubq-interactive-group-active-hover: rgba(0, 0, 0, 0.12);
  --ubq-border-outline: hsla(0,0%,100%,0.1);
  --ubq-border-divider: hsla(0,0%,100%,0.08);
  --ubq-border-contrast: hsla(0,0%,100%,0.25);
  --ubq-focus-default: hsl(240.6,100%,80.39%);
  --ubq-focus-outline: hsl(0,0%,100%);
  --ubq-overlay: hsla(210, 10%, 85%, 0.8);
  --ubq-notice-info: hsla(208, 29%, 10%, 1);
  --ubq-notice-success: hsl(166.19,100%,39.63%);
  --ubq-notice-warning: hsl(38.17,68.92%,58.36%);
  --ubq-notice-error: hsl(335.02,100%,75.76%);
  --ubq-effect-shadow: 0px 4px 16px -4px rgba(16, 22, 28, 0.14), 0px 1px 20px -4px rgba(16, 22, 28, 0.12), 0px 2px 12px -4px rgba(16, 22, 28, 0.2);
  --ubq-effect-focus: 0 0 0 calc( 4px / 2 - 0.01px) #F8F8F8, 0 0 0  4px #009fff;
  --ubq-static-selection-frame: #009fff;
}