/* AUTO-GENERATED by `yarn color-system:tokens`. Do not edit by hand. */

:root {
  --color-surface-depth: #f0f0ef;
  --color-surface-base: #f5f5f4;
  --color-surface-primary: #fbfafa;
  --color-surface-secondary: #ffffff;
  --color-surface-tertiary: #ffffff;
  --color-surface-quaternary: #ffffff;
  --color-surface-subtle: rgba(0, 0, 0, 0.04);
  --color-surface-muted: rgba(0, 0, 0, 0.075);
  --color-surface-transparent: rgba(245, 245, 244, 0);
  --color-surface-disabled: #efefee;
  --color-surface-selected: rgba(0, 0, 0, 0.075);
  --color-surface-inverse: #000000;
  --color-surface-accent: #1f61ff;
  --color-surface-accent-muted: rgba(31, 97, 255, 0.16);
  --color-surface-destructive: #e6282a;
  --color-surface-destructive-muted: rgba(230, 40, 42, 0.16);
  --color-surface-attention: #d94a00;
  --color-surface-attention-muted: rgba(217, 74, 0, 0.16);
  --color-surface-positive: #3c9208;
  --color-surface-positive-muted: rgba(60, 146, 8, 0.16);
  --color-surface-special: #8a42f9;
  --color-surface-special-muted: rgba(138, 66, 249, 0.16);
  --color-fg-primary: #000000;
  --color-fg-secondary: #555555;
  --color-fg-tertiary: #636362;
  --color-fg-quaternary: #9e9e9e;
  --color-fg-disabled: #8c8c8b;
  --color-fg-selected: #000000;
  --color-fg-emphasis: #000000;
  --color-fg-on-inverse: #ffffff;
  --color-fg-on-accent: #ffffff;
  --color-fg-on-destructive: #000000;
  --color-fg-on-attention: #000000;
  --color-fg-on-positive: #000000;
  --color-fg-on-special: #ffffff;
  --color-fg-accent: #1f61ff;
  --color-fg-destructive: #e6282a;
  --color-fg-attention: #d94a00;
  --color-fg-positive: #3c9208;
  --color-fg-special: #8a42f9;
  --color-line-depth: rgba(0, 0, 0, 0.082);
  --color-line-base: rgba(0, 0, 0, 0.076);
  --color-line-primary: rgba(0, 0, 0, 0.071);
  --color-line-secondary: rgba(0, 0, 0, 0.069);
  --color-line-tertiary: rgba(0, 0, 0, 0.065);
  --color-line-quaternary: rgba(0, 0, 0, 0.065);
  --color-line-transparent: rgba(0, 0, 0, 0);
  --color-line-disabled: rgba(0, 0, 0, 0.065);
  --color-line-selected: #5b5b5b;
  --color-line-focus: #1f61ff;
  --color-line-accent: rgba(31, 97, 255, 0.727);
  --color-line-destructive: rgba(230, 40, 42, 0.72);
  --color-line-attention: rgba(217, 74, 0, 0.789);
  --color-line-positive: rgba(60, 146, 8, 0.864);
  --color-line-special: rgba(138, 66, 249, 0.73);
  --color-overlay-hover-subtle: rgba(0, 0, 0, 0.042);
  --color-overlay-hover: rgba(0, 0, 0, 0.075);
  --color-overlay-hover-strong: rgba(0, 0, 0, 0.109);
  --color-overlay-selected: rgba(0, 0, 0, 0.089);
  --color-overlay-press: rgba(0, 0, 0, 0.13);
  --color-overlay-scrim: rgba(0, 0, 0, 0.42);
  --color-effect-ring-base: inset 0 0 0 1px rgba(0, 0, 0, 0.076);
  --color-effect-ring-focus: 0 0 0 1px rgba(31, 97, 255, 0.727),
    0 0 0 5px rgba(31, 97, 255, 0.22);
  --color-_checkbox-gradient: linear-gradient(
    to bottom,
    transparent,
    #0000000a
  );
  --color-_checkbox-gradient-checked: linear-gradient(
    to bottom,
    transparent,
    #00000014
  );
  --color-_checkbox-shadow: inset 0px 1px 0px 0px #00000014,
    inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #00000029,
    inset 0px 1px 0px 0px #fff, inset 0px -1px 0px 0px #fffc,
    0px 2px 2px -1px #0000000a, 0px 4px 4px -2px #00000005;
  --color-_checkbox-shadow-checked: inset 0px 1px 0px 0px #00000014,
    inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #11318c,
    inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
    0px 2px 2px -1px #091a481f, 0px 4px 4px -2px #091a481f;
  --color-_radio-gradient-checked: linear-gradient(
    to bottom,
    transparent,
    #00000014
  );
  --color-_radio-gradient-dot: linear-gradient(
    to bottom,
    transparent,
    #0000000a
  );
  --color-_radio-gradient-outline: linear-gradient(
    to bottom,
    #00000005,
    transparent
  );
  --color-_radio-gradient-solid: linear-gradient(
    to bottom,
    transparent,
    #0000000a
  );
  --color-_radio-shadow-checked: inset 0px 1px 0px 0px #00000014,
    inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #11318c,
    inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
    0px 2px 2px -1px #091a481f, 0px 4px 4px -2px #091a481f;
  --color-_radio-shadow-dot: inset 0px 1px 0px 0px #fff,
    inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
    0px 2px 2px -1px #0000000a, 0px 4px 4px -2px #00000005,
    0px 0px 0px 1px #0000003d;
  --color-_radio-shadow-outline: inset 0px 2px 2px -1px #0000000a,
    inset 0px 4px 4px -2px #00000005, 0px 1px 0px 0px #fff;
  --color-_radio-shadow-solid: inset 0px 1px 0px 0px #00000014,
    inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #00000029,
    inset 0px 1px 0px 0px #fff, inset 0px -1px 0px 0px #fffc,
    0px 2px 2px -1px #0000000a, 0px 4px 4px -2px #00000005;
  --color-_switch-gradient-thumb: linear-gradient(
    to bottom,
    transparent,
    #0000000a
  );
  --color-_switch-gradient-track-off: linear-gradient(
    to bottom,
    transparent,
    #ffffff0a
  );
  --color-_switch-gradient-track-on: linear-gradient(
    to bottom,
    transparent,
    #ffffff14
  );
  --color-_switch-shadow-thumb: inset 0px 1px 0px 0px #fff,
    inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
    0px 2px 2px -1px #0000000a, 0px 4px 4px -2px #00000005,
    0px 0px 0px 1px #0000003d;
  --color-_switch-shadow-thumb-active: inset 0px 2px 0px 0px #fff,
    inset 0px -2px 0px 0px #fffc, inset 0px 0px 0px calc(1px / 1.625) #fff,
    0px 2px 2px -1px #0000000a, 0px 4px 4px -2px #00000005,
    0px 0px 0px calc(1px / 1.625) #0000003d;
  --color-_switch-shadow-track: inset 0px 2px 2px -1px #0000000a,
    inset 0px 4px 4px -2px #0000000a, inset 0px 0px 0px 1px #0000001f;
  --color-border-glow-on-accent: lab(0% 0 0/0.064);
  --color-border-glow-on-surface-hover: lab(49.8358% -0.203699 0.727093/.32);
  --color-glow-neutral-hover: lab(0% 0 0/0.04);
  --color-glow-neutral-pressed: lab(0% 0 0/0.08);
  --color-glow-on-neutral-hover: lab(0% 0 0/0.04);
  --color-glow-on-neutral-pressed: lab(0% 0 0/0.08);
  --color-glow-on-accent-hover: lab(0% 0 0/0.08);
  --color-glow-on-accent-pressed: lab(0% 0 0/0.16);
  --color-glow-on-inverse-hover: lab(0% 0 0/0.88);
  --color-glow-on-inverse-pressed: lab(0% 0 0);
  --color-glow-accent-hover: lab(41.4547% 30.9431 -84.4155/0.08);
  --color-glow-accent-pressed: lab(41.4547% 30.9431 -84.4155/0.16);
  --color-glow-destructive-hover: lab(49.6786% 69.526 48.442/0.08);
  --color-glow-destructive-pressed: lab(49.6786% 69.526 48.442/0.16);
  --color-glow-attention-hover: lab(49.7965% 52.6911 61.1861/0.08);
  --color-glow-attention-pressed: lab(49.7965% 52.6911 61.1861/0.16);
  --color-glow-positive-hover: lab(48.9452% -41.3464 51.1223/0.08);
  --color-glow-positive-pressed: lab(48.9452% -41.3464 51.1223/0.16);
  --color-glow-special-hover: lab(47.9156% 57.9535 -81.2975/0.08);
  --color-glow-special-pressed: lab(47.9156% 57.9535 -81.2975/0.16);
  --color-drop-shadow-xs: 0 1px 1px #0000000d;
  --color-drop-shadow-md: 0 3px 3px #0000001f;
  --color-drop-shadow-xl: 0 9px 7px #0000001a;
  --color-shadow-surface-xxs: 0 0 0 0.5px rgba(119, 119, 113, 0.16),
    0 1px 1px 0 #0000000a;
  --color-shadow-surface-xs: inset 0 0 0 0.5px #fff,
    0 0 0 0.5px rgba(119, 119, 113, 0.16), 0px 1px 1px 0px #0000000a,
    0px 1px 1px -0.5px #0000000a;
  --color-shadow-surface-sm: inset 0 0 0 0.5px #fff,
    0 0 0 0.5px rgba(119, 119, 113, 0.16), 0px 1px 1px 0px #0000000a,
    0px 1px 1px -0.5px #0000000a, 0px 3px 3px -1.5px #0000000a;
  --color-shadow-surface-md: inset 0 0 0 0.5px #fff,
    0 0 0 0.5px rgba(119, 119, 113, 0.16), 0px 1px 1px 0px #0000000a,
    0px 1px 1px -0.5px #0000000a, 0px 3px 3px -1.5px #0000000a,
    0px 6px 6px -3px #0000000a;
  --color-shadow-surface-lg: inset 0 0 0 0.5px #fff,
    0 0 0 0.5px rgba(119, 119, 113, 0.16), 0px 1px 1px 0px #0000000a,
    0px 1px 1px -0.5px #0000000a, 0px 3px 3px -1.5px #0000000a,
    0px 6px 6px -3px #0000000a, 0px 12px 12px -6px #0000000a;
  --color-shadow-surface-xl: inset 0 0 0 0.5px #fff,
    0 0 0 0.5px rgba(119, 119, 113, 0.16), 0px 1px 1px 0px #0000000a,
    0px 1px 1px -0.5px #0000000a, 0px 3px 3px -1.5px #0000000a,
    0px 6px 6px -3px #0000000a, 0px 12px 12px -6px #0000000a,
    0px 24px 24px -12px #0000000a;
  --color-shadow-surface-border-alpha: 0.16;
  --color-shadow-button-neutral: inset 0px 1px 0px 0px #00000014,
    inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #00000029,
    inset 0px 1px 0px 0px #fff, inset 0px -1px 0px 0px #fffc,
    0px 2px 2px -1px #0000000a, 0px 4px 4px -2px #00000005;
  --color-shadow-button-inverse: inset 0px 1px 0px 0px #00000014,
    inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #000,
    inset 0px 1px 0px 0px #ffffff3d, inset 0px -1px 0px 0px #ffffff29,
    0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f;
  --color-shadow-button-accent: inset 0px 1px 0px 0px #00000014,
    inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #11318c,
    inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
    0px 2px 2px -1px #091a481f, 0px 4px 4px -2px #091a481f;
  --color-shadow-button-destructive: inset 0px 1px 0px 0px #00000014,
    inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #8d0e13,
    inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
    0px 2px 2px -1px #440b0c1f, 0px 4px 4px -2px #440b0c1f;
  --color-shadow-button-positive: inset 0px 1px 0px 0px #00000014,
    inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #1d4e04,
    inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
    0px 2px 2px -1px #0f28001f, 0px 4px 4px -2px #0f28001f;
  --color-shadow-button-attention: inset 0px 1px 0px 0px #00000014,
    inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #7f2902,
    inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
    0px 2px 2px -1px #3e15001f, 0px 4px 4px -2px #3e15001f;
  --color-shadow-button-special: inset 0px 1px 0px 0px #00000014,
    inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #53388c,
    inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
    0px 2px 2px -1px #2b164d1f, 0px 4px 4px -2px #2b164d1f;
  --color-shadow-button-pressed-neutral: inset 0 0 0 1px #77777166;
  --color-shadow-button-pressed-inverse: inset 0 0 0 1px lab(0% 0 0);
  --color-shadow-button-pressed-semantic: inset 0 0 0 1px #00000029;
  --color-shadow-input-base: inset 0px 2px 2px -1px #0000000a,
    inset 0px 4px 4px -2px #00000005, 0px 1px 0px 0px #fff;
  --color-shadow-switch-thumb: inset 0px 1px 0px 0px #fff,
    inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
    0px 2px 2px -1px #0000000a, 0px 4px 4px -2px #00000005,
    0px 0px 0px 1px #0000003d;
  --color-shadow-switch-track: inset 0px 2px 2px -1px #0000000a,
    inset 0px 4px 4px -2px #0000000a, inset 0px 0px 0px 1px #0000001f;
  --color-shadow-tooltip: 0 0 0 0.5px #0000001f, inset 0 0 0 0.5px #ffffff1f,
    0px 1px 1px -0.5px #0000000a, 0px 3px 3px -1.5px #0000000a,
    0px 6px 6px -3px #0000000a, 0px 12px 12px -6px #0000000a;
  --color-gradient-button-inverse: linear-gradient(
    to bottom,
    lab(0% 0 0/0),
    lab(0% 0 0/0.88)
  );
  --color-gradient-button-neutral: linear-gradient(
    to bottom,
    transparent,
    #0000000a
  );
  --color-gradient-button-semantic: linear-gradient(
    to bottom,
    transparent,
    #00000014
  );
  --color-gradient-input-fill: linear-gradient(
    to bottom,
    #00000005,
    transparent
  );
  --color-gradient-switch-thumb: linear-gradient(
    to bottom,
    transparent,
    #0000000a
  );
  --color-gradient-switch-track-off: linear-gradient(
    to bottom,
    transparent,
    #ffffff0a
  );
  --color-gradient-switch-track-on: linear-gradient(
    to bottom,
    transparent,
    #ffffff14
  );
  --color-gradient-surface: linear-gradient(180deg, #fbfafa 0%, #f0f0ef 100%);
  --color-gradient-accent: linear-gradient(
    135deg,
    #1f61ff 0%,
    rgba(31, 97, 255, 0.42) 100%
  );
  --color-categorical-1: #2f5ecc;
  --color-categorical-2: #298100;
  --color-categorical-3: #c03d00;
  --color-categorical-4: #c0342f;
  --color-categorical-5: #734bc2;
  --color-categorical-6: #a9358b;
  --color-chart-categorical-1: #2f5ecc;
  --color-chart-categorical-2: #298100;
  --color-chart-categorical-3: #c03d00;
  --color-chart-categorical-4: #c0342f;
  --color-chart-categorical-5: #734bc2;
  --color-chart-categorical-6: #a9358b;
  --color-chart-positive: #298100;
  --color-chart-negative: #c0342f;
  --color-chart-attention: #c03d00;
  --color-chart-info: #7749c0;
}

:root[data-theme='dark'] {
  --color-surface-depth: #131313;
  --color-surface-base: #1a1a1a;
  --color-surface-primary: #1f1f1f;
  --color-surface-secondary: #262626;
  --color-surface-tertiary: #2e2e2e;
  --color-surface-quaternary: #373736;
  --color-surface-subtle: rgba(255, 255, 255, 0.065);
  --color-surface-muted: rgba(255, 255, 255, 0.105);
  --color-surface-transparent: rgba(26, 26, 26, 0);
  --color-surface-disabled: #2d2c2c;
  --color-surface-selected: rgba(255, 255, 255, 0.105);
  --color-surface-inverse: #ffffff;
  --color-surface-accent: #4f8aff;
  --color-surface-accent-muted: rgba(79, 138, 255, 0.16);
  --color-surface-destructive: #ff5c52;
  --color-surface-destructive-muted: rgba(255, 92, 82, 0.16);
  --color-surface-attention: #f66c38;
  --color-surface-attention-muted: rgba(246, 108, 56, 0.16);
  --color-surface-positive: #5ead3e;
  --color-surface-positive-muted: rgba(94, 173, 62, 0.16);
  --color-surface-special: #a26bff;
  --color-surface-special-muted: rgba(162, 107, 255, 0.16);
  --color-fg-primary: #ffffff;
  --color-fg-secondary: #b7b7b7;
  --color-fg-tertiary: #8c8c8b;
  --color-fg-quaternary: #636362;
  --color-fg-disabled: #696968;
  --color-fg-selected: #ffffff;
  --color-fg-emphasis: #000000;
  --color-fg-on-inverse: #000000;
  --color-fg-on-accent: #000000;
  --color-fg-on-destructive: #000000;
  --color-fg-on-attention: #000000;
  --color-fg-on-positive: #000000;
  --color-fg-on-special: #000000;
  --color-fg-accent: #4f8aff;
  --color-fg-destructive: #ff5c52;
  --color-fg-attention: #f66c38;
  --color-fg-positive: #5ead3e;
  --color-fg-special: #a26bff;
  --color-line-depth: rgba(255, 255, 255, 0.166);
  --color-line-base: rgba(255, 255, 255, 0.138);
  --color-line-primary: rgba(255, 255, 255, 0.134);
  --color-line-secondary: rgba(255, 255, 255, 0.128);
  --color-line-tertiary: rgba(255, 255, 255, 0.12);
  --color-line-quaternary: rgba(255, 255, 255, 0.112);
  --color-line-transparent: rgba(255, 255, 255, 0);
  --color-line-disabled: rgba(255, 255, 255, 0.112);
  --color-line-selected: #939393;
  --color-line-focus: #6b9eff;
  --color-line-accent: rgba(79, 138, 255, 0.657);
  --color-line-destructive: rgba(255, 92, 82, 0.64);
  --color-line-attention: rgba(246, 108, 56, 0.64);
  --color-line-positive: rgba(94, 173, 62, 0.64);
  --color-line-special: rgba(162, 107, 255, 0.68);
  --color-overlay-hover-subtle: rgba(255, 255, 255, 0.042);
  --color-overlay-hover: rgba(255, 255, 255, 0.075);
  --color-overlay-hover-strong: rgba(255, 255, 255, 0.109);
  --color-overlay-selected: rgba(255, 255, 255, 0.089);
  --color-overlay-press: rgba(255, 255, 255, 0.13);
  --color-overlay-scrim: rgba(0, 0, 0, 0.64);
  --color-effect-ring-base: inset 0 0 0 1px rgba(255, 255, 255, 0.138);
  --color-effect-ring-focus: 0 0 0 1px rgba(79, 138, 255, 0.657),
    0 0 0 5px rgba(79, 138, 255, 0.22);
  --color-_checkbox-gradient: linear-gradient(
    to bottom,
    #ffffff0a,
    transparent
  );
  --color-_checkbox-gradient-checked: linear-gradient(
    to bottom,
    #ffffff14,
    transparent
  );
  --color-_checkbox-shadow: inset 0px 1px 0px 0px #ffffff29,
    inset 0px calc(-1 * 1px) 0px 0px #ffffff0a, inset 0px 0px 0px 1px #ffffff29,
    inset 0px 0px 0px 0px #00000014, inset 0px 0px 0px 0px #0000,
    0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f;
  --color-_checkbox-shadow-checked: inset 0px 1px 0px 0px #ffffff29,
    inset 0px calc(-1 * 1px) 0px 0px #ffffff14, inset 0px 0px 0px 1px #ffffff52,
    inset 0px 0px 0px 0px #0000, inset 0px 0px 0px 0px #0000,
    0px 2px 2px -1px #091a483d, 0px 4px 4px -2px #091a483d;
  --color-_radio-gradient-checked: linear-gradient(
    to bottom,
    #ffffff14,
    transparent
  );
  --color-_radio-gradient-dot: linear-gradient(
    to bottom,
    transparent,
    #0000001f
  );
  --color-_radio-gradient-outline: linear-gradient(
    to bottom,
    #0000000a,
    transparent
  );
  --color-_radio-gradient-solid: linear-gradient(
    to bottom,
    #ffffff0a,
    transparent
  );
  --color-_radio-shadow-checked: inset 0px 1px 0px 0px #ffffff29,
    inset 0px calc(-1 * 1px) 0px 0px #ffffff14, inset 0px 0px 0px 1px #ffffff52,
    inset 0px 0px 0px 0px #0000, inset 0px 0px 0px 0px #0000,
    0px 2px 2px -1px #091a483d, 0px 4px 4px -2px #091a483d;
  --color-_radio-shadow-dot: inset 0px 1px 0px 0px #fff,
    inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
    0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f,
    0px 0px 0px 1px #0000001f;
  --color-_radio-shadow-outline: inset 0px 1px 0px 0px #ffffff14,
    inset 0px 2px 2px -1px #00000014, inset 0px 4px 4px -2px #00000014,
    0px 1px 0px 0px #0000001f;
  --color-_radio-shadow-solid: inset 0px 1px 0px 0px #ffffff29,
    inset 0px calc(-1 * 1px) 0px 0px #ffffff0a, inset 0px 0px 0px 1px #ffffff29,
    inset 0px 0px 0px 0px #00000014, inset 0px 0px 0px 0px #0000,
    0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f;
  --color-_switch-gradient-thumb: linear-gradient(
    to bottom,
    transparent,
    #0000001f
  );
  --color-_switch-gradient-track-off: linear-gradient(
    to bottom,
    transparent,
    #ffffff0a
  );
  --color-_switch-gradient-track-on: linear-gradient(
    to bottom,
    transparent,
    #ffffff14
  );
  --color-_switch-shadow-thumb: inset 0px 1px 0px 0px #fff,
    inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
    0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f,
    0px 0px 0px 1px #0000001f;
  --color-_switch-shadow-thumb-active: inset 0px 1px 0px 0px #fff,
    inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
    0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f,
    0px 0px 0px 1px #0000001f;
  --color-_switch-shadow-track: inset 0px 2px 2px -1px #00000014,
    inset 0px 4px 4px -2px #00000014, inset 0px 0px 0px 1px #ffffff29;
  --color-border-glow-on-accent: lab(100% 0 0/0.128);
  --color-border-glow-on-surface-hover: lab(49.8358% -0.203699 0.727093/.256);
  --color-glow-neutral-hover: lab(100% 0 0/0.04);
  --color-glow-neutral-pressed: lab(100% 0 0/0.08);
  --color-glow-on-neutral-hover: lab(100% 0 0/0.04);
  --color-glow-on-neutral-pressed: lab(100% 0 0/0.08);
  --color-glow-on-accent-hover: lab(100% 0 0/0.08);
  --color-glow-on-accent-pressed: lab(100% 0 0/0.16);
  --color-glow-on-inverse-hover: lab(100% 0 0/0.4);
  --color-glow-on-inverse-pressed: lab(100% 0 0/0.56);
  --color-glow-accent-hover: lab(41.4547% 30.9431 -84.4155/0.16);
  --color-glow-accent-pressed: lab(41.4547% 30.9431 -84.4155/0.24);
  --color-glow-destructive-hover: lab(49.6786% 69.526 48.442/0.16);
  --color-glow-destructive-pressed: lab(49.6786% 69.526 48.442/0.24);
  --color-glow-attention-hover: lab(49.7965% 52.6911 61.1861/0.16);
  --color-glow-attention-pressed: lab(49.7965% 52.6911 61.1861/0.24);
  --color-glow-positive-hover: lab(48.9452% -41.3464 51.1223/0.16);
  --color-glow-positive-pressed: lab(48.9452% -41.3464 51.1223/0.24);
  --color-glow-special-hover: lab(47.9156% 57.9535 -81.2975/0.16);
  --color-glow-special-pressed: lab(47.9156% 57.9535 -81.2975/0.24);
  --color-drop-shadow-xs: 0 1px 1px #0000000d;
  --color-drop-shadow-md: 0 3px 3px #0000001f;
  --color-drop-shadow-xl: 0 9px 7px #0000001a;
  --color-shadow-surface-xxs: 0 0 0 0.5px rgba(119, 119, 113, 0.18) inset,
    0 0 0 0.5px #00000029, 0 1px 0 0 #00000014;
  --color-shadow-surface-xs: inset 0 0 0 0.5px rgba(119, 119, 113, 0.18),
    0 0 0 0.5px #00000029, 0px 1px 0px 0px #00000014,
    0px 1px 1px -0.5px #00000014;
  --color-shadow-surface-sm: inset 0 0 0 0.5px rgba(119, 119, 113, 0.18),
    0 0 0 0.5px #00000029, 0px 1px 0px 0px #00000014,
    0px 1px 1px -0.5px #00000014, 0px 3px 3px -1.5px #00000014;
  --color-shadow-surface-md: inset 0 0 0 0.5px rgba(119, 119, 113, 0.18),
    0 0 0 0.5px #00000029, 0px 1px 0px 0px #00000014,
    0px 1px 1px -0.5px #00000014, 0px 3px 3px -1.5px #00000014,
    0px 6px 6px -3px #00000014;
  --color-shadow-surface-lg: inset 0 0 0 0.5px rgba(119, 119, 113, 0.18),
    0 0 0 0.5px #00000029, 0px 1px 0px 0px #00000014,
    0px 1px 1px -0.5px #00000014, 0px 3px 3px -1.5px #00000014,
    0px 6px 6px -3px #00000014, 0px 12px 12px -6px #00000014;
  --color-shadow-surface-xl: inset 0 0 0 0.5px rgba(119, 119, 113, 0.18),
    0 0 0 0.5px #00000029, 0px 1px 0px 0px #00000014,
    0px 1px 1px -0.5px #00000014, 0px 3px 3px -1.5px #00000014,
    0px 6px 6px -3px #00000014, 0px 12px 12px -6px #00000014,
    0px 24px 24px -12px #00000014;
  --color-shadow-surface-border-alpha: 0.18;
  --color-shadow-button-neutral: inset 0px 1px 0px 0px #ffffff29,
    inset 0px calc(-1 * 1px) 0px 0px #ffffff0a, inset 0px 0px 0px 1px #ffffff29,
    inset 0px 0px 0px 0px #00000014, inset 0px 0px 0px 0px #0000,
    0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f;
  --color-shadow-button-inverse: inset 0px 1px 0px 0px #ffffff29,
    inset 0px calc(-1 * 1px) 0px 0px #ffffff0a, inset 0px 0px 0px 1px #fff,
    inset 0px 0px 0px 0px #00000014, inset 0px 0px 0px 0px #0000,
    0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f;
  --color-shadow-button-accent: inset 0px 1px 0px 0px #ffffff29,
    inset 0px calc(-1 * 1px) 0px 0px #ffffff14, inset 0px 0px 0px 1px #ffffff52,
    inset 0px 0px 0px 0px #0000, inset 0px 0px 0px 0px #0000,
    0px 2px 2px -1px #091a483d, 0px 4px 4px -2px #091a483d;
  --color-shadow-button-destructive: inset 0px 1px 0px 0px #ffffff29,
    inset 0px calc(-1 * 1px) 0px 0px #ffffff14, inset 0px 0px 0px 1px #ffffff52,
    inset 0px 0px 0px 0px #0000, inset 0px 0px 0px 0px #0000,
    0px 2px 2px -1px #440b0c3d, 0px 4px 4px -2px #440b0c3d;
  --color-shadow-button-positive: inset 0px 1px 0px 0px #ffffff29,
    inset 0px calc(-1 * 1px) 0px 0px #ffffff14, inset 0px 0px 0px 1px #ffffff52,
    inset 0px 0px 0px 0px #0000, inset 0px 0px 0px 0px #0000,
    0px 2px 2px -1px #0f28003d, 0px 4px 4px -2px #0f28003d;
  --color-shadow-button-attention: inset 0px 1px 0px 0px #ffffff29,
    inset 0px calc(-1 * 1px) 0px 0px #ffffff14, inset 0px 0px 0px 1px #ffffff52,
    inset 0px 0px 0px 0px #0000, inset 0px 0px 0px 0px #0000,
    0px 2px 2px -1px #3e15003d, 0px 4px 4px -2px #3e15003d;
  --color-shadow-button-special: inset 0px 1px 0px 0px #ffffff29,
    inset 0px calc(-1 * 1px) 0px 0px #ffffff14, inset 0px 0px 0px 1px #ffffff52,
    inset 0px 0px 0px 0px #0000, inset 0px 0px 0px 0px #0000,
    0px 2px 2px -1px #2b164d3d, 0px 4px 4px -2px #2b164d3d;
  --color-shadow-button-pressed-neutral: inset 0 0 0 1px #7777718f;
  --color-shadow-button-pressed-inverse: inset 0 0 0 1px lab(100% 0 0);
  --color-shadow-button-pressed-semantic: inset 0 0 0 1px #ffffff52;
  --color-shadow-input-base: inset 0px 1px 0px 0px #ffffff14,
    inset 0px 2px 2px -1px #00000014, inset 0px 4px 4px -2px #00000014,
    0px 1px 0px 0px #0000001f;
  --color-shadow-switch-thumb: inset 0px 1px 0px 0px #fff,
    inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
    0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f,
    0px 0px 0px 1px #0000001f;
  --color-shadow-switch-track: inset 0px 2px 2px -1px #00000014,
    inset 0px 4px 4px -2px #00000014, inset 0px 0px 0px 1px #ffffff29;
  --color-shadow-tooltip: 0 0 0 0.5px #00000014, inset 0 0 0 0.5px #ffffff1f,
    0px 1px 1px -0.5px #00000014, 0px 3px 3px -1.5px #00000014,
    0px 6px 6px -3px #00000014, 0px 12px 12px -6px #00000014;
  --color-gradient-button-inverse: linear-gradient(
    to bottom,
    lab(0% 0 0/0),
    lab(0% 0 0/0.08)
  );
  --color-gradient-button-neutral: linear-gradient(
    to bottom,
    #ffffff0a,
    transparent
  );
  --color-gradient-button-semantic: linear-gradient(
    to bottom,
    #ffffff14,
    transparent
  );
  --color-gradient-input-fill: linear-gradient(
    to bottom,
    #0000000a,
    transparent
  );
  --color-gradient-switch-thumb: linear-gradient(
    to bottom,
    transparent,
    #0000001f
  );
  --color-gradient-switch-track-off: linear-gradient(
    to bottom,
    transparent,
    #ffffff0a
  );
  --color-gradient-switch-track-on: linear-gradient(
    to bottom,
    transparent,
    #ffffff14
  );
  --color-gradient-surface: linear-gradient(180deg, #1f1f1f 0%, #131313 100%);
  --color-gradient-accent: linear-gradient(
    135deg,
    #4f8aff 0%,
    rgba(79, 138, 255, 0.42) 100%
  );
  --color-categorical-1: #74a5ff;
  --color-categorical-2: #7bc162;
  --color-categorical-3: #ff8e64;
  --color-categorical-4: #ff8276;
  --color-categorical-5: #b38fff;
  --color-categorical-6: #f57cd2;
  --color-chart-categorical-1: #74a5ff;
  --color-chart-categorical-2: #7bc162;
  --color-chart-categorical-3: #ff8e64;
  --color-chart-categorical-4: #ff8276;
  --color-chart-categorical-5: #b38fff;
  --color-chart-categorical-6: #f57cd2;
  --color-chart-positive: #7bc162;
  --color-chart-negative: #ff8276;
  --color-chart-attention: #ff8e64;
  --color-chart-info: #b88dff;
}

@supports (color: color(display-p3 1 1 1)) {
  :root {
    --color-surface-depth: color(display-p3 0.940456 0.940134 0.937463);
    --color-surface-base: color(display-p3 0.961356 0.961032 0.95835);
    --color-surface-primary: color(display-p3 0.982342 0.982017 0.979324);
    --color-surface-secondary: color(display-p3 1 1 1);
    --color-surface-tertiary: color(display-p3 1 1 1);
    --color-surface-quaternary: color(display-p3 1 1 1);
    --color-surface-subtle: color(display-p3 0 0 0 / 0.04);
    --color-surface-muted: color(display-p3 0 0 0 / 0.075);
    --color-surface-transparent: color(
      display-p3 0.961356 0.961032 0.95835 / 0
    );
    --color-surface-disabled: color(display-p3 0.937329 0.937006 0.934337);
    --color-surface-selected: color(display-p3 0 0 0 / 0.075);
    --color-surface-inverse: color(display-p3 0.000827 0.000827 0.000827);
    --color-surface-accent: color(display-p3 0.176375 0.357919 1);
    --color-surface-accent-muted: color(display-p3 0.176375 0.357919 1 / 0.16);
    --color-surface-destructive: color(display-p3 0.827633 0.239044 0.208267);
    --color-surface-destructive-muted: color(
      display-p3 0.827633 0.239044 0.208267 / 0.16
    );
    --color-surface-attention: color(display-p3 0.787805 0.329179 0.128842);
    --color-surface-attention-muted: color(
      display-p3 0.787805 0.329179 0.128842 / 0.16
    );
    --color-surface-positive: color(display-p3 0.329367 0.565903 0.167952);
    --color-surface-positive-muted: color(
      display-p3 0.329367 0.565903 0.167952 / 0.16
    );
    --color-surface-special: color(display-p3 0.504131 0.273141 0.942357);
    --color-surface-special-muted: color(
      display-p3 0.504131 0.273141 0.942357 / 0.16
    );
    --color-fg-primary: color(display-p3 0 0 0);
    --color-fg-secondary: color(display-p3 0.334256 0.333988 0.331774);
    --color-fg-tertiary: color(display-p3 0.389003 0.388728 0.386455);
    --color-fg-quaternary: color(display-p3 0.620967 0.620668 0.618196);
    --color-fg-disabled: color(display-p3 0.549375 0.549082 0.546665);
    --color-fg-selected: color(display-p3 0 0 0);
    --color-fg-emphasis: color(display-p3 0.000827 0.000827 0.000827);
    --color-fg-on-inverse: color(display-p3 1 1 1);
    --color-fg-on-accent: color(display-p3 1 1 1);
    --color-fg-on-destructive: color(display-p3 0 0 0);
    --color-fg-on-attention: color(display-p3 0 0 0);
    --color-fg-on-positive: color(display-p3 0 0 0);
    --color-fg-on-special: color(display-p3 1 1 1);
    --color-fg-accent: color(display-p3 0.176375 0.357919 1);
    --color-fg-destructive: color(display-p3 0.827633 0.239044 0.208267);
    --color-fg-attention: color(display-p3 0.787805 0.329179 0.128842);
    --color-fg-positive: color(display-p3 0.329367 0.565903 0.167952);
    --color-fg-special: color(display-p3 0.504131 0.273141 0.942357);
    --color-line-depth: color(display-p3 0 0 0 / 0.082);
    --color-line-base: color(display-p3 0 0 0 / 0.076);
    --color-line-primary: color(display-p3 0 0 0 / 0.071);
    --color-line-secondary: color(display-p3 0 0 0 / 0.069);
    --color-line-tertiary: color(display-p3 0 0 0 / 0.065);
    --color-line-quaternary: color(display-p3 0 0 0 / 0.065);
    --color-line-transparent: color(display-p3 0 0 0 / 0);
    --color-line-disabled: color(display-p3 0 0 0 / 0.065);
    --color-line-selected: color(display-p3 0.358167 0.357896 0.355655);
    --color-line-focus: color(display-p3 0.176375 0.357919 1);
    --color-line-accent: color(display-p3 0.176375 0.357919 1 / 0.727);
    --color-line-destructive: color(
      display-p3 0.827633 0.239044 0.208267 / 0.72
    );
    --color-line-attention: color(
      display-p3 0.787805 0.329179 0.128842 / 0.789
    );
    --color-line-positive: color(display-p3 0.329367 0.565903 0.167952 / 0.864);
    --color-line-special: color(display-p3 0.504131 0.273141 0.942357 / 0.73);
    --color-overlay-hover-subtle: rgba(0, 0, 0, 0.042);
    --color-overlay-hover: rgba(0, 0, 0, 0.075);
    --color-overlay-hover-strong: rgba(0, 0, 0, 0.109);
    --color-overlay-selected: rgba(0, 0, 0, 0.089);
    --color-overlay-press: rgba(0, 0, 0, 0.13);
    --color-overlay-scrim: rgba(0, 0, 0, 0.42);
    --color-effect-ring-base: inset 0 0 0 1px var(--color-line-base);
    --color-effect-ring-focus: 0 0 0 1px var(--color-line-accent),
      0 0 0 5px color(display-p3 0.198126 0.375829 0.963721 / 0.22);
    --color-_checkbox-gradient: linear-gradient(
      to bottom,
      transparent,
      #0000000a
    );
    --color-_checkbox-gradient-checked: linear-gradient(
      to bottom,
      transparent,
      #00000014
    );
    --color-_checkbox-shadow: inset 0px 1px 0px 0px #00000014,
      inset 0px calc(-1 * 1px) 0px 0px #00000029,
      inset 0px 0px 0px 1px #00000029, inset 0px 1px 0px 0px #fff,
      inset 0px -1px 0px 0px #fffc, 0px 2px 2px -1px #0000000a,
      0px 4px 4px -2px #00000005;
    --color-_checkbox-shadow-checked: inset 0px 1px 0px 0px #00000014,
      inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #11318c,
      inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
      0px 2px 2px -1px #091a481f, 0px 4px 4px -2px #091a481f;
    --color-_radio-gradient-checked: linear-gradient(
      to bottom,
      transparent,
      #00000014
    );
    --color-_radio-gradient-dot: linear-gradient(
      to bottom,
      transparent,
      #0000000a
    );
    --color-_radio-gradient-outline: linear-gradient(
      to bottom,
      #00000005,
      transparent
    );
    --color-_radio-gradient-solid: linear-gradient(
      to bottom,
      transparent,
      #0000000a
    );
    --color-_radio-shadow-checked: inset 0px 1px 0px 0px #00000014,
      inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #11318c,
      inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
      0px 2px 2px -1px #091a481f, 0px 4px 4px -2px #091a481f;
    --color-_radio-shadow-dot: inset 0px 1px 0px 0px #fff,
      inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
      0px 2px 2px -1px #0000000a, 0px 4px 4px -2px #00000005,
      0px 0px 0px 1px #0000003d;
    --color-_radio-shadow-outline: inset 0px 2px 2px -1px #0000000a,
      inset 0px 4px 4px -2px #00000005, 0px 1px 0px 0px #fff;
    --color-_radio-shadow-solid: inset 0px 1px 0px 0px #00000014,
      inset 0px calc(-1 * 1px) 0px 0px #00000029,
      inset 0px 0px 0px 1px #00000029, inset 0px 1px 0px 0px #fff,
      inset 0px -1px 0px 0px #fffc, 0px 2px 2px -1px #0000000a,
      0px 4px 4px -2px #00000005;
    --color-_switch-gradient-thumb: linear-gradient(
      to bottom,
      transparent,
      #0000000a
    );
    --color-_switch-gradient-track-off: linear-gradient(
      to bottom,
      transparent,
      #ffffff0a
    );
    --color-_switch-gradient-track-on: linear-gradient(
      to bottom,
      transparent,
      #ffffff14
    );
    --color-_switch-shadow-thumb: inset 0px 1px 0px 0px #fff,
      inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
      0px 2px 2px -1px #0000000a, 0px 4px 4px -2px #00000005,
      0px 0px 0px 1px #0000003d;
    --color-_switch-shadow-thumb-active: inset 0px 2px 0px 0px #fff,
      inset 0px -2px 0px 0px #fffc, inset 0px 0px 0px calc(1px / 1.625) #fff,
      0px 2px 2px -1px #0000000a, 0px 4px 4px -2px #00000005,
      0px 0px 0px calc(1px / 1.625) #0000003d;
    --color-_switch-shadow-track: inset 0px 2px 2px -1px #0000000a,
      inset 0px 4px 4px -2px #0000000a, inset 0px 0px 0px 1px #0000001f;
    --color-border-glow-on-accent: lab(0% 0 0/0.064);
    --color-border-glow-on-surface-hover: lab(49.8358% -0.203699 0.727093/.32);
    --color-glow-neutral-hover: lab(0% 0 0/0.04);
    --color-glow-neutral-pressed: lab(0% 0 0/0.08);
    --color-glow-on-neutral-hover: lab(0% 0 0/0.04);
    --color-glow-on-neutral-pressed: lab(0% 0 0/0.08);
    --color-glow-on-accent-hover: lab(0% 0 0/0.08);
    --color-glow-on-accent-pressed: lab(0% 0 0/0.16);
    --color-glow-on-inverse-hover: lab(0% 0 0/0.88);
    --color-glow-on-inverse-pressed: lab(0% 0 0);
    --color-glow-accent-hover: lab(41.4547% 30.9431 -84.4155/0.08);
    --color-glow-accent-pressed: lab(41.4547% 30.9431 -84.4155/0.16);
    --color-glow-destructive-hover: lab(49.6786% 69.526 48.442/0.08);
    --color-glow-destructive-pressed: lab(49.6786% 69.526 48.442/0.16);
    --color-glow-attention-hover: lab(49.7965% 52.6911 61.1861/0.08);
    --color-glow-attention-pressed: lab(49.7965% 52.6911 61.1861/0.16);
    --color-glow-positive-hover: lab(48.9452% -41.3464 51.1223/0.08);
    --color-glow-positive-pressed: lab(48.9452% -41.3464 51.1223/0.16);
    --color-glow-special-hover: lab(47.9156% 57.9535 -81.2975/0.08);
    --color-glow-special-pressed: lab(47.9156% 57.9535 -81.2975/0.16);
    --color-drop-shadow-xs: 0 1px 1px #0000000d;
    --color-drop-shadow-md: 0 3px 3px #0000001f;
    --color-drop-shadow-xl: 0 9px 7px #0000001a;
    --color-shadow-surface-xxs: 0 0 0 0.5px rgba(119, 119, 113, 0.16),
      0 1px 1px 0 #0000000a;
    --color-shadow-surface-xs: inset 0 0 0 0.5px #fff,
      0 0 0 0.5px rgba(119, 119, 113, 0.16), 0px 1px 1px 0px #0000000a,
      0px 1px 1px -0.5px #0000000a;
    --color-shadow-surface-sm: inset 0 0 0 0.5px #fff,
      0 0 0 0.5px rgba(119, 119, 113, 0.16), 0px 1px 1px 0px #0000000a,
      0px 1px 1px -0.5px #0000000a, 0px 3px 3px -1.5px #0000000a;
    --color-shadow-surface-md: inset 0 0 0 0.5px #fff,
      0 0 0 0.5px rgba(119, 119, 113, 0.16), 0px 1px 1px 0px #0000000a,
      0px 1px 1px -0.5px #0000000a, 0px 3px 3px -1.5px #0000000a,
      0px 6px 6px -3px #0000000a;
    --color-shadow-surface-lg: inset 0 0 0 0.5px #fff,
      0 0 0 0.5px rgba(119, 119, 113, 0.16), 0px 1px 1px 0px #0000000a,
      0px 1px 1px -0.5px #0000000a, 0px 3px 3px -1.5px #0000000a,
      0px 6px 6px -3px #0000000a, 0px 12px 12px -6px #0000000a;
    --color-shadow-surface-xl: inset 0 0 0 0.5px #fff,
      0 0 0 0.5px rgba(119, 119, 113, 0.16), 0px 1px 1px 0px #0000000a,
      0px 1px 1px -0.5px #0000000a, 0px 3px 3px -1.5px #0000000a,
      0px 6px 6px -3px #0000000a, 0px 12px 12px -6px #0000000a,
      0px 24px 24px -12px #0000000a;
    --color-shadow-surface-border-alpha: 0.16;
    --color-shadow-button-neutral: inset 0px 1px 0px 0px #00000014,
      inset 0px calc(-1 * 1px) 0px 0px #00000029,
      inset 0px 0px 0px 1px #00000029, inset 0px 1px 0px 0px #fff,
      inset 0px -1px 0px 0px #fffc, 0px 2px 2px -1px #0000000a,
      0px 4px 4px -2px #00000005;
    --color-shadow-button-inverse: inset 0px 1px 0px 0px #00000014,
      inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #000,
      inset 0px 1px 0px 0px #ffffff3d, inset 0px -1px 0px 0px #ffffff29,
      0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f;
    --color-shadow-button-accent: inset 0px 1px 0px 0px #00000014,
      inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #11318c,
      inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
      0px 2px 2px -1px #091a481f, 0px 4px 4px -2px #091a481f;
    --color-shadow-button-destructive: inset 0px 1px 0px 0px #00000014,
      inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #8d0e13,
      inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
      0px 2px 2px -1px #440b0c1f, 0px 4px 4px -2px #440b0c1f;
    --color-shadow-button-positive: inset 0px 1px 0px 0px #00000014,
      inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #1d4e04,
      inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
      0px 2px 2px -1px #0f28001f, 0px 4px 4px -2px #0f28001f;
    --color-shadow-button-attention: inset 0px 1px 0px 0px #00000014,
      inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #7f2902,
      inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
      0px 2px 2px -1px #3e15001f, 0px 4px 4px -2px #3e15001f;
    --color-shadow-button-special: inset 0px 1px 0px 0px #00000014,
      inset 0px calc(-1 * 1px) 0px 0px #00000029, inset 0px 0px 0px 1px #53388c,
      inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14,
      0px 2px 2px -1px #2b164d1f, 0px 4px 4px -2px #2b164d1f;
    --color-shadow-button-pressed-neutral: inset 0 0 0 1px #77777166;
    --color-shadow-button-pressed-inverse: inset 0 0 0 1px lab(0% 0 0);
    --color-shadow-button-pressed-semantic: inset 0 0 0 1px #00000029;
    --color-shadow-input-base: inset 0px 2px 2px -1px #0000000a,
      inset 0px 4px 4px -2px #00000005, 0px 1px 0px 0px #fff;
    --color-shadow-switch-thumb: inset 0px 1px 0px 0px #fff,
      inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
      0px 2px 2px -1px #0000000a, 0px 4px 4px -2px #00000005,
      0px 0px 0px 1px #0000003d;
    --color-shadow-switch-track: inset 0px 2px 2px -1px #0000000a,
      inset 0px 4px 4px -2px #0000000a, inset 0px 0px 0px 1px #0000001f;
    --color-shadow-tooltip: 0 0 0 0.5px #0000001f, inset 0 0 0 0.5px #ffffff1f,
      0px 1px 1px -0.5px #0000000a, 0px 3px 3px -1.5px #0000000a,
      0px 6px 6px -3px #0000000a, 0px 12px 12px -6px #0000000a;
    --color-gradient-button-inverse: linear-gradient(
      to bottom,
      lab(0% 0 0/0),
      lab(0% 0 0/0.88)
    );
    --color-gradient-button-neutral: linear-gradient(
      to bottom,
      transparent,
      #0000000a
    );
    --color-gradient-button-semantic: linear-gradient(
      to bottom,
      transparent,
      #00000014
    );
    --color-gradient-input-fill: linear-gradient(
      to bottom,
      #00000005,
      transparent
    );
    --color-gradient-switch-thumb: linear-gradient(
      to bottom,
      transparent,
      #0000000a
    );
    --color-gradient-switch-track-off: linear-gradient(
      to bottom,
      transparent,
      #ffffff0a
    );
    --color-gradient-switch-track-on: linear-gradient(
      to bottom,
      transparent,
      #ffffff14
    );
    --color-gradient-surface: linear-gradient(
      180deg,
      var(--color-surface-primary) 0%,
      var(--color-surface-depth) 100%
    );
    --color-gradient-accent: linear-gradient(
      135deg,
      var(--color-surface-accent) 0%,
      color(display-p3 0.198126 0.375829 0.963721 / 0.42) 100%
    );
    --color-categorical-1: color(display-p3 0.230928 0.365618 0.773534);
    --color-categorical-2: color(display-p3 0.266594 0.50069 0.083403);
    --color-categorical-3: color(display-p3 0.69706 0.276981 0.087287);
    --color-categorical-4: color(display-p3 0.695636 0.248743 0.213394);
    --color-categorical-5: color(display-p3 0.428193 0.299665 0.735488);
    --color-categorical-6: color(display-p3 0.612826 0.240443 0.532672);
    --color-chart-categorical-1: color(display-p3 0.230928 0.365618 0.773534);
    --color-chart-categorical-2: color(display-p3 0.266594 0.50069 0.083403);
    --color-chart-categorical-3: color(display-p3 0.69706 0.276981 0.087287);
    --color-chart-categorical-4: color(display-p3 0.695636 0.248743 0.213394);
    --color-chart-categorical-5: color(display-p3 0.428193 0.299665 0.735488);
    --color-chart-categorical-6: color(display-p3 0.612826 0.240443 0.532672);
    --color-chart-positive: color(display-p3 0.266594 0.50069 0.083403);
    --color-chart-negative: color(display-p3 0.695636 0.248743 0.213394);
    --color-chart-attention: color(display-p3 0.69706 0.276981 0.087287);
    --color-chart-info: color(display-p3 0.442025 0.294665 0.727313);
  }

  :root[data-theme='dark'] {
    --color-surface-depth: color(display-p3 0.074939 0.074906 0.074632);
    --color-surface-base: color(display-p3 0.102123 0.102027 0.101236);
    --color-surface-primary: color(display-p3 0.121453 0.121307 0.120102);
    --color-surface-secondary: color(display-p3 0.149222 0.149013 0.147288);
    --color-surface-tertiary: color(display-p3 0.181843 0.181599 0.179595);
    --color-surface-quaternary: color(display-p3 0.215345 0.215096 0.213037);
    --color-surface-subtle: color(display-p3 1 1 1 / 0.065);
    --color-surface-muted: color(display-p3 1 1 1 / 0.105);
    --color-surface-transparent: color(
      display-p3 0.102123 0.102027 0.101236 / 0
    );
    --color-surface-disabled: color(display-p3 0.174633 0.174392 0.172407);
    --color-surface-selected: color(display-p3 1 1 1 / 0.105);
    --color-surface-inverse: color(display-p3 1 1 1);
    --color-surface-accent: color(display-p3 0.348674 0.525934 1);
    --color-surface-accent-muted: color(display-p3 0.348674 0.525934 1 / 0.16);
    --color-surface-destructive: color(display-p3 0.925525 0.403793 0.351761);
    --color-surface-destructive-muted: color(
      display-p3 0.925525 0.403793 0.351761 / 0.16
    );
    --color-surface-attention: color(display-p3 0.897649 0.457108 0.278655);
    --color-surface-attention-muted: color(
      display-p3 0.897649 0.457108 0.278655 / 0.16
    );
    --color-surface-positive: color(display-p3 0.4436 0.670828 0.306102);
    --color-surface-positive-muted: color(
      display-p3 0.4436 0.670828 0.306102 / 0.16
    );
    --color-surface-special: color(display-p3 0.604814 0.415018 1);
    --color-surface-special-muted: color(display-p3 0.604814 0.415018 1 / 0.16);
    --color-fg-primary: color(display-p3 1 1 1);
    --color-fg-secondary: color(display-p3 0.718821 0.718514 0.715974);
    --color-fg-tertiary: color(display-p3 0.549375 0.549082 0.546665);
    --color-fg-quaternary: color(display-p3 0.389003 0.388728 0.386455);
    --color-fg-disabled: color(display-p3 0.411296 0.411018 0.408723);
    --color-fg-selected: color(display-p3 1 1 1);
    --color-fg-emphasis: color(display-p3 0.000827 0.000827 0.000827);
    --color-fg-on-inverse: color(display-p3 0.000827 0.000827 0.000827);
    --color-fg-on-accent: color(display-p3 0 0 0);
    --color-fg-on-destructive: color(display-p3 0 0 0);
    --color-fg-on-attention: color(display-p3 0 0 0);
    --color-fg-on-positive: color(display-p3 0 0 0);
    --color-fg-on-special: color(display-p3 0 0 0);
    --color-fg-accent: color(display-p3 0.348674 0.525934 1);
    --color-fg-destructive: color(display-p3 0.925525 0.403793 0.351761);
    --color-fg-attention: color(display-p3 0.897649 0.457108 0.278655);
    --color-fg-positive: color(display-p3 0.4436 0.670828 0.306102);
    --color-fg-special: color(display-p3 0.604814 0.415018 1);
    --color-line-depth: color(display-p3 1 1 1 / 0.166);
    --color-line-base: color(display-p3 1 1 1 / 0.138);
    --color-line-primary: color(display-p3 1 1 1 / 0.134);
    --color-line-secondary: color(display-p3 1 1 1 / 0.128);
    --color-line-tertiary: color(display-p3 1 1 1 / 0.12);
    --color-line-quaternary: color(display-p3 1 1 1 / 0.112);
    --color-line-transparent: color(display-p3 1 1 1 / 0);
    --color-line-disabled: color(display-p3 1 1 1 / 0.112);
    --color-line-selected: color(display-p3 0.577819 0.577524 0.575084);
    --color-line-focus: color(display-p3 0.448585 0.610367 1);
    --color-line-accent: color(display-p3 0.348674 0.525934 1 / 0.657);
    --color-line-destructive: color(
      display-p3 0.925525 0.403793 0.351761 / 0.64
    );
    --color-line-attention: color(display-p3 0.897649 0.457108 0.278655 / 0.64);
    --color-line-positive: color(display-p3 0.4436 0.670828 0.306102 / 0.64);
    --color-line-special: color(display-p3 0.604814 0.415018 1 / 0.68);
    --color-overlay-hover-subtle: rgba(255, 255, 255, 0.042);
    --color-overlay-hover: rgba(255, 255, 255, 0.075);
    --color-overlay-hover-strong: rgba(255, 255, 255, 0.109);
    --color-overlay-selected: rgba(255, 255, 255, 0.089);
    --color-overlay-press: rgba(255, 255, 255, 0.13);
    --color-overlay-scrim: rgba(0, 0, 0, 0.64);
    --color-effect-ring-base: inset 0 0 0 1px var(--color-line-base);
    --color-effect-ring-focus: 0 0 0 1px var(--color-line-accent),
      0 0 0 5px color(display-p3 0.365212 0.533723 0.96864 / 0.22);
    --color-_checkbox-gradient: linear-gradient(
      to bottom,
      #ffffff0a,
      transparent
    );
    --color-_checkbox-gradient-checked: linear-gradient(
      to bottom,
      #ffffff14,
      transparent
    );
    --color-_checkbox-shadow: inset 0px 1px 0px 0px #ffffff29,
      inset 0px calc(-1 * 1px) 0px 0px #ffffff0a,
      inset 0px 0px 0px 1px #ffffff29, inset 0px 0px 0px 0px #00000014,
      inset 0px 0px 0px 0px #0000, 0px 2px 2px -1px #0000001f,
      0px 4px 4px -2px #0000001f;
    --color-_checkbox-shadow-checked: inset 0px 1px 0px 0px #ffffff29,
      inset 0px calc(-1 * 1px) 0px 0px #ffffff14,
      inset 0px 0px 0px 1px #ffffff52, inset 0px 0px 0px 0px #0000,
      inset 0px 0px 0px 0px #0000, 0px 2px 2px -1px #091a483d,
      0px 4px 4px -2px #091a483d;
    --color-_radio-gradient-checked: linear-gradient(
      to bottom,
      #ffffff14,
      transparent
    );
    --color-_radio-gradient-dot: linear-gradient(
      to bottom,
      transparent,
      #0000001f
    );
    --color-_radio-gradient-outline: linear-gradient(
      to bottom,
      #0000000a,
      transparent
    );
    --color-_radio-gradient-solid: linear-gradient(
      to bottom,
      #ffffff0a,
      transparent
    );
    --color-_radio-shadow-checked: inset 0px 1px 0px 0px #ffffff29,
      inset 0px calc(-1 * 1px) 0px 0px #ffffff14,
      inset 0px 0px 0px 1px #ffffff52, inset 0px 0px 0px 0px #0000,
      inset 0px 0px 0px 0px #0000, 0px 2px 2px -1px #091a483d,
      0px 4px 4px -2px #091a483d;
    --color-_radio-shadow-dot: inset 0px 1px 0px 0px #fff,
      inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
      0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f,
      0px 0px 0px 1px #0000001f;
    --color-_radio-shadow-outline: inset 0px 1px 0px 0px #ffffff14,
      inset 0px 2px 2px -1px #00000014, inset 0px 4px 4px -2px #00000014,
      0px 1px 0px 0px #0000001f;
    --color-_radio-shadow-solid: inset 0px 1px 0px 0px #ffffff29,
      inset 0px calc(-1 * 1px) 0px 0px #ffffff0a,
      inset 0px 0px 0px 1px #ffffff29, inset 0px 0px 0px 0px #00000014,
      inset 0px 0px 0px 0px #0000, 0px 2px 2px -1px #0000001f,
      0px 4px 4px -2px #0000001f;
    --color-_switch-gradient-thumb: linear-gradient(
      to bottom,
      transparent,
      #0000001f
    );
    --color-_switch-gradient-track-off: linear-gradient(
      to bottom,
      transparent,
      #ffffff0a
    );
    --color-_switch-gradient-track-on: linear-gradient(
      to bottom,
      transparent,
      #ffffff14
    );
    --color-_switch-shadow-thumb: inset 0px 1px 0px 0px #fff,
      inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
      0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f,
      0px 0px 0px 1px #0000001f;
    --color-_switch-shadow-thumb-active: inset 0px 1px 0px 0px #fff,
      inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
      0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f,
      0px 0px 0px 1px #0000001f;
    --color-_switch-shadow-track: inset 0px 2px 2px -1px #00000014,
      inset 0px 4px 4px -2px #00000014, inset 0px 0px 0px 1px #ffffff29;
    --color-border-glow-on-accent: lab(100% 0 0/0.128);
    --color-border-glow-on-surface-hover: lab(49.8358% -0.203699 0.727093/.256);
    --color-glow-neutral-hover: lab(100% 0 0/0.04);
    --color-glow-neutral-pressed: lab(100% 0 0/0.08);
    --color-glow-on-neutral-hover: lab(100% 0 0/0.04);
    --color-glow-on-neutral-pressed: lab(100% 0 0/0.08);
    --color-glow-on-accent-hover: lab(100% 0 0/0.08);
    --color-glow-on-accent-pressed: lab(100% 0 0/0.16);
    --color-glow-on-inverse-hover: lab(100% 0 0/0.4);
    --color-glow-on-inverse-pressed: lab(100% 0 0/0.56);
    --color-glow-accent-hover: lab(41.4547% 30.9431 -84.4155/0.16);
    --color-glow-accent-pressed: lab(41.4547% 30.9431 -84.4155/0.24);
    --color-glow-destructive-hover: lab(49.6786% 69.526 48.442/0.16);
    --color-glow-destructive-pressed: lab(49.6786% 69.526 48.442/0.24);
    --color-glow-attention-hover: lab(49.7965% 52.6911 61.1861/0.16);
    --color-glow-attention-pressed: lab(49.7965% 52.6911 61.1861/0.24);
    --color-glow-positive-hover: lab(48.9452% -41.3464 51.1223/0.16);
    --color-glow-positive-pressed: lab(48.9452% -41.3464 51.1223/0.24);
    --color-glow-special-hover: lab(47.9156% 57.9535 -81.2975/0.16);
    --color-glow-special-pressed: lab(47.9156% 57.9535 -81.2975/0.24);
    --color-drop-shadow-xs: 0 1px 1px #0000000d;
    --color-drop-shadow-md: 0 3px 3px #0000001f;
    --color-drop-shadow-xl: 0 9px 7px #0000001a;
    --color-shadow-surface-xxs: 0 0 0 0.5px rgba(119, 119, 113, 0.18) inset,
      0 0 0 0.5px #00000029, 0 1px 0 0 #00000014;
    --color-shadow-surface-xs: inset 0 0 0 0.5px rgba(119, 119, 113, 0.18),
      0 0 0 0.5px #00000029, 0px 1px 0px 0px #00000014,
      0px 1px 1px -0.5px #00000014;
    --color-shadow-surface-sm: inset 0 0 0 0.5px rgba(119, 119, 113, 0.18),
      0 0 0 0.5px #00000029, 0px 1px 0px 0px #00000014,
      0px 1px 1px -0.5px #00000014, 0px 3px 3px -1.5px #00000014;
    --color-shadow-surface-md: inset 0 0 0 0.5px rgba(119, 119, 113, 0.18),
      0 0 0 0.5px #00000029, 0px 1px 0px 0px #00000014,
      0px 1px 1px -0.5px #00000014, 0px 3px 3px -1.5px #00000014,
      0px 6px 6px -3px #00000014;
    --color-shadow-surface-lg: inset 0 0 0 0.5px rgba(119, 119, 113, 0.18),
      0 0 0 0.5px #00000029, 0px 1px 0px 0px #00000014,
      0px 1px 1px -0.5px #00000014, 0px 3px 3px -1.5px #00000014,
      0px 6px 6px -3px #00000014, 0px 12px 12px -6px #00000014;
    --color-shadow-surface-xl: inset 0 0 0 0.5px rgba(119, 119, 113, 0.18),
      0 0 0 0.5px #00000029, 0px 1px 0px 0px #00000014,
      0px 1px 1px -0.5px #00000014, 0px 3px 3px -1.5px #00000014,
      0px 6px 6px -3px #00000014, 0px 12px 12px -6px #00000014,
      0px 24px 24px -12px #00000014;
    --color-shadow-surface-border-alpha: 0.18;
    --color-shadow-button-neutral: inset 0px 1px 0px 0px #ffffff29,
      inset 0px calc(-1 * 1px) 0px 0px #ffffff0a,
      inset 0px 0px 0px 1px #ffffff29, inset 0px 0px 0px 0px #00000014,
      inset 0px 0px 0px 0px #0000, 0px 2px 2px -1px #0000001f,
      0px 4px 4px -2px #0000001f;
    --color-shadow-button-inverse: inset 0px 1px 0px 0px #ffffff29,
      inset 0px calc(-1 * 1px) 0px 0px #ffffff0a, inset 0px 0px 0px 1px #fff,
      inset 0px 0px 0px 0px #00000014, inset 0px 0px 0px 0px #0000,
      0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f;
    --color-shadow-button-accent: inset 0px 1px 0px 0px #ffffff29,
      inset 0px calc(-1 * 1px) 0px 0px #ffffff14,
      inset 0px 0px 0px 1px #ffffff52, inset 0px 0px 0px 0px #0000,
      inset 0px 0px 0px 0px #0000, 0px 2px 2px -1px #091a483d,
      0px 4px 4px -2px #091a483d;
    --color-shadow-button-destructive: inset 0px 1px 0px 0px #ffffff29,
      inset 0px calc(-1 * 1px) 0px 0px #ffffff14,
      inset 0px 0px 0px 1px #ffffff52, inset 0px 0px 0px 0px #0000,
      inset 0px 0px 0px 0px #0000, 0px 2px 2px -1px #440b0c3d,
      0px 4px 4px -2px #440b0c3d;
    --color-shadow-button-positive: inset 0px 1px 0px 0px #ffffff29,
      inset 0px calc(-1 * 1px) 0px 0px #ffffff14,
      inset 0px 0px 0px 1px #ffffff52, inset 0px 0px 0px 0px #0000,
      inset 0px 0px 0px 0px #0000, 0px 2px 2px -1px #0f28003d,
      0px 4px 4px -2px #0f28003d;
    --color-shadow-button-attention: inset 0px 1px 0px 0px #ffffff29,
      inset 0px calc(-1 * 1px) 0px 0px #ffffff14,
      inset 0px 0px 0px 1px #ffffff52, inset 0px 0px 0px 0px #0000,
      inset 0px 0px 0px 0px #0000, 0px 2px 2px -1px #3e15003d,
      0px 4px 4px -2px #3e15003d;
    --color-shadow-button-special: inset 0px 1px 0px 0px #ffffff29,
      inset 0px calc(-1 * 1px) 0px 0px #ffffff14,
      inset 0px 0px 0px 1px #ffffff52, inset 0px 0px 0px 0px #0000,
      inset 0px 0px 0px 0px #0000, 0px 2px 2px -1px #2b164d3d,
      0px 4px 4px -2px #2b164d3d;
    --color-shadow-button-pressed-neutral: inset 0 0 0 1px #7777718f;
    --color-shadow-button-pressed-inverse: inset 0 0 0 1px lab(100% 0 0);
    --color-shadow-button-pressed-semantic: inset 0 0 0 1px #ffffff52;
    --color-shadow-input-base: inset 0px 1px 0px 0px #ffffff14,
      inset 0px 2px 2px -1px #00000014, inset 0px 4px 4px -2px #00000014,
      0px 1px 0px 0px #0000001f;
    --color-shadow-switch-thumb: inset 0px 1px 0px 0px #fff,
      inset 0px calc(-1 * 1px) 0px 0px #fffc, inset 0px 0px 0px 1px #fff,
      0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f,
      0px 0px 0px 1px #0000001f;
    --color-shadow-switch-track: inset 0px 2px 2px -1px #00000014,
      inset 0px 4px 4px -2px #00000014, inset 0px 0px 0px 1px #ffffff29;
    --color-shadow-tooltip: 0 0 0 0.5px #00000014, inset 0 0 0 0.5px #ffffff1f,
      0px 1px 1px -0.5px #00000014, 0px 3px 3px -1.5px #00000014,
      0px 6px 6px -3px #00000014, 0px 12px 12px -6px #00000014;
    --color-gradient-button-inverse: linear-gradient(
      to bottom,
      lab(0% 0 0/0),
      lab(0% 0 0/0.08)
    );
    --color-gradient-button-neutral: linear-gradient(
      to bottom,
      #ffffff0a,
      transparent
    );
    --color-gradient-button-semantic: linear-gradient(
      to bottom,
      #ffffff14,
      transparent
    );
    --color-gradient-input-fill: linear-gradient(
      to bottom,
      #0000000a,
      transparent
    );
    --color-gradient-switch-thumb: linear-gradient(
      to bottom,
      transparent,
      #0000001f
    );
    --color-gradient-switch-track-off: linear-gradient(
      to bottom,
      transparent,
      #ffffff0a
    );
    --color-gradient-switch-track-on: linear-gradient(
      to bottom,
      transparent,
      #ffffff14
    );
    --color-gradient-surface: linear-gradient(
      180deg,
      var(--color-surface-primary) 0%,
      var(--color-surface-depth) 100%
    );
    --color-gradient-accent: linear-gradient(
      135deg,
      var(--color-surface-accent) 0%,
      color(display-p3 0.365212 0.533723 0.96864 / 0.42) 100%
    );
    --color-categorical-1: color(display-p3 0.481618 0.636997 1);
    --color-categorical-2: color(display-p3 0.544616 0.749596 0.427849);
    --color-categorical-3: color(display-p3 0.951661 0.578304 0.428372);
    --color-categorical-4: color(display-p3 0.983996 0.533902 0.476952);
    --color-categorical-5: color(display-p3 0.679373 0.564401 1);
    --color-categorical-6: color(display-p3 0.900997 0.51072 0.806002);
    --color-chart-categorical-1: color(display-p3 0.481618 0.636997 1);
    --color-chart-categorical-2: color(display-p3 0.544616 0.749596 0.427849);
    --color-chart-categorical-3: color(display-p3 0.951661 0.578304 0.428372);
    --color-chart-categorical-4: color(display-p3 0.983996 0.533902 0.476952);
    --color-chart-categorical-5: color(display-p3 0.679373 0.564401 1);
    --color-chart-categorical-6: color(display-p3 0.900997 0.51072 0.806002);
    --color-chart-positive: color(display-p3 0.544616 0.749596 0.427849);
    --color-chart-negative: color(display-p3 0.983996 0.533902 0.476952);
    --color-chart-attention: color(display-p3 0.951661 0.578304 0.428372);
    --color-chart-info: color(display-p3 0.695093 0.558937 1);
  }
}