/* samllc.io theme. Generated by tools/apply_theme.py from a graphicalUI zip.
   This file is the only place literal values live. Pages and site.css use
   named tokens only. Base variables are the light and dark tables in
   gui/themes/untitled.md. Component tokens are named from the export as
   --{component}-{variant}-{part}-{state}-{token}, with camelCase token keys
   written in kebab-case (borderColor -> border-color). Values point at
   foundation tokens. A focus box-shadow adds the resolver's focus ring
   (0 0 0 border.l, color-1-transparent at 24%) because this theme sets no
   authored focusRing and --focus-ring-outline is initial in the table.
   Button label foreground uses primaryForeground when the control fill is
   color-1. Local additions and the status-color override are marked. */
/* Timeless Serif 1.094 (Timeless Free Font License 1.2): web embedding allowed (5.3); no redistribution,
   so the files stay out of git (fonts/timeless-serif is gitignored) and ship only to the server. */
@font-face {
  font-family: "Timeless Serif";
  src: url("../fonts/timeless-serif/TimelessSerif-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Timeless Serif";
  src: url("../fonts/timeless-serif/TimelessSerif-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Timeless Serif";
  src: url("../fonts/timeless-serif/TimelessSerif-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LT Superior Serif";
  src: url("../fonts/lt-superior-serif/LTSuperiorSerif-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LT Superior Serif";
  src: url("../fonts/lt-superior-serif/LTSuperiorSerif-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LT Superior Serif";
  src: url("../fonts/lt-superior-serif/LTSuperiorSerif-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kecal";
  src: url("../fonts/kecal/Kecal-Regular-web.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kecal";
  src: url("../fonts/kecal/Kecal-Medium-web.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kecal";
  src: url("../fonts/kecal/Kecal-Bold-web.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
  --theme-name: Base;
  --theme-icon-family: Phosphor;
  --theme-icon-style: outlined;
  --theme-hugeicons-variant: stroke-standard;
  --theme-icon-stroke-width: 1.5;
  --theme-icon-thin-display: none;
  --theme-icon-light-display: inline;
  --theme-icon-regular-display: none;
  --theme-icon-bold-display: none;
  --toolbar-divider-bleed: 0;
  --focus-ring-outline: initial;
  --icon-stroke-width: var(--theme-icon-stroke-width, 2);
  --icon-light-display: var(--theme-icon-light-display, none);
  --icon-regular-display: var(--theme-icon-regular-display, inline);
  --icon-bold-display: var(--theme-icon-bold-display, none);
  --motion-duration: 400ms;
  --motion-easing: linear(0, 0.2375, 0.5904, 0.8358, 0.9599, 1.0061, 1.0152, 1.0116, 1.0062, 1.0025, 1.0006, 0.9999, 1);
  --motion-type: spring;
  --motion-visual-duration: 0.2;
  --motion-bounce: 0.2;
  --motion-enabled: 1;
  --motion-small-iterations: infinite;
  --motion-large-duration: 600ms;
  --motion-large-easing: linear(0, 0.0846, 0.2691, 0.4778, 0.6674, 0.8179, 0.9249, 0.9926, 1.0293, 1.0442, 1.0452, 1.0388, 1.0296, 1.0202, 1.0121, 1.0061, 1.0019, 0.9995, 0.9983, 1);
  --motion-large-type: spring;
  --motion-large-visual-duration: 0.36;
  --motion-large-bounce: 0.3;
  --motion-large-iterations: infinite;
  --motion-popup-scale: 0.96;
  --motion-press-distance: 1px;
  --option-badge-background: color-mix(in srgb, var(--color-1) 10%, transparent);
  --option-badge-foreground: #00906c;
  --navigation-active-foreground: #ffffff;
  --emphasis-chart-fill: #00906c33;
  --emphasis-balance-background: #272b31;
  --emphasis-rewards-background: #272b31;
  --emphasis-icon-background: #272b31;
  --emphasis-icon-foreground: #ffffff;
  --emphasis-type-background: #272b31;
  --emphasis-type-foreground: #ffffff;
  --navigation-active-background: #00906c33;
  --surface-raised-image: none;
  --surface-raised-shadow: 0 0 0 0 transparent;
  --surface-recessed-image: none;
  --surface-recessed-shadow: 0 0 0 0 transparent;
  --space-zero: 0px;
  --space-xxs: 4px;
  --space-xs: 9px;
  --space-s: 13px;
  --space-m: 18px;
  --space-l: 27px;
  --space-xl: 36px;
  --space-xxl: 54px;
  --tracking-xs: -0.02em;
  --tracking-s: -0.01em;
  --tracking-m: 0em;
  --tracking-l: 0.01em;
  --tracking-xl: 0.02em;
  --size-xxs: 10px;
  --line-xxs: 15px;
  --letter-spacing-xxs: 0.02em;
  --size-xs: 13px;
  --line-xs: 17px;
  --letter-spacing-xs: 0.01em;
  --size-s: 15px;
  --line-s: 21px;
  --letter-spacing-s: 0.01em;
  --size-m: 17px;
  --line-m: 25px;
  --letter-spacing-m: 0em;
  --size-l: 25px;
  --line-l: 33px;
  --letter-spacing-l: -0.01em;
  --size-xl: 38px;
  --line-xl: 42px;
  --letter-spacing-xl: -0.01em;
  --size-xxl: 50px;
  --line-xxl: 54px;
  --letter-spacing-xxl: -0.02em;
  --radius-zero: 0px;
  --radius-xs: 5px;
  --radius-s: 9px;
  --radius-m: 14px;
  --radius-l: 27px;
  --radius-xl: 41px;
  --radius-full: 9999px;
  --border-none: 0px;
  --border-s: 1.2px;
  --border-m: 1.27px;
  --border-l: 2.33px;
  --border-default-color: #34393e33;
  --border-shadow-none: 0 0 0 0 transparent;
  --border-shadow-s: 0 0 0 1.2px #34393e33;
  --border-shadow-m: 0 0 0 1.27px #34393e33;
  --border-shadow-l: 0 0 0 2.33px #34393e33;
  --font-ui: "Timeless Serif", Georgia, serif;
  --weight-ui-regular: 400;
  --weight-ui-medium: 500;
  --weight-ui-heavy: 700;
  --font-brand: "LT Superior Serif", Georgia, serif;
  --weight-brand-regular: 400;
  --weight-brand-medium: 500;
  --weight-brand-heavy: 700;
  --font-editorial: "LT Superior Serif", Georgia, serif;
  --weight-editorial-regular: 400;
  --weight-editorial-medium: 500;
  --weight-editorial-heavy: 700;
  --font-data: "Kecal", sans-serif;
  --weight-data-regular: 400;
  --weight-data-medium: 500;
  --weight-data-heavy: 700;
  --color-none: transparent;
  --color-1: #00906c;
  --color-1-transparent: #00906c33;
  --color-2: #f86f33;
  --color-2-transparent: #f86f3333;
  --color-3: #ffd56a;
  --color-3-transparent: #ffd56a33;
  --color-4: #123d5c;
  --color-4-transparent: #123d5c33;
  --color-5: #5b2d8c;
  --color-5-transparent: #5b2d8c33;
  --color-6: #1f94b4;
  --color-6-transparent: #1f94b433;
  --color-7: #2ba868;
  --color-7-transparent: #2ba86833;
  --color-8: #3f1b5b;
  --color-8-transparent: #3f1b5b33;
  --color-9: #0f6e56;
  --color-9-transparent: #0f6e5633;
  --neutral-1: #000000;
  --neutral-1-transparent: #00000033;
  --neutral-2: #1c2026;
  --neutral-2-transparent: #1c202633;
  --neutral-3: #272b31;
  --neutral-3-transparent: #272b3133;
  --neutral-4: #34393e;
  --neutral-4-transparent: #34393e33;
  --neutral-5: #4c5157;
  --neutral-5-transparent: #4c515733;
  --neutral-6: #73787e;
  --neutral-6-transparent: #73787e33;
  --neutral-7: #9ea4ab;
  --neutral-7-transparent: #9ea4ab33;
  --neutral-8: #c1c7ce;
  --neutral-8-transparent: #c1c7ce33;
  --neutral-9: #dadee3;
  --neutral-9-transparent: #dadee333;
  --neutral-10: #ffffff;
  --neutral-10-transparent: #ffffff33;
  /* status-color override: the export sets success, warning, and error to
     #000000 in light and #ffffff in dark, which is unset. Until Ron sets them
     in graphicalUI: success = --color-7, warning = --color-3, error = the GDS
     red (#C4554D dark / #A63E36 light). The palette has no red. Transparent
     partners stay at the export's default 20% opacity. */
  --success: var(--color-7);
  --success-transparent: color-mix(in srgb, var(--color-7) 20%, transparent);
  --warning: var(--color-3);
  --warning-transparent: color-mix(in srgb, var(--color-3) 20%, transparent);
  --error: #C4554D;
  --error-transparent: color-mix(in srgb, #C4554D 20%, transparent);
  --shadow-none: none;
  --shadow-s: 0px 0.25px 0.5px 0px #2ba86868, 0px 1px 2px 0px #2ba8688b;
  --shadow-m: 0px 2px 6px 0px #2ba86868, 0px 8px 24px 0px #2ba8688b;
  --shadow-l: 0px 3px 7.5px 0px #2ba86868, 0px 12px 30px 0px #2ba8688b;
  --cte-canvas: #000000;
  --cte-surface: #1c2026;
  --cte-surface-muted: #272b31;
  --cte-text: #ffffff;
  --cte-text-muted: #9ea4ab;
  --cte-border: #34393e33;
  --cte-accent: #00906c;
  --cte-accent-text: #1c2026;
  --cte-danger: #ffffff;
  --cte-focus: #00906c;
  --cte-font: "Timeless Serif", Georgia, serif;
  --cte-font-size: 15px;
  --cte-font-weight: 400;
  --cte-line-height: 21px;
  --cte-letter-spacing: 0.01em;
  --cte-detail-font-size: 13px;
  --cte-detail-line-height: 17px;
  --cte-detail-letter-spacing: 0.01em;
  /* local additions: kept across theme re-applies. Not graphicalUI export tokens.
     --cte-text-secondary and the muted rebinding are site aliases.
     --focus-ring-outline matches componentFocusOutline: max(2px, border.m) solid
     color-1. This theme's border.m is 1.27px, so the outline is 2px. The export
     table leaves --focus-ring-outline at initial.
     Toast has no sent or failed variant. Those two edges use the status override. */
  --measure-reading: 68ch;
  --control-h: 36px;
  --z-palette: 100;
  --cte-canvas: var(--neutral-1);
  --cte-surface: var(--neutral-2);
  --cte-surface-muted: var(--neutral-3);
  --cte-text: var(--neutral-10);
  --cte-text-secondary: var(--neutral-8);
  --cte-text-muted: var(--neutral-6);
  --cte-border: var(--neutral-4);
  --cte-accent: var(--color-1);
  --cte-accent-text: var(--neutral-2);
  --cte-danger: var(--error);
  --cte-focus: var(--color-1);
  --focus-ring-outline: 2px solid var(--color-1);
  --status-sent-background: var(--success-transparent);
  --status-sent-foreground: var(--success);
  --status-sent-box-shadow: 0 0 0 var(--border-s) var(--success), var(--shadow-m);
  --status-failed-background: var(--error-transparent);
  --status-failed-foreground: var(--error);
  --status-failed-box-shadow: 0 0 0 var(--border-s) var(--error), var(--shadow-m);
  color-scheme: dark;
  /* component tokens whose named foundation token differs by mode */
  --toast-default-popover-rest-background: var(--neutral-2);
  --preview-card-default-popover-rest-background: var(--neutral-2);
  }
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
  --theme-name: Base;
  --theme-icon-family: Phosphor;
  --theme-icon-style: outlined;
  --theme-hugeicons-variant: stroke-standard;
  --theme-icon-stroke-width: 1.5;
  --theme-icon-thin-display: none;
  --theme-icon-light-display: inline;
  --theme-icon-regular-display: none;
  --theme-icon-bold-display: none;
  --toolbar-divider-bleed: 0;
  --focus-ring-outline: initial;
  --icon-stroke-width: var(--theme-icon-stroke-width, 2);
  --icon-light-display: var(--theme-icon-light-display, none);
  --icon-regular-display: var(--theme-icon-regular-display, inline);
  --icon-bold-display: var(--theme-icon-bold-display, none);
  --motion-duration: 400ms;
  --motion-easing: linear(0, 0.2375, 0.5904, 0.8358, 0.9599, 1.0061, 1.0152, 1.0116, 1.0062, 1.0025, 1.0006, 0.9999, 1);
  --motion-type: spring;
  --motion-visual-duration: 0.2;
  --motion-bounce: 0.2;
  --motion-enabled: 1;
  --motion-small-iterations: infinite;
  --motion-large-duration: 600ms;
  --motion-large-easing: linear(0, 0.0846, 0.2691, 0.4778, 0.6674, 0.8179, 0.9249, 0.9926, 1.0293, 1.0442, 1.0452, 1.0388, 1.0296, 1.0202, 1.0121, 1.0061, 1.0019, 0.9995, 0.9983, 1);
  --motion-large-type: spring;
  --motion-large-visual-duration: 0.36;
  --motion-large-bounce: 0.3;
  --motion-large-iterations: infinite;
  --motion-popup-scale: 0.96;
  --motion-press-distance: 1px;
  --option-badge-background: color-mix(in srgb, var(--color-1) 10%, transparent);
  --option-badge-foreground: #00906c;
  --navigation-active-foreground: #010102;
  --emphasis-chart-fill: #00906c33;
  --emphasis-balance-background: #eef0f3;
  --emphasis-rewards-background: #eef0f3;
  --emphasis-icon-background: #eef0f3;
  --emphasis-icon-foreground: #010102;
  --emphasis-type-background: #eef0f3;
  --emphasis-type-foreground: #010102;
  --navigation-active-background: #00906c33;
  --surface-raised-image: none;
  --surface-raised-shadow: 0 0 0 0 transparent;
  --surface-recessed-image: none;
  --surface-recessed-shadow: 0 0 0 0 transparent;
  --space-zero: 0px;
  --space-xxs: 4px;
  --space-xs: 9px;
  --space-s: 13px;
  --space-m: 18px;
  --space-l: 27px;
  --space-xl: 36px;
  --space-xxl: 54px;
  --tracking-xs: -0.02em;
  --tracking-s: -0.01em;
  --tracking-m: 0em;
  --tracking-l: 0.01em;
  --tracking-xl: 0.02em;
  --size-xxs: 10px;
  --line-xxs: 15px;
  --letter-spacing-xxs: 0.02em;
  --size-xs: 13px;
  --line-xs: 17px;
  --letter-spacing-xs: 0.01em;
  --size-s: 15px;
  --line-s: 21px;
  --letter-spacing-s: 0.01em;
  --size-m: 17px;
  --line-m: 25px;
  --letter-spacing-m: 0em;
  --size-l: 25px;
  --line-l: 33px;
  --letter-spacing-l: -0.01em;
  --size-xl: 38px;
  --line-xl: 42px;
  --letter-spacing-xl: -0.01em;
  --size-xxl: 50px;
  --line-xxl: 54px;
  --letter-spacing-xxl: -0.02em;
  --radius-zero: 0px;
  --radius-xs: 5px;
  --radius-s: 9px;
  --radius-m: 14px;
  --radius-l: 27px;
  --radius-xl: 41px;
  --radius-full: 9999px;
  --border-none: 0px;
  --border-s: 1.2px;
  --border-m: 1.27px;
  --border-l: 2.33px;
  --border-default-color: #dadee333;
  --border-shadow-none: 0 0 0 0 transparent;
  --border-shadow-s: 0 0 0 1.2px #dadee333;
  --border-shadow-m: 0 0 0 1.27px #dadee333;
  --border-shadow-l: 0 0 0 2.33px #dadee333;
  --font-ui: "Timeless Serif", Georgia, serif;
  --weight-ui-regular: 400;
  --weight-ui-medium: 500;
  --weight-ui-heavy: 700;
  --font-brand: "LT Superior Serif", Georgia, serif;
  --weight-brand-regular: 400;
  --weight-brand-medium: 500;
  --weight-brand-heavy: 700;
  --font-editorial: "LT Superior Serif", Georgia, serif;
  --weight-editorial-regular: 400;
  --weight-editorial-medium: 500;
  --weight-editorial-heavy: 700;
  --font-data: "Kecal", sans-serif;
  --weight-data-regular: 400;
  --weight-data-medium: 500;
  --weight-data-heavy: 700;
  --color-none: transparent;
  --color-1: #00906c;
  --color-1-transparent: #00906c33;
  --color-2: #abff5a;
  --color-2-transparent: #abff5a33;
  --color-3: #ffd56a;
  --color-3-transparent: #ffd56a33;
  --color-4: #123d5c;
  --color-4-transparent: #123d5c33;
  --color-5: #5b2d8c;
  --color-5-transparent: #5b2d8c33;
  --color-6: #1f94b4;
  --color-6-transparent: #1f94b433;
  --color-7: #2ba868;
  --color-7-transparent: #2ba86833;
  --color-8: #3f1b5b;
  --color-8-transparent: #3f1b5b33;
  --color-9: #0f6e56;
  --color-9-transparent: #0f6e5633;
  --neutral-1: #ffffff;
  --neutral-1-transparent: #ffffff33;
  --neutral-2: #f9fafb;
  --neutral-2-transparent: #f9fafb33;
  --neutral-3: #eef0f3;
  --neutral-3-transparent: #eef0f333;
  --neutral-4: #dadee3;
  --neutral-4-transparent: #dadee333;
  --neutral-5: #c0c6cd;
  --neutral-5-transparent: #c0c6cd33;
  --neutral-6: #91979e;
  --neutral-6-transparent: #91979e33;
  --neutral-7: #686d73;
  --neutral-7-transparent: #686d7333;
  --neutral-8: #41464c;
  --neutral-8-transparent: #41464c33;
  --neutral-9: #21252b;
  --neutral-9-transparent: #21252b33;
  --neutral-10: #010102;
  --neutral-10-transparent: #01010233;
  /* status-color override: the export sets success, warning, and error to
     #000000 in light and #ffffff in dark, which is unset. Until Ron sets them
     in graphicalUI: success = --color-7, warning = --color-3, error = the GDS
     red (#C4554D dark / #A63E36 light). The palette has no red. Transparent
     partners stay at the export's default 20% opacity. */
  --success: var(--color-7);
  --success-transparent: color-mix(in srgb, var(--color-7) 20%, transparent);
  --warning: var(--color-3);
  --warning-transparent: color-mix(in srgb, var(--color-3) 20%, transparent);
  --error: #A63E36;
  --error-transparent: color-mix(in srgb, #A63E36 20%, transparent);
  --shadow-none: none;
  --shadow-s: 0px 0.25px 0.5px 0px #01010268, 0px 1px 2px 0px #0101028b;
  --shadow-m: 0px 2px 6px 0px #01010268, 0px 8px 24px 0px #0101028b;
  --shadow-l: 0px 3px 7.5px 0px #00906c68, 0px 12px 30px 0px #00906c8b;
  --cte-canvas: #ffffff;
  --cte-surface: #f9fafb;
  --cte-surface-muted: #eef0f3;
  --cte-text: #010102;
  --cte-text-muted: #686d73;
  --cte-border: #dadee333;
  --cte-accent: #00906c;
  --cte-accent-text: #f9fafb;
  --cte-danger: #000000;
  --cte-focus: #00906c;
  --cte-font: "Timeless Serif", Georgia, serif;
  --cte-font-size: 15px;
  --cte-font-weight: 400;
  --cte-line-height: 21px;
  --cte-letter-spacing: 0.01em;
  --cte-detail-font-size: 13px;
  --cte-detail-line-height: 17px;
  --cte-detail-letter-spacing: 0.01em;
  /* local additions: kept across theme re-applies. Not graphicalUI export tokens.
     --cte-text-secondary and the muted rebinding are site aliases.
     --focus-ring-outline matches componentFocusOutline: max(2px, border.m) solid
     color-1. This theme's border.m is 1.27px, so the outline is 2px. The export
     table leaves --focus-ring-outline at initial.
     Toast has no sent or failed variant. Those two edges use the status override. */
  --measure-reading: 68ch;
  --control-h: 36px;
  --z-palette: 100;
  --cte-canvas: var(--neutral-1);
  --cte-surface: var(--neutral-2);
  --cte-surface-muted: var(--neutral-3);
  --cte-text: var(--neutral-10);
  --cte-text-secondary: var(--neutral-8);
  --cte-text-muted: var(--neutral-6);
  --cte-border: var(--neutral-4);
  --cte-accent: var(--color-1);
  --cte-accent-text: var(--neutral-2);
  --cte-danger: var(--error);
  --cte-focus: var(--color-1);
  --focus-ring-outline: 2px solid var(--color-1);
  --status-sent-background: var(--success-transparent);
  --status-sent-foreground: var(--success);
  --status-sent-box-shadow: 0 0 0 var(--border-s) var(--success), var(--shadow-m);
  --status-failed-background: var(--error-transparent);
  --status-failed-foreground: var(--error);
  --status-failed-box-shadow: 0 0 0 var(--border-s) var(--error), var(--shadow-m);
  color-scheme: light;
  /* component tokens whose named foundation token differs by mode */
  --toast-default-popover-rest-background: var(--neutral-1);
  --preview-card-default-popover-rest-background: var(--neutral-1);
  }
}

[data-theme="dark"] {
  --theme-name: Base;
  --theme-icon-family: Phosphor;
  --theme-icon-style: outlined;
  --theme-hugeicons-variant: stroke-standard;
  --theme-icon-stroke-width: 1.5;
  --theme-icon-thin-display: none;
  --theme-icon-light-display: inline;
  --theme-icon-regular-display: none;
  --theme-icon-bold-display: none;
  --toolbar-divider-bleed: 0;
  --focus-ring-outline: initial;
  --icon-stroke-width: var(--theme-icon-stroke-width, 2);
  --icon-light-display: var(--theme-icon-light-display, none);
  --icon-regular-display: var(--theme-icon-regular-display, inline);
  --icon-bold-display: var(--theme-icon-bold-display, none);
  --motion-duration: 400ms;
  --motion-easing: linear(0, 0.2375, 0.5904, 0.8358, 0.9599, 1.0061, 1.0152, 1.0116, 1.0062, 1.0025, 1.0006, 0.9999, 1);
  --motion-type: spring;
  --motion-visual-duration: 0.2;
  --motion-bounce: 0.2;
  --motion-enabled: 1;
  --motion-small-iterations: infinite;
  --motion-large-duration: 600ms;
  --motion-large-easing: linear(0, 0.0846, 0.2691, 0.4778, 0.6674, 0.8179, 0.9249, 0.9926, 1.0293, 1.0442, 1.0452, 1.0388, 1.0296, 1.0202, 1.0121, 1.0061, 1.0019, 0.9995, 0.9983, 1);
  --motion-large-type: spring;
  --motion-large-visual-duration: 0.36;
  --motion-large-bounce: 0.3;
  --motion-large-iterations: infinite;
  --motion-popup-scale: 0.96;
  --motion-press-distance: 1px;
  --option-badge-background: color-mix(in srgb, var(--color-1) 10%, transparent);
  --option-badge-foreground: #00906c;
  --navigation-active-foreground: #ffffff;
  --emphasis-chart-fill: #00906c33;
  --emphasis-balance-background: #272b31;
  --emphasis-rewards-background: #272b31;
  --emphasis-icon-background: #272b31;
  --emphasis-icon-foreground: #ffffff;
  --emphasis-type-background: #272b31;
  --emphasis-type-foreground: #ffffff;
  --navigation-active-background: #00906c33;
  --surface-raised-image: none;
  --surface-raised-shadow: 0 0 0 0 transparent;
  --surface-recessed-image: none;
  --surface-recessed-shadow: 0 0 0 0 transparent;
  --space-zero: 0px;
  --space-xxs: 4px;
  --space-xs: 9px;
  --space-s: 13px;
  --space-m: 18px;
  --space-l: 27px;
  --space-xl: 36px;
  --space-xxl: 54px;
  --tracking-xs: -0.02em;
  --tracking-s: -0.01em;
  --tracking-m: 0em;
  --tracking-l: 0.01em;
  --tracking-xl: 0.02em;
  --size-xxs: 10px;
  --line-xxs: 15px;
  --letter-spacing-xxs: 0.02em;
  --size-xs: 13px;
  --line-xs: 17px;
  --letter-spacing-xs: 0.01em;
  --size-s: 15px;
  --line-s: 21px;
  --letter-spacing-s: 0.01em;
  --size-m: 17px;
  --line-m: 25px;
  --letter-spacing-m: 0em;
  --size-l: 25px;
  --line-l: 33px;
  --letter-spacing-l: -0.01em;
  --size-xl: 38px;
  --line-xl: 42px;
  --letter-spacing-xl: -0.01em;
  --size-xxl: 50px;
  --line-xxl: 54px;
  --letter-spacing-xxl: -0.02em;
  --radius-zero: 0px;
  --radius-xs: 5px;
  --radius-s: 9px;
  --radius-m: 14px;
  --radius-l: 27px;
  --radius-xl: 41px;
  --radius-full: 9999px;
  --border-none: 0px;
  --border-s: 1.2px;
  --border-m: 1.27px;
  --border-l: 2.33px;
  --border-default-color: #34393e33;
  --border-shadow-none: 0 0 0 0 transparent;
  --border-shadow-s: 0 0 0 1.2px #34393e33;
  --border-shadow-m: 0 0 0 1.27px #34393e33;
  --border-shadow-l: 0 0 0 2.33px #34393e33;
  --font-ui: "Timeless Serif", Georgia, serif;
  --weight-ui-regular: 400;
  --weight-ui-medium: 500;
  --weight-ui-heavy: 700;
  --font-brand: "LT Superior Serif", Georgia, serif;
  --weight-brand-regular: 400;
  --weight-brand-medium: 500;
  --weight-brand-heavy: 700;
  --font-editorial: "LT Superior Serif", Georgia, serif;
  --weight-editorial-regular: 400;
  --weight-editorial-medium: 500;
  --weight-editorial-heavy: 700;
  --font-data: "Kecal", sans-serif;
  --weight-data-regular: 400;
  --weight-data-medium: 500;
  --weight-data-heavy: 700;
  --color-none: transparent;
  --color-1: #00906c;
  --color-1-transparent: #00906c33;
  --color-2: #f86f33;
  --color-2-transparent: #f86f3333;
  --color-3: #ffd56a;
  --color-3-transparent: #ffd56a33;
  --color-4: #123d5c;
  --color-4-transparent: #123d5c33;
  --color-5: #5b2d8c;
  --color-5-transparent: #5b2d8c33;
  --color-6: #1f94b4;
  --color-6-transparent: #1f94b433;
  --color-7: #2ba868;
  --color-7-transparent: #2ba86833;
  --color-8: #3f1b5b;
  --color-8-transparent: #3f1b5b33;
  --color-9: #0f6e56;
  --color-9-transparent: #0f6e5633;
  --neutral-1: #000000;
  --neutral-1-transparent: #00000033;
  --neutral-2: #1c2026;
  --neutral-2-transparent: #1c202633;
  --neutral-3: #272b31;
  --neutral-3-transparent: #272b3133;
  --neutral-4: #34393e;
  --neutral-4-transparent: #34393e33;
  --neutral-5: #4c5157;
  --neutral-5-transparent: #4c515733;
  --neutral-6: #73787e;
  --neutral-6-transparent: #73787e33;
  --neutral-7: #9ea4ab;
  --neutral-7-transparent: #9ea4ab33;
  --neutral-8: #c1c7ce;
  --neutral-8-transparent: #c1c7ce33;
  --neutral-9: #dadee3;
  --neutral-9-transparent: #dadee333;
  --neutral-10: #ffffff;
  --neutral-10-transparent: #ffffff33;
  /* status-color override: the export sets success, warning, and error to
     #000000 in light and #ffffff in dark, which is unset. Until Ron sets them
     in graphicalUI: success = --color-7, warning = --color-3, error = the GDS
     red (#C4554D dark / #A63E36 light). The palette has no red. Transparent
     partners stay at the export's default 20% opacity. */
  --success: var(--color-7);
  --success-transparent: color-mix(in srgb, var(--color-7) 20%, transparent);
  --warning: var(--color-3);
  --warning-transparent: color-mix(in srgb, var(--color-3) 20%, transparent);
  --error: #C4554D;
  --error-transparent: color-mix(in srgb, #C4554D 20%, transparent);
  --shadow-none: none;
  --shadow-s: 0px 0.25px 0.5px 0px #2ba86868, 0px 1px 2px 0px #2ba8688b;
  --shadow-m: 0px 2px 6px 0px #2ba86868, 0px 8px 24px 0px #2ba8688b;
  --shadow-l: 0px 3px 7.5px 0px #2ba86868, 0px 12px 30px 0px #2ba8688b;
  --cte-canvas: #000000;
  --cte-surface: #1c2026;
  --cte-surface-muted: #272b31;
  --cte-text: #ffffff;
  --cte-text-muted: #9ea4ab;
  --cte-border: #34393e33;
  --cte-accent: #00906c;
  --cte-accent-text: #1c2026;
  --cte-danger: #ffffff;
  --cte-focus: #00906c;
  --cte-font: "Timeless Serif", Georgia, serif;
  --cte-font-size: 15px;
  --cte-font-weight: 400;
  --cte-line-height: 21px;
  --cte-letter-spacing: 0.01em;
  --cte-detail-font-size: 13px;
  --cte-detail-line-height: 17px;
  --cte-detail-letter-spacing: 0.01em;
  /* local additions: kept across theme re-applies. Not graphicalUI export tokens.
     --cte-text-secondary and the muted rebinding are site aliases.
     --focus-ring-outline matches componentFocusOutline: max(2px, border.m) solid
     color-1. This theme's border.m is 1.27px, so the outline is 2px. The export
     table leaves --focus-ring-outline at initial.
     Toast has no sent or failed variant. Those two edges use the status override. */
  --measure-reading: 68ch;
  --control-h: 36px;
  --z-palette: 100;
  --cte-canvas: var(--neutral-1);
  --cte-surface: var(--neutral-2);
  --cte-surface-muted: var(--neutral-3);
  --cte-text: var(--neutral-10);
  --cte-text-secondary: var(--neutral-8);
  --cte-text-muted: var(--neutral-6);
  --cte-border: var(--neutral-4);
  --cte-accent: var(--color-1);
  --cte-accent-text: var(--neutral-2);
  --cte-danger: var(--error);
  --cte-focus: var(--color-1);
  --focus-ring-outline: 2px solid var(--color-1);
  --status-sent-background: var(--success-transparent);
  --status-sent-foreground: var(--success);
  --status-sent-box-shadow: 0 0 0 var(--border-s) var(--success), var(--shadow-m);
  --status-failed-background: var(--error-transparent);
  --status-failed-foreground: var(--error);
  --status-failed-box-shadow: 0 0 0 var(--border-s) var(--error), var(--shadow-m);
  color-scheme: dark;
  /* component tokens whose named foundation token differs by mode */
  --toast-default-popover-rest-background: var(--neutral-2);
  --preview-card-default-popover-rest-background: var(--neutral-2);
}

[data-theme="light"] {
  --theme-name: Base;
  --theme-icon-family: Phosphor;
  --theme-icon-style: outlined;
  --theme-hugeicons-variant: stroke-standard;
  --theme-icon-stroke-width: 1.5;
  --theme-icon-thin-display: none;
  --theme-icon-light-display: inline;
  --theme-icon-regular-display: none;
  --theme-icon-bold-display: none;
  --toolbar-divider-bleed: 0;
  --focus-ring-outline: initial;
  --icon-stroke-width: var(--theme-icon-stroke-width, 2);
  --icon-light-display: var(--theme-icon-light-display, none);
  --icon-regular-display: var(--theme-icon-regular-display, inline);
  --icon-bold-display: var(--theme-icon-bold-display, none);
  --motion-duration: 400ms;
  --motion-easing: linear(0, 0.2375, 0.5904, 0.8358, 0.9599, 1.0061, 1.0152, 1.0116, 1.0062, 1.0025, 1.0006, 0.9999, 1);
  --motion-type: spring;
  --motion-visual-duration: 0.2;
  --motion-bounce: 0.2;
  --motion-enabled: 1;
  --motion-small-iterations: infinite;
  --motion-large-duration: 600ms;
  --motion-large-easing: linear(0, 0.0846, 0.2691, 0.4778, 0.6674, 0.8179, 0.9249, 0.9926, 1.0293, 1.0442, 1.0452, 1.0388, 1.0296, 1.0202, 1.0121, 1.0061, 1.0019, 0.9995, 0.9983, 1);
  --motion-large-type: spring;
  --motion-large-visual-duration: 0.36;
  --motion-large-bounce: 0.3;
  --motion-large-iterations: infinite;
  --motion-popup-scale: 0.96;
  --motion-press-distance: 1px;
  --option-badge-background: color-mix(in srgb, var(--color-1) 10%, transparent);
  --option-badge-foreground: #00906c;
  --navigation-active-foreground: #010102;
  --emphasis-chart-fill: #00906c33;
  --emphasis-balance-background: #eef0f3;
  --emphasis-rewards-background: #eef0f3;
  --emphasis-icon-background: #eef0f3;
  --emphasis-icon-foreground: #010102;
  --emphasis-type-background: #eef0f3;
  --emphasis-type-foreground: #010102;
  --navigation-active-background: #00906c33;
  --surface-raised-image: none;
  --surface-raised-shadow: 0 0 0 0 transparent;
  --surface-recessed-image: none;
  --surface-recessed-shadow: 0 0 0 0 transparent;
  --space-zero: 0px;
  --space-xxs: 4px;
  --space-xs: 9px;
  --space-s: 13px;
  --space-m: 18px;
  --space-l: 27px;
  --space-xl: 36px;
  --space-xxl: 54px;
  --tracking-xs: -0.02em;
  --tracking-s: -0.01em;
  --tracking-m: 0em;
  --tracking-l: 0.01em;
  --tracking-xl: 0.02em;
  --size-xxs: 10px;
  --line-xxs: 15px;
  --letter-spacing-xxs: 0.02em;
  --size-xs: 13px;
  --line-xs: 17px;
  --letter-spacing-xs: 0.01em;
  --size-s: 15px;
  --line-s: 21px;
  --letter-spacing-s: 0.01em;
  --size-m: 17px;
  --line-m: 25px;
  --letter-spacing-m: 0em;
  --size-l: 25px;
  --line-l: 33px;
  --letter-spacing-l: -0.01em;
  --size-xl: 38px;
  --line-xl: 42px;
  --letter-spacing-xl: -0.01em;
  --size-xxl: 50px;
  --line-xxl: 54px;
  --letter-spacing-xxl: -0.02em;
  --radius-zero: 0px;
  --radius-xs: 5px;
  --radius-s: 9px;
  --radius-m: 14px;
  --radius-l: 27px;
  --radius-xl: 41px;
  --radius-full: 9999px;
  --border-none: 0px;
  --border-s: 1.2px;
  --border-m: 1.27px;
  --border-l: 2.33px;
  --border-default-color: #dadee333;
  --border-shadow-none: 0 0 0 0 transparent;
  --border-shadow-s: 0 0 0 1.2px #dadee333;
  --border-shadow-m: 0 0 0 1.27px #dadee333;
  --border-shadow-l: 0 0 0 2.33px #dadee333;
  --font-ui: "Timeless Serif", Georgia, serif;
  --weight-ui-regular: 400;
  --weight-ui-medium: 500;
  --weight-ui-heavy: 700;
  --font-brand: "LT Superior Serif", Georgia, serif;
  --weight-brand-regular: 400;
  --weight-brand-medium: 500;
  --weight-brand-heavy: 700;
  --font-editorial: "LT Superior Serif", Georgia, serif;
  --weight-editorial-regular: 400;
  --weight-editorial-medium: 500;
  --weight-editorial-heavy: 700;
  --font-data: "Kecal", sans-serif;
  --weight-data-regular: 400;
  --weight-data-medium: 500;
  --weight-data-heavy: 700;
  --color-none: transparent;
  --color-1: #00906c;
  --color-1-transparent: #00906c33;
  --color-2: #abff5a;
  --color-2-transparent: #abff5a33;
  --color-3: #ffd56a;
  --color-3-transparent: #ffd56a33;
  --color-4: #123d5c;
  --color-4-transparent: #123d5c33;
  --color-5: #5b2d8c;
  --color-5-transparent: #5b2d8c33;
  --color-6: #1f94b4;
  --color-6-transparent: #1f94b433;
  --color-7: #2ba868;
  --color-7-transparent: #2ba86833;
  --color-8: #3f1b5b;
  --color-8-transparent: #3f1b5b33;
  --color-9: #0f6e56;
  --color-9-transparent: #0f6e5633;
  --neutral-1: #ffffff;
  --neutral-1-transparent: #ffffff33;
  --neutral-2: #f9fafb;
  --neutral-2-transparent: #f9fafb33;
  --neutral-3: #eef0f3;
  --neutral-3-transparent: #eef0f333;
  --neutral-4: #dadee3;
  --neutral-4-transparent: #dadee333;
  --neutral-5: #c0c6cd;
  --neutral-5-transparent: #c0c6cd33;
  --neutral-6: #91979e;
  --neutral-6-transparent: #91979e33;
  --neutral-7: #686d73;
  --neutral-7-transparent: #686d7333;
  --neutral-8: #41464c;
  --neutral-8-transparent: #41464c33;
  --neutral-9: #21252b;
  --neutral-9-transparent: #21252b33;
  --neutral-10: #010102;
  --neutral-10-transparent: #01010233;
  /* status-color override: the export sets success, warning, and error to
     #000000 in light and #ffffff in dark, which is unset. Until Ron sets them
     in graphicalUI: success = --color-7, warning = --color-3, error = the GDS
     red (#C4554D dark / #A63E36 light). The palette has no red. Transparent
     partners stay at the export's default 20% opacity. */
  --success: var(--color-7);
  --success-transparent: color-mix(in srgb, var(--color-7) 20%, transparent);
  --warning: var(--color-3);
  --warning-transparent: color-mix(in srgb, var(--color-3) 20%, transparent);
  --error: #A63E36;
  --error-transparent: color-mix(in srgb, #A63E36 20%, transparent);
  --shadow-none: none;
  --shadow-s: 0px 0.25px 0.5px 0px #01010268, 0px 1px 2px 0px #0101028b;
  --shadow-m: 0px 2px 6px 0px #01010268, 0px 8px 24px 0px #0101028b;
  --shadow-l: 0px 3px 7.5px 0px #00906c68, 0px 12px 30px 0px #00906c8b;
  --cte-canvas: #ffffff;
  --cte-surface: #f9fafb;
  --cte-surface-muted: #eef0f3;
  --cte-text: #010102;
  --cte-text-muted: #686d73;
  --cte-border: #dadee333;
  --cte-accent: #00906c;
  --cte-accent-text: #f9fafb;
  --cte-danger: #000000;
  --cte-focus: #00906c;
  --cte-font: "Timeless Serif", Georgia, serif;
  --cte-font-size: 15px;
  --cte-font-weight: 400;
  --cte-line-height: 21px;
  --cte-letter-spacing: 0.01em;
  --cte-detail-font-size: 13px;
  --cte-detail-line-height: 17px;
  --cte-detail-letter-spacing: 0.01em;
  /* local additions: kept across theme re-applies. Not graphicalUI export tokens.
     --cte-text-secondary and the muted rebinding are site aliases.
     --focus-ring-outline matches componentFocusOutline: max(2px, border.m) solid
     color-1. This theme's border.m is 1.27px, so the outline is 2px. The export
     table leaves --focus-ring-outline at initial.
     Toast has no sent or failed variant. Those two edges use the status override. */
  --measure-reading: 68ch;
  --control-h: 36px;
  --z-palette: 100;
  --cte-canvas: var(--neutral-1);
  --cte-surface: var(--neutral-2);
  --cte-surface-muted: var(--neutral-3);
  --cte-text: var(--neutral-10);
  --cte-text-secondary: var(--neutral-8);
  --cte-text-muted: var(--neutral-6);
  --cte-border: var(--neutral-4);
  --cte-accent: var(--color-1);
  --cte-accent-text: var(--neutral-2);
  --cte-danger: var(--error);
  --cte-focus: var(--color-1);
  --focus-ring-outline: 2px solid var(--color-1);
  --status-sent-background: var(--success-transparent);
  --status-sent-foreground: var(--success);
  --status-sent-box-shadow: 0 0 0 var(--border-s) var(--success), var(--shadow-m);
  --status-failed-background: var(--error-transparent);
  --status-failed-foreground: var(--error);
  --status-failed-box-shadow: 0 0 0 var(--border-s) var(--error), var(--shadow-m);
  color-scheme: light;
  /* component tokens whose named foundation token differs by mode */
  --toast-default-popover-rest-background: var(--neutral-1);
  --preview-card-default-popover-rest-background: var(--neutral-1);
}

/* Component tokens shared by both modes. */
:root {
  --button-primary-control-rest-background: var(--color-1);
  --button-primary-control-rest-foreground: var(--neutral-2);
  --button-primary-control-rest-border-color: var(--color-1-transparent);
  --button-primary-control-rest-border-width: var(--border-s);
  --button-primary-control-rest-radius: var(--radius-s);
  --button-primary-control-rest-padding-top: var(--space-xs);
  --button-primary-control-rest-padding-bottom: var(--space-xs);
  --button-primary-control-rest-padding-x: var(--space-m);
  --button-primary-control-rest-gap: var(--space-xs);
  --button-primary-control-rest-text-size: var(--size-s);
  --button-primary-control-rest-font: var(--font-ui);
  --button-primary-control-rest-weight: var(--weight-ui-medium);
  --button-primary-control-rest-line-height: var(--line-s);
  --button-primary-control-rest-letter-spacing: var(--tracking-l);
  --button-primary-control-rest-shadow: var(--shadow-none);
  --button-primary-control-rest-control-size: var(--space-l);
  --button-primary-control-rest-box-shadow: 0 0 0 var(--border-s) var(--color-1-transparent);
  --button-primary-control-hover-background: var(--color-1);
  --button-primary-control-hover-foreground: var(--neutral-2);
  --button-primary-control-hover-border-color: var(--color-1-transparent);
  --button-primary-control-hover-border-width: var(--border-s);
  --button-primary-control-hover-radius: var(--radius-s);
  --button-primary-control-hover-padding-top: var(--space-xs);
  --button-primary-control-hover-padding-bottom: var(--space-xs);
  --button-primary-control-hover-padding-x: var(--space-m);
  --button-primary-control-hover-gap: var(--space-xs);
  --button-primary-control-hover-text-size: var(--size-s);
  --button-primary-control-hover-font: var(--font-ui);
  --button-primary-control-hover-weight: var(--weight-ui-medium);
  --button-primary-control-hover-line-height: var(--line-s);
  --button-primary-control-hover-letter-spacing: var(--tracking-l);
  --button-primary-control-hover-shadow: var(--shadow-s);
  --button-primary-control-hover-control-size: var(--space-l);
  --button-primary-control-hover-box-shadow: 0 0 0 var(--border-s) var(--color-1-transparent), var(--shadow-s);
  --button-primary-control-focus-background: var(--color-1);
  --button-primary-control-focus-foreground: var(--neutral-2);
  --button-primary-control-focus-border-color: var(--color-1-transparent);
  --button-primary-control-focus-border-width: var(--border-s);
  --button-primary-control-focus-radius: var(--radius-s);
  --button-primary-control-focus-padding-top: var(--space-xs);
  --button-primary-control-focus-padding-bottom: var(--space-xs);
  --button-primary-control-focus-padding-x: var(--space-m);
  --button-primary-control-focus-gap: var(--space-xs);
  --button-primary-control-focus-text-size: var(--size-s);
  --button-primary-control-focus-font: var(--font-ui);
  --button-primary-control-focus-weight: var(--weight-ui-medium);
  --button-primary-control-focus-line-height: var(--line-s);
  --button-primary-control-focus-letter-spacing: var(--tracking-l);
  --button-primary-control-focus-shadow: var(--shadow-none);
  --button-primary-control-focus-control-size: var(--space-l);
  --button-primary-control-focus-box-shadow: 0 0 0 var(--border-s) var(--color-1-transparent), 0 0 0 var(--border-l) color-mix(in srgb, var(--color-1-transparent) 24%, transparent);
  --button-primary-control-disabled-background: var(--neutral-3);
  --button-primary-control-disabled-foreground: var(--neutral-1);
  --button-primary-control-disabled-border-color: var(--neutral-4-transparent);
  --button-primary-control-disabled-border-width: var(--border-s);
  --button-primary-control-disabled-radius: var(--radius-s);
  --button-primary-control-disabled-padding-top: var(--space-xs);
  --button-primary-control-disabled-padding-bottom: var(--space-xs);
  --button-primary-control-disabled-padding-x: var(--space-m);
  --button-primary-control-disabled-gap: var(--space-xs);
  --button-primary-control-disabled-text-size: var(--size-s);
  --button-primary-control-disabled-font: var(--font-ui);
  --button-primary-control-disabled-weight: var(--weight-ui-medium);
  --button-primary-control-disabled-line-height: var(--line-s);
  --button-primary-control-disabled-letter-spacing: var(--tracking-l);
  --button-primary-control-disabled-shadow: var(--shadow-none);
  --button-primary-control-disabled-control-size: var(--space-l);
  --button-primary-control-disabled-box-shadow: 0 0 0 var(--border-s) var(--neutral-4-transparent);
  --button-primary-label-rest-background: var(--color-none);
  --button-primary-label-rest-foreground: var(--neutral-2);
  --button-primary-label-rest-border-color: var(--color-none);
  --button-primary-label-rest-border-width: var(--border-none);
  --button-primary-label-rest-radius: var(--radius-zero);
  --button-primary-label-rest-padding-top: var(--space-zero);
  --button-primary-label-rest-padding-bottom: var(--space-zero);
  --button-primary-label-rest-padding-x: var(--space-zero);
  --button-primary-label-rest-gap: var(--space-xs);
  --button-primary-label-rest-text-size: var(--size-s);
  --button-primary-label-rest-font: var(--font-ui);
  --button-primary-label-rest-weight: var(--weight-ui-medium);
  --button-primary-label-rest-line-height: var(--line-s);
  --button-primary-label-rest-letter-spacing: var(--tracking-l);
  --button-primary-label-rest-shadow: var(--shadow-none);
  --button-primary-label-rest-control-size: var(--space-l);
  --button-primary-label-rest-box-shadow: none;
  --button-primary-label-hover-background: var(--color-none);
  --button-primary-label-hover-foreground: var(--neutral-2);
  --button-primary-label-hover-border-color: var(--color-none);
  --button-primary-label-hover-border-width: var(--border-none);
  --button-primary-label-hover-radius: var(--radius-zero);
  --button-primary-label-hover-padding-top: var(--space-zero);
  --button-primary-label-hover-padding-bottom: var(--space-zero);
  --button-primary-label-hover-padding-x: var(--space-zero);
  --button-primary-label-hover-gap: var(--space-xs);
  --button-primary-label-hover-text-size: var(--size-s);
  --button-primary-label-hover-font: var(--font-ui);
  --button-primary-label-hover-weight: var(--weight-ui-medium);
  --button-primary-label-hover-line-height: var(--line-s);
  --button-primary-label-hover-letter-spacing: var(--tracking-l);
  --button-primary-label-hover-shadow: var(--shadow-none);
  --button-primary-label-hover-control-size: var(--space-l);
  --button-primary-label-hover-box-shadow: none;
  --button-primary-label-focus-background: var(--color-none);
  --button-primary-label-focus-foreground: var(--neutral-2);
  --button-primary-label-focus-border-color: var(--color-none);
  --button-primary-label-focus-border-width: var(--border-none);
  --button-primary-label-focus-radius: var(--radius-zero);
  --button-primary-label-focus-padding-top: var(--space-zero);
  --button-primary-label-focus-padding-bottom: var(--space-zero);
  --button-primary-label-focus-padding-x: var(--space-zero);
  --button-primary-label-focus-gap: var(--space-xs);
  --button-primary-label-focus-text-size: var(--size-s);
  --button-primary-label-focus-font: var(--font-ui);
  --button-primary-label-focus-weight: var(--weight-ui-medium);
  --button-primary-label-focus-line-height: var(--line-s);
  --button-primary-label-focus-letter-spacing: var(--tracking-l);
  --button-primary-label-focus-shadow: var(--shadow-none);
  --button-primary-label-focus-control-size: var(--space-l);
  --button-primary-label-focus-box-shadow: none;
  --button-primary-label-disabled-background: var(--color-none);
  --button-primary-label-disabled-foreground: var(--neutral-6);
  --button-primary-label-disabled-border-color: var(--color-none);
  --button-primary-label-disabled-border-width: var(--border-none);
  --button-primary-label-disabled-radius: var(--radius-zero);
  --button-primary-label-disabled-padding-top: var(--space-zero);
  --button-primary-label-disabled-padding-bottom: var(--space-zero);
  --button-primary-label-disabled-padding-x: var(--space-zero);
  --button-primary-label-disabled-gap: var(--space-xs);
  --button-primary-label-disabled-text-size: var(--size-s);
  --button-primary-label-disabled-font: var(--font-ui);
  --button-primary-label-disabled-weight: var(--weight-ui-medium);
  --button-primary-label-disabled-line-height: var(--line-s);
  --button-primary-label-disabled-letter-spacing: var(--tracking-l);
  --button-primary-label-disabled-shadow: var(--shadow-none);
  --button-primary-label-disabled-control-size: var(--space-l);
  --button-primary-label-disabled-box-shadow: none;
  --button-secondary-control-rest-background: var(--neutral-3);
  --button-secondary-control-rest-foreground: var(--neutral-10);
  --button-secondary-control-rest-border-color: var(--neutral-3-transparent);
  --button-secondary-control-rest-border-width: var(--border-s);
  --button-secondary-control-rest-radius: var(--radius-s);
  --button-secondary-control-rest-padding-top: var(--space-xs);
  --button-secondary-control-rest-padding-bottom: var(--space-xs);
  --button-secondary-control-rest-padding-x: var(--space-m);
  --button-secondary-control-rest-gap: var(--space-xs);
  --button-secondary-control-rest-text-size: var(--size-s);
  --button-secondary-control-rest-font: var(--font-ui);
  --button-secondary-control-rest-weight: var(--weight-ui-medium);
  --button-secondary-control-rest-line-height: var(--line-s);
  --button-secondary-control-rest-letter-spacing: var(--tracking-l);
  --button-secondary-control-rest-shadow: var(--shadow-none);
  --button-secondary-control-rest-control-size: var(--space-l);
  --button-secondary-control-rest-box-shadow: 0 0 0 var(--border-s) var(--neutral-3-transparent);
  --button-secondary-control-hover-background: var(--neutral-4-transparent);
  --button-secondary-control-hover-foreground: var(--neutral-10);
  --button-secondary-control-hover-border-color: var(--neutral-4-transparent);
  --button-secondary-control-hover-border-width: var(--border-s);
  --button-secondary-control-hover-radius: var(--radius-s);
  --button-secondary-control-hover-padding-top: var(--space-xs);
  --button-secondary-control-hover-padding-bottom: var(--space-xs);
  --button-secondary-control-hover-padding-x: var(--space-m);
  --button-secondary-control-hover-gap: var(--space-xs);
  --button-secondary-control-hover-text-size: var(--size-s);
  --button-secondary-control-hover-font: var(--font-ui);
  --button-secondary-control-hover-weight: var(--weight-ui-medium);
  --button-secondary-control-hover-line-height: var(--line-s);
  --button-secondary-control-hover-letter-spacing: var(--tracking-l);
  --button-secondary-control-hover-shadow: var(--shadow-none);
  --button-secondary-control-hover-control-size: var(--space-l);
  --button-secondary-control-hover-box-shadow: 0 0 0 var(--border-s) var(--neutral-4-transparent);
  --button-secondary-control-focus-background: var(--neutral-3);
  --button-secondary-control-focus-foreground: var(--neutral-10);
  --button-secondary-control-focus-border-color: var(--color-1-transparent);
  --button-secondary-control-focus-border-width: var(--border-s);
  --button-secondary-control-focus-radius: var(--radius-s);
  --button-secondary-control-focus-padding-top: var(--space-xs);
  --button-secondary-control-focus-padding-bottom: var(--space-xs);
  --button-secondary-control-focus-padding-x: var(--space-m);
  --button-secondary-control-focus-gap: var(--space-xs);
  --button-secondary-control-focus-text-size: var(--size-s);
  --button-secondary-control-focus-font: var(--font-ui);
  --button-secondary-control-focus-weight: var(--weight-ui-medium);
  --button-secondary-control-focus-line-height: var(--line-s);
  --button-secondary-control-focus-letter-spacing: var(--tracking-l);
  --button-secondary-control-focus-shadow: var(--shadow-none);
  --button-secondary-control-focus-control-size: var(--space-l);
  --button-secondary-control-focus-box-shadow: 0 0 0 var(--border-s) var(--color-1-transparent), 0 0 0 var(--border-l) color-mix(in srgb, var(--color-1-transparent) 24%, transparent);
  --button-secondary-control-disabled-background: var(--neutral-3);
  --button-secondary-control-disabled-foreground: var(--neutral-10);
  --button-secondary-control-disabled-border-color: var(--neutral-4-transparent);
  --button-secondary-control-disabled-border-width: var(--border-s);
  --button-secondary-control-disabled-radius: var(--radius-s);
  --button-secondary-control-disabled-padding-top: var(--space-xs);
  --button-secondary-control-disabled-padding-bottom: var(--space-xs);
  --button-secondary-control-disabled-padding-x: var(--space-m);
  --button-secondary-control-disabled-gap: var(--space-xs);
  --button-secondary-control-disabled-text-size: var(--size-s);
  --button-secondary-control-disabled-font: var(--font-ui);
  --button-secondary-control-disabled-weight: var(--weight-ui-medium);
  --button-secondary-control-disabled-line-height: var(--line-s);
  --button-secondary-control-disabled-letter-spacing: var(--tracking-l);
  --button-secondary-control-disabled-shadow: var(--shadow-none);
  --button-secondary-control-disabled-control-size: var(--space-l);
  --button-secondary-control-disabled-box-shadow: 0 0 0 var(--border-s) var(--neutral-4-transparent);
  --button-secondary-label-rest-background: var(--color-none);
  --button-secondary-label-rest-foreground: var(--neutral-10);
  --button-secondary-label-rest-border-color: var(--color-none);
  --button-secondary-label-rest-border-width: var(--border-none);
  --button-secondary-label-rest-radius: var(--radius-zero);
  --button-secondary-label-rest-padding-top: var(--space-zero);
  --button-secondary-label-rest-padding-bottom: var(--space-zero);
  --button-secondary-label-rest-padding-x: var(--space-zero);
  --button-secondary-label-rest-gap: var(--space-xs);
  --button-secondary-label-rest-text-size: var(--size-s);
  --button-secondary-label-rest-font: var(--font-ui);
  --button-secondary-label-rest-weight: var(--weight-ui-medium);
  --button-secondary-label-rest-line-height: var(--line-s);
  --button-secondary-label-rest-letter-spacing: var(--tracking-l);
  --button-secondary-label-rest-shadow: var(--shadow-none);
  --button-secondary-label-rest-control-size: var(--space-l);
  --button-secondary-label-rest-box-shadow: none;
  --button-secondary-label-hover-background: var(--color-none);
  --button-secondary-label-hover-foreground: var(--neutral-10);
  --button-secondary-label-hover-border-color: var(--color-none);
  --button-secondary-label-hover-border-width: var(--border-none);
  --button-secondary-label-hover-radius: var(--radius-zero);
  --button-secondary-label-hover-padding-top: var(--space-zero);
  --button-secondary-label-hover-padding-bottom: var(--space-zero);
  --button-secondary-label-hover-padding-x: var(--space-zero);
  --button-secondary-label-hover-gap: var(--space-xs);
  --button-secondary-label-hover-text-size: var(--size-s);
  --button-secondary-label-hover-font: var(--font-ui);
  --button-secondary-label-hover-weight: var(--weight-ui-medium);
  --button-secondary-label-hover-line-height: var(--line-s);
  --button-secondary-label-hover-letter-spacing: var(--tracking-l);
  --button-secondary-label-hover-shadow: var(--shadow-none);
  --button-secondary-label-hover-control-size: var(--space-l);
  --button-secondary-label-hover-box-shadow: none;
  --button-secondary-label-focus-background: var(--color-none);
  --button-secondary-label-focus-foreground: var(--neutral-10);
  --button-secondary-label-focus-border-color: var(--color-none);
  --button-secondary-label-focus-border-width: var(--border-none);
  --button-secondary-label-focus-radius: var(--radius-zero);
  --button-secondary-label-focus-padding-top: var(--space-zero);
  --button-secondary-label-focus-padding-bottom: var(--space-zero);
  --button-secondary-label-focus-padding-x: var(--space-zero);
  --button-secondary-label-focus-gap: var(--space-xs);
  --button-secondary-label-focus-text-size: var(--size-s);
  --button-secondary-label-focus-font: var(--font-ui);
  --button-secondary-label-focus-weight: var(--weight-ui-medium);
  --button-secondary-label-focus-line-height: var(--line-s);
  --button-secondary-label-focus-letter-spacing: var(--tracking-l);
  --button-secondary-label-focus-shadow: var(--shadow-none);
  --button-secondary-label-focus-control-size: var(--space-l);
  --button-secondary-label-focus-box-shadow: none;
  --button-secondary-label-disabled-background: var(--color-none);
  --button-secondary-label-disabled-foreground: var(--neutral-6);
  --button-secondary-label-disabled-border-color: var(--color-none);
  --button-secondary-label-disabled-border-width: var(--border-none);
  --button-secondary-label-disabled-radius: var(--radius-zero);
  --button-secondary-label-disabled-padding-top: var(--space-zero);
  --button-secondary-label-disabled-padding-bottom: var(--space-zero);
  --button-secondary-label-disabled-padding-x: var(--space-zero);
  --button-secondary-label-disabled-gap: var(--space-xs);
  --button-secondary-label-disabled-text-size: var(--size-s);
  --button-secondary-label-disabled-font: var(--font-ui);
  --button-secondary-label-disabled-weight: var(--weight-ui-medium);
  --button-secondary-label-disabled-line-height: var(--line-s);
  --button-secondary-label-disabled-letter-spacing: var(--tracking-l);
  --button-secondary-label-disabled-shadow: var(--shadow-none);
  --button-secondary-label-disabled-control-size: var(--space-l);
  --button-secondary-label-disabled-box-shadow: none;
  --field-default-group-rest-background: var(--color-none);
  --field-default-group-rest-foreground: var(--neutral-10);
  --field-default-group-rest-border-color: var(--color-none);
  --field-default-group-rest-border-width: var(--border-none);
  --field-default-group-rest-radius: var(--radius-zero);
  --field-default-group-rest-padding-top: var(--space-zero);
  --field-default-group-rest-padding-bottom: var(--space-zero);
  --field-default-group-rest-padding-x: var(--space-zero);
  --field-default-group-rest-gap: var(--space-xs);
  --field-default-group-rest-text-size: var(--size-s);
  --field-default-group-rest-font: var(--font-ui);
  --field-default-group-rest-weight: var(--weight-ui-regular);
  --field-default-group-rest-line-height: var(--line-s);
  --field-default-group-rest-letter-spacing: var(--tracking-l);
  --field-default-group-rest-shadow: var(--shadow-none);
  --field-default-group-rest-control-size: var(--space-l);
  --field-default-group-rest-box-shadow: none;
  --field-default-input-rest-background: var(--neutral-1);
  --field-default-input-rest-foreground: var(--neutral-10);
  --field-default-input-rest-border-color: var(--neutral-4);
  --field-default-input-rest-border-width: var(--border-s);
  --field-default-input-rest-radius: var(--radius-s);
  --field-default-input-rest-padding-top: var(--space-xs);
  --field-default-input-rest-padding-bottom: var(--space-xs);
  --field-default-input-rest-padding-x: var(--space-s);
  --field-default-input-rest-gap: var(--space-xs);
  --field-default-input-rest-text-size: var(--size-s);
  --field-default-input-rest-font: var(--font-ui);
  --field-default-input-rest-weight: var(--weight-ui-regular);
  --field-default-input-rest-line-height: var(--line-s);
  --field-default-input-rest-letter-spacing: var(--tracking-l);
  --field-default-input-rest-shadow: var(--shadow-none);
  --field-default-input-rest-control-size: var(--space-l);
  --field-default-input-rest-box-shadow: 0 0 0 var(--border-s) var(--neutral-4);
  --field-default-input-hover-background: var(--neutral-1);
  --field-default-input-hover-foreground: var(--neutral-10);
  --field-default-input-hover-border-color: var(--neutral-5);
  --field-default-input-hover-border-width: var(--border-s);
  --field-default-input-hover-radius: var(--radius-s);
  --field-default-input-hover-padding-top: var(--space-xs);
  --field-default-input-hover-padding-bottom: var(--space-xs);
  --field-default-input-hover-padding-x: var(--space-s);
  --field-default-input-hover-gap: var(--space-xs);
  --field-default-input-hover-text-size: var(--size-s);
  --field-default-input-hover-font: var(--font-ui);
  --field-default-input-hover-weight: var(--weight-ui-regular);
  --field-default-input-hover-line-height: var(--line-s);
  --field-default-input-hover-letter-spacing: var(--tracking-l);
  --field-default-input-hover-shadow: var(--shadow-none);
  --field-default-input-hover-control-size: var(--space-l);
  --field-default-input-hover-box-shadow: 0 0 0 var(--border-s) var(--neutral-5);
  --field-default-input-focus-background: var(--neutral-1);
  --field-default-input-focus-foreground: var(--neutral-10);
  --field-default-input-focus-border-color: var(--color-1-transparent);
  --field-default-input-focus-border-width: var(--border-s);
  --field-default-input-focus-radius: var(--radius-s);
  --field-default-input-focus-padding-top: var(--space-xs);
  --field-default-input-focus-padding-bottom: var(--space-xs);
  --field-default-input-focus-padding-x: var(--space-s);
  --field-default-input-focus-gap: var(--space-xs);
  --field-default-input-focus-text-size: var(--size-s);
  --field-default-input-focus-font: var(--font-ui);
  --field-default-input-focus-weight: var(--weight-ui-regular);
  --field-default-input-focus-line-height: var(--line-s);
  --field-default-input-focus-letter-spacing: var(--tracking-l);
  --field-default-input-focus-shadow: var(--shadow-none);
  --field-default-input-focus-control-size: var(--space-l);
  --field-default-input-focus-box-shadow: 0 0 0 var(--border-s) var(--color-1-transparent), 0 0 0 var(--border-l) color-mix(in srgb, var(--color-1-transparent) 24%, transparent);
  --field-default-input-disabled-background: var(--neutral-3);
  --field-default-input-disabled-foreground: var(--neutral-6);
  --field-default-input-disabled-border-color: var(--neutral-4-transparent);
  --field-default-input-disabled-border-width: var(--border-s);
  --field-default-input-disabled-radius: var(--radius-s);
  --field-default-input-disabled-padding-top: var(--space-xs);
  --field-default-input-disabled-padding-bottom: var(--space-xs);
  --field-default-input-disabled-padding-x: var(--space-s);
  --field-default-input-disabled-gap: var(--space-xs);
  --field-default-input-disabled-text-size: var(--size-s);
  --field-default-input-disabled-font: var(--font-ui);
  --field-default-input-disabled-weight: var(--weight-ui-regular);
  --field-default-input-disabled-line-height: var(--line-s);
  --field-default-input-disabled-letter-spacing: var(--tracking-l);
  --field-default-input-disabled-shadow: var(--shadow-none);
  --field-default-input-disabled-control-size: var(--space-l);
  --field-default-input-disabled-box-shadow: 0 0 0 var(--border-s) var(--neutral-4-transparent);
  --field-default-input-invalid-background: var(--neutral-1);
  --field-default-input-invalid-foreground: var(--neutral-10);
  --field-default-input-invalid-border-color: var(--error);
  --field-default-input-invalid-border-width: var(--border-s);
  --field-default-input-invalid-radius: var(--radius-s);
  --field-default-input-invalid-padding-top: var(--space-xs);
  --field-default-input-invalid-padding-bottom: var(--space-xs);
  --field-default-input-invalid-padding-x: var(--space-s);
  --field-default-input-invalid-gap: var(--space-xs);
  --field-default-input-invalid-text-size: var(--size-s);
  --field-default-input-invalid-font: var(--font-ui);
  --field-default-input-invalid-weight: var(--weight-ui-regular);
  --field-default-input-invalid-line-height: var(--line-s);
  --field-default-input-invalid-letter-spacing: var(--tracking-l);
  --field-default-input-invalid-shadow: var(--shadow-none);
  --field-default-input-invalid-control-size: var(--space-l);
  --field-default-input-invalid-box-shadow: 0 0 0 var(--border-s) var(--error);
  --field-default-input-valid-background: var(--neutral-1);
  --field-default-input-valid-foreground: var(--neutral-10);
  --field-default-input-valid-border-color: var(--success);
  --field-default-input-valid-border-width: var(--border-s);
  --field-default-input-valid-radius: var(--radius-s);
  --field-default-input-valid-padding-top: var(--space-xs);
  --field-default-input-valid-padding-bottom: var(--space-xs);
  --field-default-input-valid-padding-x: var(--space-s);
  --field-default-input-valid-gap: var(--space-xs);
  --field-default-input-valid-text-size: var(--size-s);
  --field-default-input-valid-font: var(--font-ui);
  --field-default-input-valid-weight: var(--weight-ui-regular);
  --field-default-input-valid-line-height: var(--line-s);
  --field-default-input-valid-letter-spacing: var(--tracking-l);
  --field-default-input-valid-shadow: var(--shadow-none);
  --field-default-input-valid-control-size: var(--space-l);
  --field-default-input-valid-box-shadow: 0 0 0 var(--border-s) var(--success);
  --field-default-input-readonly-background: var(--neutral-2);
  --field-default-input-readonly-foreground: var(--neutral-8);
  --field-default-input-readonly-border-color: var(--neutral-4);
  --field-default-input-readonly-border-width: var(--border-s);
  --field-default-input-readonly-radius: var(--radius-s);
  --field-default-input-readonly-padding-top: var(--space-xs);
  --field-default-input-readonly-padding-bottom: var(--space-xs);
  --field-default-input-readonly-padding-x: var(--space-s);
  --field-default-input-readonly-gap: var(--space-xs);
  --field-default-input-readonly-text-size: var(--size-s);
  --field-default-input-readonly-font: var(--font-ui);
  --field-default-input-readonly-weight: var(--weight-ui-regular);
  --field-default-input-readonly-line-height: var(--line-s);
  --field-default-input-readonly-letter-spacing: var(--tracking-l);
  --field-default-input-readonly-shadow: var(--shadow-none);
  --field-default-input-readonly-control-size: var(--space-l);
  --field-default-input-readonly-box-shadow: 0 0 0 var(--border-s) var(--neutral-4);
  --field-default-label-rest-background: var(--color-none);
  --field-default-label-rest-foreground: var(--neutral-10);
  --field-default-label-rest-border-color: var(--color-none);
  --field-default-label-rest-border-width: var(--border-none);
  --field-default-label-rest-radius: var(--radius-zero);
  --field-default-label-rest-padding-top: var(--space-zero);
  --field-default-label-rest-padding-bottom: var(--space-zero);
  --field-default-label-rest-padding-x: var(--space-zero);
  --field-default-label-rest-gap: var(--space-xs);
  --field-default-label-rest-text-size: var(--size-s);
  --field-default-label-rest-font: var(--font-ui);
  --field-default-label-rest-weight: var(--weight-ui-medium);
  --field-default-label-rest-line-height: var(--line-s);
  --field-default-label-rest-letter-spacing: var(--tracking-l);
  --field-default-label-rest-shadow: var(--shadow-none);
  --field-default-label-rest-control-size: var(--space-l);
  --field-default-label-rest-box-shadow: none;
  --field-default-label-disabled-background: var(--color-none);
  --field-default-label-disabled-foreground: var(--neutral-6);
  --field-default-label-disabled-border-color: var(--color-none);
  --field-default-label-disabled-border-width: var(--border-none);
  --field-default-label-disabled-radius: var(--radius-zero);
  --field-default-label-disabled-padding-top: var(--space-zero);
  --field-default-label-disabled-padding-bottom: var(--space-zero);
  --field-default-label-disabled-padding-x: var(--space-zero);
  --field-default-label-disabled-gap: var(--space-xs);
  --field-default-label-disabled-text-size: var(--size-s);
  --field-default-label-disabled-font: var(--font-ui);
  --field-default-label-disabled-weight: var(--weight-ui-medium);
  --field-default-label-disabled-line-height: var(--line-s);
  --field-default-label-disabled-letter-spacing: var(--tracking-l);
  --field-default-label-disabled-shadow: var(--shadow-none);
  --field-default-label-disabled-control-size: var(--space-l);
  --field-default-label-disabled-box-shadow: none;
  --field-default-label-invalid-background: var(--color-none);
  --field-default-label-invalid-foreground: var(--neutral-10);
  --field-default-label-invalid-border-color: var(--color-none);
  --field-default-label-invalid-border-width: var(--border-none);
  --field-default-label-invalid-radius: var(--radius-zero);
  --field-default-label-invalid-padding-top: var(--space-zero);
  --field-default-label-invalid-padding-bottom: var(--space-zero);
  --field-default-label-invalid-padding-x: var(--space-zero);
  --field-default-label-invalid-gap: var(--space-xs);
  --field-default-label-invalid-text-size: var(--size-s);
  --field-default-label-invalid-font: var(--font-ui);
  --field-default-label-invalid-weight: var(--weight-ui-medium);
  --field-default-label-invalid-line-height: var(--line-s);
  --field-default-label-invalid-letter-spacing: var(--tracking-l);
  --field-default-label-invalid-shadow: var(--shadow-none);
  --field-default-label-invalid-control-size: var(--space-l);
  --field-default-label-invalid-box-shadow: none;
  --field-default-error-rest-background: var(--color-none);
  --field-default-error-rest-foreground: var(--error);
  --field-default-error-rest-border-color: var(--color-none);
  --field-default-error-rest-border-width: var(--border-none);
  --field-default-error-rest-radius: var(--radius-zero);
  --field-default-error-rest-padding-top: var(--space-zero);
  --field-default-error-rest-padding-bottom: var(--space-zero);
  --field-default-error-rest-padding-x: var(--space-zero);
  --field-default-error-rest-gap: var(--space-xs);
  --field-default-error-rest-text-size: var(--size-xs);
  --field-default-error-rest-font: var(--font-ui);
  --field-default-error-rest-weight: var(--weight-ui-regular);
  --field-default-error-rest-line-height: var(--line-xs);
  --field-default-error-rest-letter-spacing: var(--tracking-l);
  --field-default-error-rest-shadow: var(--shadow-none);
  --field-default-error-rest-control-size: var(--space-l);
  --field-default-error-rest-box-shadow: none;
  --field-default-error-disabled-background: var(--color-none);
  --field-default-error-disabled-foreground: var(--neutral-6);
  --field-default-error-disabled-border-color: var(--color-none);
  --field-default-error-disabled-border-width: var(--border-none);
  --field-default-error-disabled-radius: var(--radius-zero);
  --field-default-error-disabled-padding-top: var(--space-zero);
  --field-default-error-disabled-padding-bottom: var(--space-zero);
  --field-default-error-disabled-padding-x: var(--space-zero);
  --field-default-error-disabled-gap: var(--space-xs);
  --field-default-error-disabled-text-size: var(--size-xs);
  --field-default-error-disabled-font: var(--font-ui);
  --field-default-error-disabled-weight: var(--weight-ui-regular);
  --field-default-error-disabled-line-height: var(--line-xs);
  --field-default-error-disabled-letter-spacing: var(--tracking-l);
  --field-default-error-disabled-shadow: var(--shadow-none);
  --field-default-error-disabled-control-size: var(--space-l);
  --field-default-error-disabled-box-shadow: none;
  --field-default-error-invalid-background: var(--color-none);
  --field-default-error-invalid-foreground: var(--error);
  --field-default-error-invalid-border-color: var(--color-none);
  --field-default-error-invalid-border-width: var(--border-none);
  --field-default-error-invalid-radius: var(--radius-zero);
  --field-default-error-invalid-padding-top: var(--space-zero);
  --field-default-error-invalid-padding-bottom: var(--space-zero);
  --field-default-error-invalid-padding-x: var(--space-zero);
  --field-default-error-invalid-gap: var(--space-xs);
  --field-default-error-invalid-text-size: var(--size-xs);
  --field-default-error-invalid-font: var(--font-ui);
  --field-default-error-invalid-weight: var(--weight-ui-regular);
  --field-default-error-invalid-line-height: var(--line-xs);
  --field-default-error-invalid-letter-spacing: var(--tracking-l);
  --field-default-error-invalid-shadow: var(--shadow-none);
  --field-default-error-invalid-control-size: var(--space-l);
  --field-default-error-invalid-box-shadow: none;
  --input-default-control-rest-background: var(--neutral-1);
  --input-default-control-rest-foreground: var(--neutral-10);
  --input-default-control-rest-border-color: var(--neutral-4);
  --input-default-control-rest-border-width: var(--border-s);
  --input-default-control-rest-radius: var(--radius-s);
  --input-default-control-rest-padding-top: var(--space-xs);
  --input-default-control-rest-padding-bottom: var(--space-xs);
  --input-default-control-rest-padding-x: var(--space-s);
  --input-default-control-rest-gap: var(--space-xs);
  --input-default-control-rest-text-size: var(--size-s);
  --input-default-control-rest-font: var(--font-ui);
  --input-default-control-rest-weight: var(--weight-ui-regular);
  --input-default-control-rest-line-height: var(--line-s);
  --input-default-control-rest-letter-spacing: var(--tracking-l);
  --input-default-control-rest-shadow: var(--shadow-none);
  --input-default-control-rest-control-size: var(--space-l);
  --input-default-control-rest-box-shadow: 0 0 0 var(--border-s) var(--neutral-4);
  --input-default-control-hover-background: var(--neutral-1);
  --input-default-control-hover-foreground: var(--neutral-10);
  --input-default-control-hover-border-color: var(--neutral-5);
  --input-default-control-hover-border-width: var(--border-s);
  --input-default-control-hover-radius: var(--radius-s);
  --input-default-control-hover-padding-top: var(--space-xs);
  --input-default-control-hover-padding-bottom: var(--space-xs);
  --input-default-control-hover-padding-x: var(--space-s);
  --input-default-control-hover-gap: var(--space-xs);
  --input-default-control-hover-text-size: var(--size-s);
  --input-default-control-hover-font: var(--font-ui);
  --input-default-control-hover-weight: var(--weight-ui-regular);
  --input-default-control-hover-line-height: var(--line-s);
  --input-default-control-hover-letter-spacing: var(--tracking-l);
  --input-default-control-hover-shadow: var(--shadow-none);
  --input-default-control-hover-control-size: var(--space-l);
  --input-default-control-hover-box-shadow: 0 0 0 var(--border-s) var(--neutral-5);
  --input-default-control-focus-background: var(--neutral-1);
  --input-default-control-focus-foreground: var(--neutral-10);
  --input-default-control-focus-border-color: var(--color-1-transparent);
  --input-default-control-focus-border-width: var(--border-s);
  --input-default-control-focus-radius: var(--radius-s);
  --input-default-control-focus-padding-top: var(--space-xs);
  --input-default-control-focus-padding-bottom: var(--space-xs);
  --input-default-control-focus-padding-x: var(--space-s);
  --input-default-control-focus-gap: var(--space-xs);
  --input-default-control-focus-text-size: var(--size-s);
  --input-default-control-focus-font: var(--font-ui);
  --input-default-control-focus-weight: var(--weight-ui-regular);
  --input-default-control-focus-line-height: var(--line-s);
  --input-default-control-focus-letter-spacing: var(--tracking-l);
  --input-default-control-focus-shadow: var(--shadow-none);
  --input-default-control-focus-control-size: var(--space-l);
  --input-default-control-focus-box-shadow: 0 0 0 var(--border-s) var(--color-1-transparent), 0 0 0 var(--border-l) color-mix(in srgb, var(--color-1-transparent) 24%, transparent);
  --input-default-control-disabled-background: var(--neutral-3);
  --input-default-control-disabled-foreground: var(--neutral-6);
  --input-default-control-disabled-border-color: var(--neutral-4-transparent);
  --input-default-control-disabled-border-width: var(--border-s);
  --input-default-control-disabled-radius: var(--radius-s);
  --input-default-control-disabled-padding-top: var(--space-xs);
  --input-default-control-disabled-padding-bottom: var(--space-xs);
  --input-default-control-disabled-padding-x: var(--space-s);
  --input-default-control-disabled-gap: var(--space-xs);
  --input-default-control-disabled-text-size: var(--size-s);
  --input-default-control-disabled-font: var(--font-ui);
  --input-default-control-disabled-weight: var(--weight-ui-regular);
  --input-default-control-disabled-line-height: var(--line-s);
  --input-default-control-disabled-letter-spacing: var(--tracking-l);
  --input-default-control-disabled-shadow: var(--shadow-none);
  --input-default-control-disabled-control-size: var(--space-l);
  --input-default-control-disabled-box-shadow: 0 0 0 var(--border-s) var(--neutral-4-transparent);
  --input-default-control-invalid-background: var(--neutral-1);
  --input-default-control-invalid-foreground: var(--neutral-10);
  --input-default-control-invalid-border-color: var(--error);
  --input-default-control-invalid-border-width: var(--border-s);
  --input-default-control-invalid-radius: var(--radius-s);
  --input-default-control-invalid-padding-top: var(--space-xs);
  --input-default-control-invalid-padding-bottom: var(--space-xs);
  --input-default-control-invalid-padding-x: var(--space-s);
  --input-default-control-invalid-gap: var(--space-xs);
  --input-default-control-invalid-text-size: var(--size-s);
  --input-default-control-invalid-font: var(--font-ui);
  --input-default-control-invalid-weight: var(--weight-ui-regular);
  --input-default-control-invalid-line-height: var(--line-s);
  --input-default-control-invalid-letter-spacing: var(--tracking-l);
  --input-default-control-invalid-shadow: var(--shadow-none);
  --input-default-control-invalid-control-size: var(--space-l);
  --input-default-control-invalid-box-shadow: 0 0 0 var(--border-s) var(--error);
  --input-default-control-valid-background: var(--neutral-1);
  --input-default-control-valid-foreground: var(--neutral-10);
  --input-default-control-valid-border-color: var(--success);
  --input-default-control-valid-border-width: var(--border-s);
  --input-default-control-valid-radius: var(--radius-s);
  --input-default-control-valid-padding-top: var(--space-xs);
  --input-default-control-valid-padding-bottom: var(--space-xs);
  --input-default-control-valid-padding-x: var(--space-s);
  --input-default-control-valid-gap: var(--space-xs);
  --input-default-control-valid-text-size: var(--size-s);
  --input-default-control-valid-font: var(--font-ui);
  --input-default-control-valid-weight: var(--weight-ui-regular);
  --input-default-control-valid-line-height: var(--line-s);
  --input-default-control-valid-letter-spacing: var(--tracking-l);
  --input-default-control-valid-shadow: var(--shadow-none);
  --input-default-control-valid-control-size: var(--space-l);
  --input-default-control-valid-box-shadow: 0 0 0 var(--border-s) var(--success);
  --input-default-control-readonly-background: var(--neutral-2);
  --input-default-control-readonly-foreground: var(--neutral-8);
  --input-default-control-readonly-border-color: var(--neutral-4);
  --input-default-control-readonly-border-width: var(--border-s);
  --input-default-control-readonly-radius: var(--radius-s);
  --input-default-control-readonly-padding-top: var(--space-xs);
  --input-default-control-readonly-padding-bottom: var(--space-xs);
  --input-default-control-readonly-padding-x: var(--space-s);
  --input-default-control-readonly-gap: var(--space-xs);
  --input-default-control-readonly-text-size: var(--size-s);
  --input-default-control-readonly-font: var(--font-ui);
  --input-default-control-readonly-weight: var(--weight-ui-regular);
  --input-default-control-readonly-line-height: var(--line-s);
  --input-default-control-readonly-letter-spacing: var(--tracking-l);
  --input-default-control-readonly-shadow: var(--shadow-none);
  --input-default-control-readonly-control-size: var(--space-l);
  --input-default-control-readonly-box-shadow: 0 0 0 var(--border-s) var(--neutral-4);
  --input-default-label-rest-background: var(--color-none);
  --input-default-label-rest-foreground: var(--neutral-10);
  --input-default-label-rest-border-color: var(--color-none);
  --input-default-label-rest-border-width: var(--border-none);
  --input-default-label-rest-radius: var(--radius-zero);
  --input-default-label-rest-padding-top: var(--space-zero);
  --input-default-label-rest-padding-bottom: var(--space-zero);
  --input-default-label-rest-padding-x: var(--space-zero);
  --input-default-label-rest-gap: var(--space-xs);
  --input-default-label-rest-text-size: var(--size-s);
  --input-default-label-rest-font: var(--font-ui);
  --input-default-label-rest-weight: var(--weight-ui-medium);
  --input-default-label-rest-line-height: var(--line-s);
  --input-default-label-rest-letter-spacing: var(--tracking-l);
  --input-default-label-rest-shadow: var(--shadow-none);
  --input-default-label-rest-control-size: var(--space-l);
  --input-default-label-rest-box-shadow: none;
  --input-default-label-disabled-background: var(--color-none);
  --input-default-label-disabled-foreground: var(--neutral-6);
  --input-default-label-disabled-border-color: var(--color-none);
  --input-default-label-disabled-border-width: var(--border-none);
  --input-default-label-disabled-radius: var(--radius-zero);
  --input-default-label-disabled-padding-top: var(--space-zero);
  --input-default-label-disabled-padding-bottom: var(--space-zero);
  --input-default-label-disabled-padding-x: var(--space-zero);
  --input-default-label-disabled-gap: var(--space-xs);
  --input-default-label-disabled-text-size: var(--size-s);
  --input-default-label-disabled-font: var(--font-ui);
  --input-default-label-disabled-weight: var(--weight-ui-medium);
  --input-default-label-disabled-line-height: var(--line-s);
  --input-default-label-disabled-letter-spacing: var(--tracking-l);
  --input-default-label-disabled-shadow: var(--shadow-none);
  --input-default-label-disabled-control-size: var(--space-l);
  --input-default-label-disabled-box-shadow: none;
  --select-default-control-rest-background: var(--neutral-1);
  --select-default-control-rest-foreground: var(--neutral-10);
  --select-default-control-rest-border-color: var(--neutral-4);
  --select-default-control-rest-border-width: var(--border-s);
  --select-default-control-rest-radius: var(--radius-s);
  --select-default-control-rest-padding-top: var(--space-xs);
  --select-default-control-rest-padding-bottom: var(--space-xs);
  --select-default-control-rest-padding-x: var(--space-s);
  --select-default-control-rest-gap: var(--space-xs);
  --select-default-control-rest-text-size: var(--size-s);
  --select-default-control-rest-font: var(--font-ui);
  --select-default-control-rest-weight: var(--weight-ui-regular);
  --select-default-control-rest-line-height: var(--line-s);
  --select-default-control-rest-letter-spacing: var(--tracking-l);
  --select-default-control-rest-shadow: var(--shadow-none);
  --select-default-control-rest-control-size: var(--space-l);
  --select-default-control-rest-box-shadow: 0 0 0 var(--border-s) var(--neutral-4);
  --select-default-control-hover-background: var(--neutral-1);
  --select-default-control-hover-foreground: var(--neutral-10);
  --select-default-control-hover-border-color: var(--neutral-5);
  --select-default-control-hover-border-width: var(--border-s);
  --select-default-control-hover-radius: var(--radius-s);
  --select-default-control-hover-padding-top: var(--space-xs);
  --select-default-control-hover-padding-bottom: var(--space-xs);
  --select-default-control-hover-padding-x: var(--space-s);
  --select-default-control-hover-gap: var(--space-xs);
  --select-default-control-hover-text-size: var(--size-s);
  --select-default-control-hover-font: var(--font-ui);
  --select-default-control-hover-weight: var(--weight-ui-regular);
  --select-default-control-hover-line-height: var(--line-s);
  --select-default-control-hover-letter-spacing: var(--tracking-l);
  --select-default-control-hover-shadow: var(--shadow-none);
  --select-default-control-hover-control-size: var(--space-l);
  --select-default-control-hover-box-shadow: 0 0 0 var(--border-s) var(--neutral-5);
  --select-default-control-focus-background: var(--neutral-1);
  --select-default-control-focus-foreground: var(--neutral-10);
  --select-default-control-focus-border-color: var(--color-1-transparent);
  --select-default-control-focus-border-width: var(--border-s);
  --select-default-control-focus-radius: var(--radius-s);
  --select-default-control-focus-padding-top: var(--space-xs);
  --select-default-control-focus-padding-bottom: var(--space-xs);
  --select-default-control-focus-padding-x: var(--space-s);
  --select-default-control-focus-gap: var(--space-xs);
  --select-default-control-focus-text-size: var(--size-s);
  --select-default-control-focus-font: var(--font-ui);
  --select-default-control-focus-weight: var(--weight-ui-regular);
  --select-default-control-focus-line-height: var(--line-s);
  --select-default-control-focus-letter-spacing: var(--tracking-l);
  --select-default-control-focus-shadow: var(--shadow-none);
  --select-default-control-focus-control-size: var(--space-l);
  --select-default-control-focus-box-shadow: 0 0 0 var(--border-s) var(--color-1-transparent), 0 0 0 var(--border-l) color-mix(in srgb, var(--color-1-transparent) 24%, transparent);
  --select-default-control-disabled-background: var(--neutral-3);
  --select-default-control-disabled-foreground: var(--neutral-6);
  --select-default-control-disabled-border-color: var(--neutral-4-transparent);
  --select-default-control-disabled-border-width: var(--border-s);
  --select-default-control-disabled-radius: var(--radius-s);
  --select-default-control-disabled-padding-top: var(--space-xs);
  --select-default-control-disabled-padding-bottom: var(--space-xs);
  --select-default-control-disabled-padding-x: var(--space-s);
  --select-default-control-disabled-gap: var(--space-xs);
  --select-default-control-disabled-text-size: var(--size-s);
  --select-default-control-disabled-font: var(--font-ui);
  --select-default-control-disabled-weight: var(--weight-ui-regular);
  --select-default-control-disabled-line-height: var(--line-s);
  --select-default-control-disabled-letter-spacing: var(--tracking-l);
  --select-default-control-disabled-shadow: var(--shadow-none);
  --select-default-control-disabled-control-size: var(--space-l);
  --select-default-control-disabled-box-shadow: 0 0 0 var(--border-s) var(--neutral-4-transparent);
  --select-default-label-rest-background: var(--color-none);
  --select-default-label-rest-foreground: var(--neutral-10);
  --select-default-label-rest-border-color: var(--color-none);
  --select-default-label-rest-border-width: var(--border-none);
  --select-default-label-rest-radius: var(--radius-zero);
  --select-default-label-rest-padding-top: var(--space-zero);
  --select-default-label-rest-padding-bottom: var(--space-zero);
  --select-default-label-rest-padding-x: var(--space-zero);
  --select-default-label-rest-gap: var(--space-xs);
  --select-default-label-rest-text-size: var(--size-s);
  --select-default-label-rest-font: var(--font-ui);
  --select-default-label-rest-weight: var(--weight-ui-medium);
  --select-default-label-rest-line-height: var(--line-s);
  --select-default-label-rest-letter-spacing: var(--tracking-l);
  --select-default-label-rest-shadow: var(--shadow-none);
  --select-default-label-rest-control-size: var(--space-l);
  --select-default-label-rest-box-shadow: none;
  --select-default-label-disabled-background: var(--color-none);
  --select-default-label-disabled-foreground: var(--neutral-6);
  --select-default-label-disabled-border-color: var(--color-none);
  --select-default-label-disabled-border-width: var(--border-none);
  --select-default-label-disabled-radius: var(--radius-zero);
  --select-default-label-disabled-padding-top: var(--space-zero);
  --select-default-label-disabled-padding-bottom: var(--space-zero);
  --select-default-label-disabled-padding-x: var(--space-zero);
  --select-default-label-disabled-gap: var(--space-xs);
  --select-default-label-disabled-text-size: var(--size-s);
  --select-default-label-disabled-font: var(--font-ui);
  --select-default-label-disabled-weight: var(--weight-ui-medium);
  --select-default-label-disabled-line-height: var(--line-s);
  --select-default-label-disabled-letter-spacing: var(--tracking-l);
  --select-default-label-disabled-shadow: var(--shadow-none);
  --select-default-label-disabled-control-size: var(--space-l);
  --select-default-label-disabled-box-shadow: none;
  --navigation-menu-default-list-rest-background: var(--color-none);
  --navigation-menu-default-list-rest-foreground: var(--neutral-10);
  --navigation-menu-default-list-rest-border-color: var(--color-none);
  --navigation-menu-default-list-rest-border-width: var(--border-none);
  --navigation-menu-default-list-rest-radius: var(--radius-zero);
  --navigation-menu-default-list-rest-padding-top: var(--space-zero);
  --navigation-menu-default-list-rest-padding-bottom: var(--space-zero);
  --navigation-menu-default-list-rest-padding-x: var(--space-zero);
  --navigation-menu-default-list-rest-gap: var(--space-xxs);
  --navigation-menu-default-list-rest-text-size: var(--size-s);
  --navigation-menu-default-list-rest-font: var(--font-ui);
  --navigation-menu-default-list-rest-weight: var(--weight-ui-regular);
  --navigation-menu-default-list-rest-line-height: var(--line-s);
  --navigation-menu-default-list-rest-letter-spacing: var(--tracking-l);
  --navigation-menu-default-list-rest-shadow: var(--shadow-none);
  --navigation-menu-default-list-rest-control-size: var(--space-l);
  --navigation-menu-default-list-rest-box-shadow: none;
  --navigation-menu-default-link-rest-background: var(--color-none);
  --navigation-menu-default-link-rest-foreground: var(--neutral-10);
  --navigation-menu-default-link-rest-border-color: var(--color-none);
  --navigation-menu-default-link-rest-border-width: var(--border-none);
  --navigation-menu-default-link-rest-radius: var(--radius-s);
  --navigation-menu-default-link-rest-padding-top: var(--space-xs);
  --navigation-menu-default-link-rest-padding-bottom: var(--space-xs);
  --navigation-menu-default-link-rest-padding-x: var(--space-s);
  --navigation-menu-default-link-rest-gap: var(--space-xs);
  --navigation-menu-default-link-rest-text-size: var(--size-s);
  --navigation-menu-default-link-rest-font: var(--font-ui);
  --navigation-menu-default-link-rest-weight: var(--weight-ui-regular);
  --navigation-menu-default-link-rest-line-height: var(--line-s);
  --navigation-menu-default-link-rest-letter-spacing: var(--tracking-l);
  --navigation-menu-default-link-rest-shadow: var(--shadow-none);
  --navigation-menu-default-link-rest-control-size: var(--space-l);
  --navigation-menu-default-link-rest-box-shadow: none;
  --navigation-menu-default-link-hover-background: var(--neutral-3);
  --navigation-menu-default-link-hover-foreground: var(--neutral-10);
  --navigation-menu-default-link-hover-border-color: var(--color-none);
  --navigation-menu-default-link-hover-border-width: var(--border-none);
  --navigation-menu-default-link-hover-radius: var(--radius-s);
  --navigation-menu-default-link-hover-padding-top: var(--space-xs);
  --navigation-menu-default-link-hover-padding-bottom: var(--space-xs);
  --navigation-menu-default-link-hover-padding-x: var(--space-s);
  --navigation-menu-default-link-hover-gap: var(--space-xs);
  --navigation-menu-default-link-hover-text-size: var(--size-s);
  --navigation-menu-default-link-hover-font: var(--font-ui);
  --navigation-menu-default-link-hover-weight: var(--weight-ui-regular);
  --navigation-menu-default-link-hover-line-height: var(--line-s);
  --navigation-menu-default-link-hover-letter-spacing: var(--tracking-l);
  --navigation-menu-default-link-hover-shadow: var(--shadow-none);
  --navigation-menu-default-link-hover-control-size: var(--space-l);
  --navigation-menu-default-link-hover-box-shadow: none;
  --navigation-menu-default-link-focus-background: var(--color-none);
  --navigation-menu-default-link-focus-foreground: var(--neutral-10);
  --navigation-menu-default-link-focus-border-color: var(--color-1);
  --navigation-menu-default-link-focus-border-width: var(--border-none);
  --navigation-menu-default-link-focus-radius: var(--radius-s);
  --navigation-menu-default-link-focus-padding-top: var(--space-xs);
  --navigation-menu-default-link-focus-padding-bottom: var(--space-xs);
  --navigation-menu-default-link-focus-padding-x: var(--space-s);
  --navigation-menu-default-link-focus-gap: var(--space-xs);
  --navigation-menu-default-link-focus-text-size: var(--size-s);
  --navigation-menu-default-link-focus-font: var(--font-ui);
  --navigation-menu-default-link-focus-weight: var(--weight-ui-regular);
  --navigation-menu-default-link-focus-line-height: var(--line-s);
  --navigation-menu-default-link-focus-letter-spacing: var(--tracking-l);
  --navigation-menu-default-link-focus-shadow: var(--shadow-none);
  --navigation-menu-default-link-focus-control-size: var(--space-l);
  --navigation-menu-default-link-focus-box-shadow: 0 0 0 var(--border-l) color-mix(in srgb, var(--color-1-transparent) 24%, transparent);
  --navigation-menu-default-link-disabled-background: var(--color-none);
  --navigation-menu-default-link-disabled-foreground: var(--neutral-6);
  --navigation-menu-default-link-disabled-border-color: var(--color-none);
  --navigation-menu-default-link-disabled-border-width: var(--border-none);
  --navigation-menu-default-link-disabled-radius: var(--radius-s);
  --navigation-menu-default-link-disabled-padding-top: var(--space-xs);
  --navigation-menu-default-link-disabled-padding-bottom: var(--space-xs);
  --navigation-menu-default-link-disabled-padding-x: var(--space-s);
  --navigation-menu-default-link-disabled-gap: var(--space-xs);
  --navigation-menu-default-link-disabled-text-size: var(--size-s);
  --navigation-menu-default-link-disabled-font: var(--font-ui);
  --navigation-menu-default-link-disabled-weight: var(--weight-ui-regular);
  --navigation-menu-default-link-disabled-line-height: var(--line-s);
  --navigation-menu-default-link-disabled-letter-spacing: var(--tracking-l);
  --navigation-menu-default-link-disabled-shadow: var(--shadow-none);
  --navigation-menu-default-link-disabled-control-size: var(--space-l);
  --navigation-menu-default-link-disabled-box-shadow: none;
  --navigation-menu-default-link-selected-background: var(--neutral-3);
  --navigation-menu-default-link-selected-foreground: var(--neutral-10);
  --navigation-menu-default-link-selected-border-color: var(--color-none);
  --navigation-menu-default-link-selected-border-width: var(--border-none);
  --navigation-menu-default-link-selected-radius: var(--radius-s);
  --navigation-menu-default-link-selected-padding-top: var(--space-xs);
  --navigation-menu-default-link-selected-padding-bottom: var(--space-xs);
  --navigation-menu-default-link-selected-padding-x: var(--space-s);
  --navigation-menu-default-link-selected-gap: var(--space-xs);
  --navigation-menu-default-link-selected-text-size: var(--size-s);
  --navigation-menu-default-link-selected-font: var(--font-ui);
  --navigation-menu-default-link-selected-weight: var(--weight-ui-regular);
  --navigation-menu-default-link-selected-line-height: var(--line-s);
  --navigation-menu-default-link-selected-letter-spacing: var(--tracking-l);
  --navigation-menu-default-link-selected-shadow: var(--shadow-none);
  --navigation-menu-default-link-selected-control-size: var(--space-l);
  --navigation-menu-default-link-selected-box-shadow: none;
  --separator-default-separator-rest-background: var(--color-none);
  --separator-default-separator-rest-foreground: var(--neutral-10);
  --separator-default-separator-rest-border-color: var(--neutral-4);
  --separator-default-separator-rest-border-width: var(--border-s);
  --separator-default-separator-rest-radius: var(--radius-zero);
  --separator-default-separator-rest-padding-top: var(--space-zero);
  --separator-default-separator-rest-padding-bottom: var(--space-zero);
  --separator-default-separator-rest-padding-x: var(--space-zero);
  --separator-default-separator-rest-gap: var(--space-xs);
  --separator-default-separator-rest-text-size: var(--size-s);
  --separator-default-separator-rest-font: var(--font-ui);
  --separator-default-separator-rest-weight: var(--weight-ui-regular);
  --separator-default-separator-rest-line-height: var(--line-s);
  --separator-default-separator-rest-letter-spacing: var(--tracking-l);
  --separator-default-separator-rest-shadow: var(--shadow-none);
  --separator-default-separator-rest-control-size: var(--space-l);
  --separator-default-separator-rest-box-shadow: 0 0 0 var(--border-s) var(--neutral-4);
  --toast-default-popover-rest-foreground: var(--neutral-10);
  --toast-default-popover-rest-border-color: var(--neutral-4-transparent);
  --toast-default-popover-rest-border-width: var(--border-s);
  --toast-default-popover-rest-radius: var(--radius-m);
  --toast-default-popover-rest-padding-top: var(--space-m);
  --toast-default-popover-rest-padding-bottom: var(--space-m);
  --toast-default-popover-rest-padding-x: var(--space-m);
  --toast-default-popover-rest-gap: var(--space-xs);
  --toast-default-popover-rest-text-size: var(--size-s);
  --toast-default-popover-rest-font: var(--font-ui);
  --toast-default-popover-rest-weight: var(--weight-ui-regular);
  --toast-default-popover-rest-line-height: var(--line-s);
  --toast-default-popover-rest-letter-spacing: var(--tracking-l);
  --toast-default-popover-rest-shadow: var(--shadow-m);
  --toast-default-popover-rest-control-size: var(--space-l);
  --toast-default-popover-rest-box-shadow: 0 0 0 var(--border-s) var(--neutral-4-transparent), var(--shadow-m);
  --toast-default-title-rest-background: var(--color-none);
  --toast-default-title-rest-foreground: var(--neutral-10);
  --toast-default-title-rest-border-color: var(--color-none);
  --toast-default-title-rest-border-width: var(--border-none);
  --toast-default-title-rest-radius: var(--radius-zero);
  --toast-default-title-rest-padding-top: var(--space-zero);
  --toast-default-title-rest-padding-bottom: var(--space-zero);
  --toast-default-title-rest-padding-x: var(--space-zero);
  --toast-default-title-rest-gap: var(--space-xs);
  --toast-default-title-rest-text-size: var(--size-s);
  --toast-default-title-rest-font: var(--font-ui);
  --toast-default-title-rest-weight: var(--weight-ui-medium);
  --toast-default-title-rest-line-height: var(--line-s);
  --toast-default-title-rest-letter-spacing: var(--tracking-l);
  --toast-default-title-rest-shadow: var(--shadow-none);
  --toast-default-title-rest-control-size: var(--space-l);
  --toast-default-title-rest-box-shadow: none;
  --toast-default-title-disabled-background: var(--color-none);
  --toast-default-title-disabled-foreground: var(--neutral-6);
  --toast-default-title-disabled-border-color: var(--color-none);
  --toast-default-title-disabled-border-width: var(--border-none);
  --toast-default-title-disabled-radius: var(--radius-zero);
  --toast-default-title-disabled-padding-top: var(--space-zero);
  --toast-default-title-disabled-padding-bottom: var(--space-zero);
  --toast-default-title-disabled-padding-x: var(--space-zero);
  --toast-default-title-disabled-gap: var(--space-xs);
  --toast-default-title-disabled-text-size: var(--size-s);
  --toast-default-title-disabled-font: var(--font-ui);
  --toast-default-title-disabled-weight: var(--weight-ui-medium);
  --toast-default-title-disabled-line-height: var(--line-s);
  --toast-default-title-disabled-letter-spacing: var(--tracking-l);
  --toast-default-title-disabled-shadow: var(--shadow-none);
  --toast-default-title-disabled-control-size: var(--space-l);
  --toast-default-title-disabled-box-shadow: none;
  --toast-default-title-invalid-background: var(--color-none);
  --toast-default-title-invalid-foreground: var(--neutral-10);
  --toast-default-title-invalid-border-color: var(--color-none);
  --toast-default-title-invalid-border-width: var(--border-none);
  --toast-default-title-invalid-radius: var(--radius-zero);
  --toast-default-title-invalid-padding-top: var(--space-zero);
  --toast-default-title-invalid-padding-bottom: var(--space-zero);
  --toast-default-title-invalid-padding-x: var(--space-zero);
  --toast-default-title-invalid-gap: var(--space-xs);
  --toast-default-title-invalid-text-size: var(--size-s);
  --toast-default-title-invalid-font: var(--font-ui);
  --toast-default-title-invalid-weight: var(--weight-ui-medium);
  --toast-default-title-invalid-line-height: var(--line-s);
  --toast-default-title-invalid-letter-spacing: var(--tracking-l);
  --toast-default-title-invalid-shadow: var(--shadow-none);
  --toast-default-title-invalid-control-size: var(--space-l);
  --toast-default-title-invalid-box-shadow: none;
  --toast-default-description-rest-background: var(--color-none);
  --toast-default-description-rest-foreground: var(--neutral-7);
  --toast-default-description-rest-border-color: var(--color-none);
  --toast-default-description-rest-border-width: var(--border-none);
  --toast-default-description-rest-radius: var(--radius-zero);
  --toast-default-description-rest-padding-top: var(--space-zero);
  --toast-default-description-rest-padding-bottom: var(--space-zero);
  --toast-default-description-rest-padding-x: var(--space-zero);
  --toast-default-description-rest-gap: var(--space-xs);
  --toast-default-description-rest-text-size: var(--size-s);
  --toast-default-description-rest-font: var(--font-ui);
  --toast-default-description-rest-weight: var(--weight-ui-regular);
  --toast-default-description-rest-line-height: var(--line-s);
  --toast-default-description-rest-letter-spacing: var(--tracking-l);
  --toast-default-description-rest-shadow: var(--shadow-none);
  --toast-default-description-rest-control-size: var(--space-l);
  --toast-default-description-rest-box-shadow: none;
  --toast-default-description-disabled-background: var(--color-none);
  --toast-default-description-disabled-foreground: var(--neutral-6);
  --toast-default-description-disabled-border-color: var(--color-none);
  --toast-default-description-disabled-border-width: var(--border-none);
  --toast-default-description-disabled-radius: var(--radius-zero);
  --toast-default-description-disabled-padding-top: var(--space-zero);
  --toast-default-description-disabled-padding-bottom: var(--space-zero);
  --toast-default-description-disabled-padding-x: var(--space-zero);
  --toast-default-description-disabled-gap: var(--space-xs);
  --toast-default-description-disabled-text-size: var(--size-s);
  --toast-default-description-disabled-font: var(--font-ui);
  --toast-default-description-disabled-weight: var(--weight-ui-regular);
  --toast-default-description-disabled-line-height: var(--line-s);
  --toast-default-description-disabled-letter-spacing: var(--tracking-l);
  --toast-default-description-disabled-shadow: var(--shadow-none);
  --toast-default-description-disabled-control-size: var(--space-l);
  --toast-default-description-disabled-box-shadow: none;
  --toast-default-description-invalid-background: var(--color-none);
  --toast-default-description-invalid-foreground: var(--neutral-7);
  --toast-default-description-invalid-border-color: var(--color-none);
  --toast-default-description-invalid-border-width: var(--border-none);
  --toast-default-description-invalid-radius: var(--radius-zero);
  --toast-default-description-invalid-padding-top: var(--space-zero);
  --toast-default-description-invalid-padding-bottom: var(--space-zero);
  --toast-default-description-invalid-padding-x: var(--space-zero);
  --toast-default-description-invalid-gap: var(--space-xs);
  --toast-default-description-invalid-text-size: var(--size-s);
  --toast-default-description-invalid-font: var(--font-ui);
  --toast-default-description-invalid-weight: var(--weight-ui-regular);
  --toast-default-description-invalid-line-height: var(--line-s);
  --toast-default-description-invalid-letter-spacing: var(--tracking-l);
  --toast-default-description-invalid-shadow: var(--shadow-none);
  --toast-default-description-invalid-control-size: var(--space-l);
  --toast-default-description-invalid-box-shadow: none;
  --preview-card-default-popover-rest-foreground: var(--neutral-10);
  --preview-card-default-popover-rest-border-color: var(--neutral-4-transparent);
  --preview-card-default-popover-rest-border-width: var(--border-s);
  --preview-card-default-popover-rest-radius: var(--radius-m);
  --preview-card-default-popover-rest-padding-top: var(--space-m);
  --preview-card-default-popover-rest-padding-bottom: var(--space-m);
  --preview-card-default-popover-rest-padding-x: var(--space-m);
  --preview-card-default-popover-rest-gap: var(--space-xs);
  --preview-card-default-popover-rest-text-size: var(--size-s);
  --preview-card-default-popover-rest-font: var(--font-ui);
  --preview-card-default-popover-rest-weight: var(--weight-ui-regular);
  --preview-card-default-popover-rest-line-height: var(--line-s);
  --preview-card-default-popover-rest-letter-spacing: var(--tracking-l);
  --preview-card-default-popover-rest-shadow: var(--shadow-m);
  --preview-card-default-popover-rest-control-size: var(--space-l);
  --preview-card-default-popover-rest-box-shadow: 0 0 0 var(--border-s) var(--neutral-4-transparent), var(--shadow-m);
  --preview-card-default-trigger-rest-background: var(--color-none);
  --preview-card-default-trigger-rest-foreground: var(--color-1);
  --preview-card-default-trigger-rest-border-color: var(--color-none);
  --preview-card-default-trigger-rest-border-width: var(--border-none);
  --preview-card-default-trigger-rest-radius: var(--radius-s);
  --preview-card-default-trigger-rest-padding-top: var(--space-zero);
  --preview-card-default-trigger-rest-padding-bottom: var(--space-zero);
  --preview-card-default-trigger-rest-padding-x: var(--space-zero);
  --preview-card-default-trigger-rest-gap: var(--space-xs);
  --preview-card-default-trigger-rest-text-size: var(--size-s);
  --preview-card-default-trigger-rest-font: var(--font-ui);
  --preview-card-default-trigger-rest-weight: var(--weight-ui-medium);
  --preview-card-default-trigger-rest-line-height: var(--line-s);
  --preview-card-default-trigger-rest-letter-spacing: var(--tracking-l);
  --preview-card-default-trigger-rest-shadow: var(--shadow-none);
  --preview-card-default-trigger-rest-control-size: var(--space-l);
  --preview-card-default-trigger-rest-box-shadow: none;
  --preview-card-default-trigger-hover-background: var(--color-none);
  --preview-card-default-trigger-hover-foreground: var(--color-1);
  --preview-card-default-trigger-hover-border-color: var(--color-none);
  --preview-card-default-trigger-hover-border-width: var(--border-none);
  --preview-card-default-trigger-hover-radius: var(--radius-s);
  --preview-card-default-trigger-hover-padding-top: var(--space-zero);
  --preview-card-default-trigger-hover-padding-bottom: var(--space-zero);
  --preview-card-default-trigger-hover-padding-x: var(--space-zero);
  --preview-card-default-trigger-hover-gap: var(--space-xs);
  --preview-card-default-trigger-hover-text-size: var(--size-s);
  --preview-card-default-trigger-hover-font: var(--font-ui);
  --preview-card-default-trigger-hover-weight: var(--weight-ui-medium);
  --preview-card-default-trigger-hover-line-height: var(--line-s);
  --preview-card-default-trigger-hover-letter-spacing: var(--tracking-l);
  --preview-card-default-trigger-hover-shadow: var(--shadow-none);
  --preview-card-default-trigger-hover-control-size: var(--space-l);
  --preview-card-default-trigger-hover-box-shadow: none;
  --preview-card-default-trigger-focus-background: var(--color-none);
  --preview-card-default-trigger-focus-foreground: var(--color-1);
  --preview-card-default-trigger-focus-border-color: var(--color-1);
  --preview-card-default-trigger-focus-border-width: var(--border-none);
  --preview-card-default-trigger-focus-radius: var(--radius-s);
  --preview-card-default-trigger-focus-padding-top: var(--space-zero);
  --preview-card-default-trigger-focus-padding-bottom: var(--space-zero);
  --preview-card-default-trigger-focus-padding-x: var(--space-zero);
  --preview-card-default-trigger-focus-gap: var(--space-xs);
  --preview-card-default-trigger-focus-text-size: var(--size-s);
  --preview-card-default-trigger-focus-font: var(--font-ui);
  --preview-card-default-trigger-focus-weight: var(--weight-ui-medium);
  --preview-card-default-trigger-focus-line-height: var(--line-s);
  --preview-card-default-trigger-focus-letter-spacing: var(--tracking-l);
  --preview-card-default-trigger-focus-shadow: var(--shadow-none);
  --preview-card-default-trigger-focus-control-size: var(--space-l);
  --preview-card-default-trigger-focus-box-shadow: 0 0 0 var(--border-l) color-mix(in srgb, var(--color-1-transparent) 24%, transparent);
  --preview-card-default-trigger-disabled-background: var(--color-none);
  --preview-card-default-trigger-disabled-foreground: var(--neutral-6);
  --preview-card-default-trigger-disabled-border-color: var(--color-none);
  --preview-card-default-trigger-disabled-border-width: var(--border-none);
  --preview-card-default-trigger-disabled-radius: var(--radius-s);
  --preview-card-default-trigger-disabled-padding-top: var(--space-zero);
  --preview-card-default-trigger-disabled-padding-bottom: var(--space-zero);
  --preview-card-default-trigger-disabled-padding-x: var(--space-zero);
  --preview-card-default-trigger-disabled-gap: var(--space-xs);
  --preview-card-default-trigger-disabled-text-size: var(--size-s);
  --preview-card-default-trigger-disabled-font: var(--font-ui);
  --preview-card-default-trigger-disabled-weight: var(--weight-ui-medium);
  --preview-card-default-trigger-disabled-line-height: var(--line-s);
  --preview-card-default-trigger-disabled-letter-spacing: var(--tracking-l);
  --preview-card-default-trigger-disabled-shadow: var(--shadow-none);
  --preview-card-default-trigger-disabled-control-size: var(--space-l);
  --preview-card-default-trigger-disabled-box-shadow: none;
  --preview-card-default-title-rest-background: var(--color-none);
  --preview-card-default-title-rest-foreground: var(--neutral-10);
  --preview-card-default-title-rest-border-color: var(--color-none);
  --preview-card-default-title-rest-border-width: var(--border-none);
  --preview-card-default-title-rest-radius: var(--radius-zero);
  --preview-card-default-title-rest-padding-top: var(--space-zero);
  --preview-card-default-title-rest-padding-bottom: var(--space-zero);
  --preview-card-default-title-rest-padding-x: var(--space-zero);
  --preview-card-default-title-rest-gap: var(--space-xs);
  --preview-card-default-title-rest-text-size: var(--size-m);
  --preview-card-default-title-rest-font: var(--font-ui);
  --preview-card-default-title-rest-weight: var(--weight-ui-medium);
  --preview-card-default-title-rest-line-height: var(--line-m);
  --preview-card-default-title-rest-letter-spacing: var(--tracking-m);
  --preview-card-default-title-rest-shadow: var(--shadow-none);
  --preview-card-default-title-rest-control-size: var(--space-l);
  --preview-card-default-title-rest-box-shadow: none;
  --preview-card-default-title-disabled-background: var(--color-none);
  --preview-card-default-title-disabled-foreground: var(--neutral-6);
  --preview-card-default-title-disabled-border-color: var(--color-none);
  --preview-card-default-title-disabled-border-width: var(--border-none);
  --preview-card-default-title-disabled-radius: var(--radius-zero);
  --preview-card-default-title-disabled-padding-top: var(--space-zero);
  --preview-card-default-title-disabled-padding-bottom: var(--space-zero);
  --preview-card-default-title-disabled-padding-x: var(--space-zero);
  --preview-card-default-title-disabled-gap: var(--space-xs);
  --preview-card-default-title-disabled-text-size: var(--size-m);
  --preview-card-default-title-disabled-font: var(--font-ui);
  --preview-card-default-title-disabled-weight: var(--weight-ui-medium);
  --preview-card-default-title-disabled-line-height: var(--line-m);
  --preview-card-default-title-disabled-letter-spacing: var(--tracking-m);
  --preview-card-default-title-disabled-shadow: var(--shadow-none);
  --preview-card-default-title-disabled-control-size: var(--space-l);
  --preview-card-default-title-disabled-box-shadow: none;
  --preview-card-default-title-invalid-background: var(--color-none);
  --preview-card-default-title-invalid-foreground: var(--neutral-10);
  --preview-card-default-title-invalid-border-color: var(--color-none);
  --preview-card-default-title-invalid-border-width: var(--border-none);
  --preview-card-default-title-invalid-radius: var(--radius-zero);
  --preview-card-default-title-invalid-padding-top: var(--space-zero);
  --preview-card-default-title-invalid-padding-bottom: var(--space-zero);
  --preview-card-default-title-invalid-padding-x: var(--space-zero);
  --preview-card-default-title-invalid-gap: var(--space-xs);
  --preview-card-default-title-invalid-text-size: var(--size-m);
  --preview-card-default-title-invalid-font: var(--font-ui);
  --preview-card-default-title-invalid-weight: var(--weight-ui-medium);
  --preview-card-default-title-invalid-line-height: var(--line-m);
  --preview-card-default-title-invalid-letter-spacing: var(--tracking-m);
  --preview-card-default-title-invalid-shadow: var(--shadow-none);
  --preview-card-default-title-invalid-control-size: var(--space-l);
  --preview-card-default-title-invalid-box-shadow: none;
  --preview-card-default-description-rest-background: var(--color-none);
  --preview-card-default-description-rest-foreground: var(--neutral-7);
  --preview-card-default-description-rest-border-color: var(--color-none);
  --preview-card-default-description-rest-border-width: var(--border-none);
  --preview-card-default-description-rest-radius: var(--radius-zero);
  --preview-card-default-description-rest-padding-top: var(--space-zero);
  --preview-card-default-description-rest-padding-bottom: var(--space-zero);
  --preview-card-default-description-rest-padding-x: var(--space-zero);
  --preview-card-default-description-rest-gap: var(--space-xs);
  --preview-card-default-description-rest-text-size: var(--size-s);
  --preview-card-default-description-rest-font: var(--font-ui);
  --preview-card-default-description-rest-weight: var(--weight-ui-regular);
  --preview-card-default-description-rest-line-height: var(--line-s);
  --preview-card-default-description-rest-letter-spacing: var(--tracking-l);
  --preview-card-default-description-rest-shadow: var(--shadow-none);
  --preview-card-default-description-rest-control-size: var(--space-l);
  --preview-card-default-description-rest-box-shadow: none;
  --preview-card-default-description-disabled-background: var(--color-none);
  --preview-card-default-description-disabled-foreground: var(--neutral-6);
  --preview-card-default-description-disabled-border-color: var(--color-none);
  --preview-card-default-description-disabled-border-width: var(--border-none);
  --preview-card-default-description-disabled-radius: var(--radius-zero);
  --preview-card-default-description-disabled-padding-top: var(--space-zero);
  --preview-card-default-description-disabled-padding-bottom: var(--space-zero);
  --preview-card-default-description-disabled-padding-x: var(--space-zero);
  --preview-card-default-description-disabled-gap: var(--space-xs);
  --preview-card-default-description-disabled-text-size: var(--size-s);
  --preview-card-default-description-disabled-font: var(--font-ui);
  --preview-card-default-description-disabled-weight: var(--weight-ui-regular);
  --preview-card-default-description-disabled-line-height: var(--line-s);
  --preview-card-default-description-disabled-letter-spacing: var(--tracking-l);
  --preview-card-default-description-disabled-shadow: var(--shadow-none);
  --preview-card-default-description-disabled-control-size: var(--space-l);
  --preview-card-default-description-disabled-box-shadow: none;
  --preview-card-default-description-invalid-background: var(--color-none);
  --preview-card-default-description-invalid-foreground: var(--neutral-7);
  --preview-card-default-description-invalid-border-color: var(--color-none);
  --preview-card-default-description-invalid-border-width: var(--border-none);
  --preview-card-default-description-invalid-radius: var(--radius-zero);
  --preview-card-default-description-invalid-padding-top: var(--space-zero);
  --preview-card-default-description-invalid-padding-bottom: var(--space-zero);
  --preview-card-default-description-invalid-padding-x: var(--space-zero);
  --preview-card-default-description-invalid-gap: var(--space-xs);
  --preview-card-default-description-invalid-text-size: var(--size-s);
  --preview-card-default-description-invalid-font: var(--font-ui);
  --preview-card-default-description-invalid-weight: var(--weight-ui-regular);
  --preview-card-default-description-invalid-line-height: var(--line-s);
  --preview-card-default-description-invalid-letter-spacing: var(--tracking-l);
  --preview-card-default-description-invalid-shadow: var(--shadow-none);
  --preview-card-default-description-invalid-control-size: var(--space-l);
  --preview-card-default-description-invalid-box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  :root, [data-theme="dark"], [data-theme="light"] {
    --motion-duration: 0ms;
    --motion-large-duration: 0ms;
    --motion-press-distance: 0px;
  }
}