/* Generated by scripts/gen-tokens.mjs from tokens/. Do not edit. */
:root {
  --fd-spring-quick: 90ms linear(0, 0.079, 0.236, 0.403, 0.551, 0.671, 0.764, 0.833, 0.883, 0.919, 0.944, 0.962, 0.974, 0.983, 0.988, 0.992, 0.995, 0.997, 0.998, 0.998, 1);
  --fd-spring-glide: 180ms linear(0, 0.079, 0.236, 0.403, 0.551, 0.671, 0.764, 0.833, 0.883, 0.919, 0.944, 0.962, 0.974, 0.983, 0.988, 0.992, 0.995, 0.997, 0.998, 0.998, 1);
  --fd-spring-settle: 300ms linear(0, 0.072, 0.222, 0.39, 0.545, 0.674, 0.775, 0.85, 0.904, 0.941, 0.965, 0.981, 0.991, 0.996, 0.999, 1.001, 1.001, 1.002, 1.001, 1.001, 1);
  --fd-spring-quick-out: 70ms linear(0, 0.079, 0.236, 0.403, 0.551, 0.671, 0.764, 0.833, 0.883, 0.919, 0.944, 0.962, 0.974, 0.983, 0.988, 0.992, 0.995, 0.997, 0.998, 0.998, 1);
  --fd-spring-glide-out: 140ms linear(0, 0.079, 0.236, 0.403, 0.551, 0.671, 0.764, 0.833, 0.883, 0.919, 0.944, 0.962, 0.974, 0.983, 0.988, 0.992, 0.995, 0.997, 0.998, 0.998, 1);
  --fd-spring-settle-out: 200ms linear(0, 0.079, 0.236, 0.403, 0.551, 0.671, 0.764, 0.833, 0.883, 0.919, 0.944, 0.962, 0.974, 0.983, 0.988, 0.992, 0.995, 0.997, 0.998, 0.998, 1);
  --fd-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --fd-weight-regular: 400;
  --fd-weight-strong: 560;
  --fd-radius-control: 6px;
  --fd-radius-pill: 5px;
  --fd-dither-cell: 3px;
  --fd-dither-hover-cell: 2px;
  --fd-dither-hover-ink: 18%;
  --fd-glyph-tick: 10px 0px currentColor, 8px 2px currentColor, 10px 2px currentColor, 0px 4px currentColor, 6px 4px currentColor, 8px 4px currentColor, 0px 6px currentColor, 2px 6px currentColor, 4px 6px currentColor, 6px 6px currentColor, 2px 8px currentColor, 4px 8px currentColor;
  --fd-glyph-tick-width: 12px;
  --fd-glyph-tick-height: 10px;
  --fd-glyph-dash: 0px 0px currentColor, 2px 0px currentColor, 4px 0px currentColor, 6px 0px currentColor, 8px 0px currentColor, 10px 0px currentColor;
  --fd-glyph-dash-width: 12px;
  --fd-glyph-dash-height: 2px;
  --fd-glyph-arrow: 0px 0px currentColor, 2px 0px currentColor, 4px 0px currentColor, 6px 0px currentColor, 8px 0px currentColor, 2px 2px currentColor, 4px 2px currentColor, 6px 2px currentColor, 4px 4px currentColor;
  --fd-glyph-arrow-width: 10px;
  --fd-glyph-arrow-height: 6px;
  --fd-glyph-arrow-up: 4px 0px currentColor, 2px 2px currentColor, 4px 2px currentColor, 6px 2px currentColor, 0px 4px currentColor, 2px 4px currentColor, 4px 4px currentColor, 6px 4px currentColor, 8px 4px currentColor;
  --fd-glyph-arrow-up-width: 10px;
  --fd-glyph-arrow-up-height: 6px;
  --fd-control: 34px;
  --fd-segment: 28px;
  --fd-inset: 3px;
  --fd-pad: 14px;
  --fd-tab-pad: 11px;
  --fd-gap: 6px;
  --fd-icon: 15px;
  --fd-font-size: 13px;
  --fd-line-height: 18px;
  --fd-paper: #F6F5F1;
  --fd-ink: #1B1A17;
  --fd-wash: #ECEAE4;
  --fd-ink-soft: #5F5C54;
  --fd-line: #D6D3CA;
  --fd-edge: #8F8B80;
  --fd-focus: #2F5FE0;
  --fd-solid-hover: #35332E;
  --fd-solid-press: #4A4840;
  --fd-on-solid: #F6F5F1;
  --fd-soft: #1B1A1712;
  --fd-soft-hover: #1B1A171F;
  --fd-press: #1B1A1714;
  --fd-shadow: #1B1A1726;
  --fd-screen: #1B1A1742;
  --fd-red: #BC4945;
  --fd-orange: #B25900;
  --fd-green: #1D8B3D;
  --fd-blue: #007DC2;
  --fd-violet: #835CBE;
  --fd-pink: #B24981;
  --fd-surface-0: #F6F5F1;
  --fd-shadow-0: 0 0 0 1px #D6D3CA;
  --fd-surface-1: #FBFAF7;
  --fd-shadow-1: 0 0 0 1px #D6D3CA, 0 1px 3px #1B1A1726;
  --fd-surface-2: #FFFFFF;
  --fd-shadow-2: 0 0 0 1px #D6D3CA, 0 4px 14px #1B1A1726;
  --fd-surface-3: #FFFFFF;
  --fd-shadow-3: 0 0 0 1px #D6D3CA, 0 12px 36px #1B1A1726;
  color-scheme: light;
}

