:root {
  --shadow-none: none;
  --shadow-hairline: 0 0 0 1px var(--border-hairline);
  --shadow-1: 0 1px 2px rgba(14, 15, 19, 0.07);
  --shadow-2: 0 1px 2px rgba(14, 15, 19, 0.06), 0 4px 10px -4px rgba(14, 15, 19, 0.1);
  --shadow-3: 0 2px 4px rgba(14, 15, 19, 0.06), 0 12px 28px -10px rgba(14, 15, 19, 0.18);
  --shadow-4: 0 8px 16px -6px rgba(14, 15, 19, 0.12), 0 28px 60px -20px rgba(14, 15, 19, 0.28);
  --shadow-brand: 0 2px 0 0 var(--velocity-600);
  --shadow-inset-press: inset 0 2px 0 0 rgba(14, 15, 19, 0.12);
  --ring-focus: 0 0 0 3px var(--velocity-200);
  --ring-focus-inverse: 0 0 0 3px rgba(214, 255, 61, 0.35);
  --overlay-blur: saturate(1.4) blur(14px); /* @kind other */
}