:root {
  --fas-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --fas-shadow-md: 0 4px 6px -1px rgba(23, 23, 23, 0.10), 0 2px 4px -2px rgba(23, 23, 23, 0.10);
  --fas-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
  --fas-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);

  --fas-blur-shell: blur(2px); /* @kind other */
  --fas-blur-panel: blur(12px); /* @kind other */

  /* 1px gradient hairline used on every framed image */
  --fas-gradient-edge: linear-gradient(to bottom right, var(--fas-veil-80), var(--fas-veil-30), rgba(0, 0, 0, 0.05)); /* @kind other */
  --fas-gradient-edge-soft: linear-gradient(to bottom right, var(--fas-veil-80), transparent); /* @kind other */
  --fas-gradient-scrim: linear-gradient(to top, var(--fas-scrim), transparent); /* @kind other */
}