[data-density='compact'] {
  --fd-control: 26px;
  --fd-segment: 22px;
  --fd-inset: 2px;
  --fd-pad: 10px;
  --fd-tab-pad: 8px;
  --fd-gap: 4px;
  --fd-icon: 13px;
  --fd-font-size: 12px;
  --fd-line-height: 16px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --fd-paper: #131311;
    --fd-ink: #F3F1EA;
    --fd-wash: #24231F;
    --fd-ink-soft: #A8A498;
    --fd-line: #F3F1EA29;
    --fd-edge: #6E6B62;
    --fd-focus: #7FA0FF;
    --fd-solid-hover: #DEDCD4;
    --fd-solid-press: #C6C3BA;
    --fd-on-solid: #131311;
    --fd-soft: #F3F1EA1F;
    --fd-soft-hover: #F3F1EA30;
    --fd-press: #F3F1EA24;
    --fd-shadow: #00000066;
    --fd-screen: #00000080;
    --fd-red: #FF8E86;
    --fd-orange: #FC9E47;
    --fd-green: #6DD17F;
    --fd-blue: #49C3FF;
    --fd-violet: #C6A0FF;
    --fd-pink: #FE8DC5;
    --fd-surface-0: #131311;
    --fd-shadow-0: 0 0 0 1px #F3F1EA29;
    --fd-surface-1: #1C1B18;
    --fd-shadow-1: 0 0 0 1px #F3F1EA29, 0 1px 3px #00000066;
    --fd-surface-2: #2B2A25;
    --fd-shadow-2: 0 0 0 1px #F3F1EA29, 0 4px 14px #00000066;
    --fd-surface-3: #35342E;
    --fd-shadow-3: 0 0 0 1px #F3F1EA29, 0 12px 36px #00000066;
    color-scheme: dark;
  }
}

:root[data-theme='dark'] {
  --fd-paper: #131311;
  --fd-ink: #F3F1EA;
  --fd-wash: #24231F;
  --fd-ink-soft: #A8A498;
  --fd-line: #F3F1EA29;
  --fd-edge: #6E6B62;
  --fd-focus: #7FA0FF;
  --fd-solid-hover: #DEDCD4;
  --fd-solid-press: #C6C3BA;
  --fd-on-solid: #131311;
  --fd-soft: #F3F1EA1F;
  --fd-soft-hover: #F3F1EA30;
  --fd-press: #F3F1EA24;
  --fd-shadow: #00000066;
  --fd-screen: #00000080;
  --fd-red: #FF8E86;
  --fd-orange: #FC9E47;
  --fd-green: #6DD17F;
  --fd-blue: #49C3FF;
  --fd-violet: #C6A0FF;
  --fd-pink: #FE8DC5;
  --fd-surface-0: #131311;
  --fd-shadow-0: 0 0 0 1px #F3F1EA29;
  --fd-surface-1: #1C1B18;
  --fd-shadow-1: 0 0 0 1px #F3F1EA29, 0 1px 3px #00000066;
  --fd-surface-2: #2B2A25;
  --fd-shadow-2: 0 0 0 1px #F3F1EA29, 0 4px 14px #00000066;
  --fd-surface-3: #35342E;
  --fd-shadow-3: 0 0 0 1px #F3F1EA29, 0 12px 36px #00000066;
  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --fd-spring-quick: 0.01ms linear;
    --fd-spring-glide: 0.01ms linear;
    --fd-spring-settle: 0.01ms linear;
    --fd-spring-quick-out: 0.01ms linear;
    --fd-spring-glide-out: 0.01ms linear;
    --fd-spring-settle-out: 0.01ms linear;
  }
}