@property --control-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 2px;
}

@property --control-focus-stroke-offset {
  syntax: "<length>";
  inherits: true;
  initial-value: 2px;
}

@property --control-focus-stroke-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 2px;
}

@property --layout-page-max-content-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 1200px;
}

@property --layout-page-max-narrow-content-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 800px;
}

@property --shape-stroke-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 1px;
}

@property --sizing-ratio {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.25;
}

@property --sizing-factor {
  syntax: "<number>";
  inherits: true;
  initial-value: .8;
}

:root {
  --control-border-color: light-dark(#d4dcdf, #37444a);
  --control-background: light-dark(#fafbfb, #171c1e);
  --control-border-style: solid;
  --control-accent: light-dark(#0caef3, #0caef3);
  --control-disabled-background: light-dark(#e9edee, #262f32);
  --control-hover-background: light-dark(#66d1ff, #06577a);
  --control-focus-selected-background: light-dark(#99e0ff, #00364d);
  --control-focus-stroke-color: light-dark(#0caef3, #0caef3);
  --control-focus-stroke-style: solid;
  --control-active-background: light-dark(#3cbef6, #054661);
  --control-selected-background: light-dark(#f1f4f5, #1d2427);
  --indicator-error-subtle-background: light-dark(#ee9696, #ee9696);
  --indicator-error-subtle-border: light-dark(#b41d1d, #b41d1d);
  --indicator-error-subtle-text: light-dark(#911818, #911818);
  --indicator-error-supreme-background: light-dark(#b41d1d, #b41d1d);
  --indicator-error-supreme-border: light-dark(#b41d1d, #b41d1d);
  --indicator-error-supreme-text: light-dark(#e9edee, #e9edee);
  --indicator-error-plain-border: light-dark(#b41d1d, #e76a6a);
  --indicator-error-plain-text: light-dark(#b41d1d, #e76a6a);
  --indicator-info-subtle-background: light-dark(#66d1ff, #66d1ff);
  --indicator-info-subtle-border: light-dark(#098bc3, #098bc3);
  --indicator-info-subtle-text: light-dark(#054661, #054661);
  --indicator-info-supreme-background: light-dark(#076892, #076892);
  --indicator-info-supreme-border: light-dark(#076892, #076892);
  --indicator-info-supreme-text: light-dark(#e9edee, #e9edee);
  --indicator-info-plain-border: light-dark(#076892, #3cbef6);
  --indicator-info-plain-text: light-dark(#076892, #3cbef6);
  --indicator-success-subtle-background: light-dark(#abede2, #abede2);
  --indicator-success-subtle-border: light-dark(#125449, #125449);
  --indicator-success-subtle-text: light-dark(#125449, #125449);
  --indicator-success-supreme-background: light-dark(#125449, #125449);
  --indicator-success-supreme-border: light-dark(#125449, #125449);
  --indicator-success-supreme-text: light-dark(#e9edee, #e9edee);
  --indicator-success-plain-border: light-dark(#125449, #6be0cb);
  --indicator-success-plain-text: light-dark(#125449, #6be0cb);
  --indicator-warning-subtle-background: light-dark(#ffe299, #b28000);
  --indicator-warning-subtle-border: light-dark(#b28000, #b28000);
  --indicator-warning-subtle-text: light-dark(#664900, #0c0e10);
  --indicator-warning-supreme-background: light-dark(#ffb700, #ffe299);
  --indicator-warning-supreme-border: light-dark(#b28000, #b28000);
  --indicator-warning-supreme-text: light-dark(#0c0e10, #0c0e10);
  --indicator-warning-plain-border: light-dark(#b28000, #ffcc4d);
  --indicator-warning-plain-text: light-dark(#b28000, #ffcc4d);
  --intent-action-supreme-base-background: light-dark(#66d1ff, #66d1ff);
  --intent-action-supreme-base-text: light-dark(#0c0e10, #0c0e10);
  --intent-action-supreme-hover-background: light-dark(#3cbef6, #3cbef6);
  --intent-action-supreme-hover-text: light-dark(#0c0e10, #0c0e10);
  --intent-action-supreme-active-background: light-dark(#0caef3, #0caef3);
  --intent-action-supreme-active-text: light-dark(#0c0e10, #0c0e10);
  --intent-action-supreme-disabled-text: light-dark(#076892, #66d1ff);
  --intent-action-subtle-base-border: light-dark(#098bc3, #66d1ff);
  --intent-action-subtle-base-text: light-dark(#098bc3, #66d1ff);
  --intent-action-subtle-hover-background: light-dark(#3cbef6, #3cbef6);
  --intent-action-subtle-hover-text: light-dark(#0c0e10, #0c0e10);
  --intent-action-subtle-active-background: light-dark(#0caef3, #0caef3);
  --intent-action-subtle-active-text: light-dark(#0c0e10, #0c0e10);
  --intent-action-subtle-disabled-text: light-dark(#098bc3, #66d1ff);
  --intent-action-plain-base-text: light-dark(#098bc3, #66d1ff);
  --intent-action-plain-hover-text: light-dark(#076892, #0caef3);
  --intent-action-plain-active-text: light-dark(#076892, #098bc3);
  --intent-alternative-supreme-base-background: light-dark(#80e5d3, #80e5d3);
  --intent-alternative-supreme-base-text: light-dark(#0c0e10, #0c0e10);
  --intent-alternative-supreme-hover-background: light-dark(#56dcc4, #56dcc4);
  --intent-alternative-supreme-hover-text: light-dark(#0c0e10, #0c0e10);
  --intent-alternative-supreme-active-background: light-dark(#2cd3b5, #2cd3b5);
  --intent-alternative-supreme-active-text: light-dark(#0c0e10, #0c0e10);
  --intent-alternative-supreme-disabled-text: light-dark(#1a7f6d, #80e5d3);
  --intent-alternative-subtle-base-border: light-dark(#56dcc4, #56dcc4);
  --intent-alternative-subtle-base-text: light-dark(#23a991, #56dcc4);
  --intent-alternative-subtle-hover-background: light-dark(#56dcc4, #56dcc4);
  --intent-alternative-subtle-hover-text: light-dark(#0c0e10, #0c0e10);
  --intent-alternative-subtle-active-background: light-dark(#2cd3b5, #2cd3b5);
  --intent-alternative-subtle-active-text: light-dark(#0c0e10, #0c0e10);
  --intent-alternative-subtle-disabled-text: light-dark(#23a991, #80e5d3);
  --intent-alternative-plain-base-text: light-dark(#23a991, #80e5d3);
  --intent-alternative-plain-hover-text: light-dark(#1a7f6d, #56dcc4);
  --intent-alternative-plain-active-text: light-dark(#1a7f6d, #2cd3b5);
  --intent-danger-supreme-base-background: light-dark(#dc2828, #dc2828);
  --intent-danger-supreme-base-text: light-dark(#e9edee, #e9edee);
  --intent-danger-supreme-hover-background: light-dark(#b41d1d, #b41d1d);
  --intent-danger-supreme-hover-text: light-dark(#e9edee, #e9edee);
  --intent-danger-supreme-active-background: light-dark(#911818, #911818);
  --intent-danger-supreme-active-text: light-dark(#e9edee, #e9edee);
  --intent-danger-supreme-disabled-text: light-dark(#911818, #e76a6a);
  --intent-danger-subtle-base-border: light-dark(#dc2828, #b41d1d);
  --intent-danger-subtle-base-text: light-dark(#dc2828, #dc2828);
  --intent-danger-subtle-hover-background: light-dark(#b41d1d, #b41d1d);
  --intent-danger-subtle-hover-text: light-dark(#e9edee, #e9edee);
  --intent-danger-subtle-active-background: light-dark(#911818, #911818);
  --intent-danger-subtle-active-border: light-dark(#911818, #911818);
  --intent-danger-subtle-active-text: light-dark(#e9edee, #e9edee);
  --intent-danger-subtle-disabled-text: light-dark(#911818, #ee9696);
  --intent-danger-plain-base-text: light-dark(#dc2828, #e76a6a);
  --intent-danger-plain-hover-text: light-dark(#b41d1d, #dc2828);
  --intent-danger-plain-active-text: light-dark(#911818, #dc2828);
  --intent-highlight-supreme-base-background: light-dark(#ece079, #ece079);
  --intent-highlight-supreme-base-text: light-dark(#0c0e10, #0c0e10);
  --intent-highlight-supreme-hover-background: light-dark(#e5d64d, #e5d64d);
  --intent-highlight-supreme-hover-text: light-dark(#0c0e10, #0c0e10);
  --intent-highlight-supreme-active-background: light-dark(#dfcc20, #dfcc20);
  --intent-highlight-supreme-active-text: light-dark(#0c0e10, #0c0e10);
  --intent-highlight-supreme-disabled-text: light-dark(#8e800b, #ece079);
  --intent-highlight-subtle-base-border: light-dark(#e5d64d, #e5d64d);
  --intent-highlight-subtle-base-text: light-dark(#b3a31a, #e5d64d);
  --intent-highlight-subtle-hover-background: light-dark(#e5d64d, #e5d64d);
  --intent-highlight-subtle-hover-text: light-dark(#0c0e10, #0c0e10);
  --intent-highlight-subtle-active-background: light-dark(#dfcc20, #dfcc20);
  --intent-highlight-subtle-active-text: light-dark(#0c0e10, #0c0e10);
  --intent-highlight-subtle-disabled-text: light-dark(#b3a31a, #b3a31a);
  --intent-highlight-plain-base-text: light-dark(#b3a31a, #e5d64d);
  --intent-highlight-plain-hover-text: light-dark(#8e800b, #b3a31a);
  --intent-highlight-plain-active-text: light-dark(#8e800b, #b3a31a);
  --surface-base: light-dark(#fafbfb, #171c1e);
  --surface-container: light-dark(#f1f4f5, #1d2427);
  --surface-container1: light-dark(#e9edee, #262f32);
  --surface-popover: light-dark(#f1f4f5, #1d2427);
  --surface-window: light-dark(#f1f4f5, #1d2427);
  --navigation-item-hover-background: light-dark(#e9edee, #262f32);
  --navigation-item-active-background: light-dark(#e3e8ea, #1d2427);
  --shape-shadow-container: 0 0 2px 4px #00000040;
  --shape-stroke-style: solid;
  --shape-stroke-color: light-dark(#e3e8ea, #37444a);
  --typography-prose: 400 16px / 1.21 Inter;
  --typography-control: 500 16px / 1.21 Inter;
  --typography-heading: 400 26px / 1.21 Inter;
  --typography-display: 400 44px / 1.21 "Inter Display";
  --typography-main: light-dark(#0c0e10, #e9edee);
  --typography-inverse: light-dark(#e9edee, #0c0e10);
  --typography-subtle: light-dark(#37444a, #b7c4c9);
  --typography-muted: light-dark(#4d5f67, #9aacb3);
  --typography-emphasize: light-dark(#23a991, #80e5d3);
  --typography-selected-background: light-dark(#f2eba6, #094339);
  --control-text: light-dark(var(--typography-main), var(--typography-main));
  --control-placeholder: light-dark(var(--typography-subtle), var(--typography-subtle));
  --control-disabled-text: light-dark(var(--typography-muted), var(--typography-muted));
  --intent-action-supreme-base-border: light-dark(var(--intent-action-supreme-base-background), var(--intent-action-supreme-base-background));
  --intent-action-supreme-hover-border: light-dark(var(--intent-action-supreme-hover-background), var(--intent-action-supreme-hover-background));
  --intent-action-supreme-active-border: light-dark(var(--intent-action-supreme-active-background), var(--intent-action-supreme-active-background));
  --intent-action-supreme-disabled-background: light-dark(var(--control-disabled-background), var(--control-disabled-background));
  --intent-action-subtle-base-background: light-dark(var(--control-background), var(--control-background));
  --intent-action-subtle-hover-border: light-dark(var(--intent-action-subtle-hover-background), var(--intent-action-subtle-hover-background));
  --intent-action-subtle-active-border: light-dark(var(--intent-action-subtle-active-background), var(--intent-action-subtle-active-background));
  --intent-action-subtle-disabled-background: light-dark(var(--control-background), var(--control-background));
  --intent-action-subtle-disabled-border: light-dark(var(--control-disabled-background), var(--control-disabled-background));
  --intent-alternative-supreme-base-border: light-dark(var(--intent-alternative-supreme-base-background), var(--intent-alternative-supreme-base-background));
  --intent-alternative-supreme-hover-border: light-dark(var(--intent-alternative-supreme-hover-background), var(--intent-alternative-supreme-hover-background));
  --intent-alternative-supreme-active-border: light-dark(var(--intent-alternative-supreme-active-background), var(--intent-alternative-supreme-active-background));
  --intent-alternative-supreme-disabled-background: light-dark(var(--control-disabled-background), var(--control-disabled-background));
  --intent-alternative-subtle-base-background: light-dark(var(--control-background), var(--control-background));
  --intent-alternative-subtle-hover-border: light-dark(var(--intent-alternative-subtle-hover-background), var(--intent-alternative-subtle-hover-background));
  --intent-alternative-subtle-active-border: light-dark(var(--intent-alternative-subtle-active-background), var(--intent-alternative-subtle-active-background));
  --intent-alternative-subtle-disabled-background: light-dark(var(--control-background), var(--control-background));
  --intent-alternative-subtle-disabled-border: light-dark(var(--control-disabled-background), var(--control-disabled-background));
  --intent-alternative-plain-disabled-text: light-dark(var(--typography-muted), var(--typography-muted));
  --intent-danger-supreme-base-border: light-dark(var(--intent-danger-supreme-base-background), var(--intent-danger-supreme-base-background));
  --intent-danger-supreme-hover-border: light-dark(var(--intent-danger-supreme-hover-background), var(--intent-danger-supreme-hover-background));
  --intent-danger-supreme-active-border: light-dark(var(--intent-danger-supreme-active-background), var(--intent-danger-supreme-active-background));
  --intent-danger-supreme-disabled-background: light-dark(var(--control-disabled-background), var(--control-disabled-background));
  --intent-danger-subtle-base-background: light-dark(var(--control-background), var(--control-background));
  --intent-danger-subtle-hover-border: light-dark(var(--intent-danger-subtle-hover-background), var(--intent-danger-subtle-hover-background));
  --intent-danger-subtle-disabled-background: light-dark(var(--control-background), var(--control-background));
  --intent-danger-subtle-disabled-border: light-dark(var(--control-disabled-background), var(--control-disabled-background));
  --intent-highlight-supreme-base-border: light-dark(var(--intent-highlight-supreme-base-background), var(--intent-highlight-supreme-base-background));
  --intent-highlight-supreme-hover-border: light-dark(var(--intent-highlight-supreme-hover-background), var(--intent-highlight-supreme-hover-background));
  --intent-highlight-supreme-active-border: light-dark(var(--intent-highlight-supreme-active-background), var(--intent-highlight-supreme-active-background));
  --intent-highlight-supreme-disabled-background: light-dark(var(--control-disabled-background), var(--control-disabled-background));
  --intent-highlight-subtle-base-background: light-dark(var(--control-background), var(--control-background));
  --intent-highlight-subtle-hover-border: light-dark(var(--intent-highlight-subtle-hover-background), var(--intent-highlight-subtle-hover-background));
  --intent-highlight-subtle-active-border: light-dark(var(--intent-highlight-subtle-active-background), var(--intent-highlight-subtle-active-background));
  --intent-highlight-subtle-disabled-background: light-dark(var(--control-background), var(--control-background));
  --intent-highlight-subtle-disabled-border: light-dark(var(--control-disabled-background), var(--control-disabled-background));
  --navigation-links-base: light-dark(var(--intent-action-plain-base-text), var(--intent-action-plain-base-text));
  --navigation-links-hover: light-dark(var(--intent-action-plain-hover-text), var(--intent-action-plain-hover-text));
  --navigation-links-active: light-dark(var(--intent-action-plain-active-text), var(--intent-action-plain-active-text));
  --shape-radius-primitive: var(--ls-3);
  --typography-code-text: light-dark(var(--typography-subtle), var(--typography-subtle));
  --typography-code-background: light-dark(var(--surface-container1), var(--surface-container1));
  --intent-action-supreme-disabled-border: light-dark(var(--intent-action-supreme-disabled-background), var(--intent-action-supreme-disabled-background));
  --intent-action-plain-disabled-text: light-dark(var(--control-disabled-text), var(--control-disabled-text));
  --intent-alternative-supreme-disabled-border: light-dark(var(--intent-alternative-supreme-disabled-background), var(--intent-alternative-supreme-disabled-background));
  --intent-danger-supreme-disabled-border: light-dark(var(--intent-danger-supreme-disabled-background), var(--intent-danger-supreme-disabled-background));
  --intent-danger-plain-disabled-text: light-dark(var(--control-disabled-text), var(--control-disabled-text));
  --intent-highlight-supreme-disabled-border: light-dark(var(--intent-highlight-supreme-disabled-background), var(--intent-highlight-supreme-disabled-background));
  --intent-highlight-plain-disabled-text: light-dark(var(--control-disabled-text), var(--control-disabled-text));
  --shape-radius-container: var(--spacing-container-2);
  --shape-radius-container-nested: var(--spacing-container-3);
  color-scheme: light dark;
}

[data-theemo-color-scheme="light"] {
  color-scheme: light;
}

[data-theemo-color-scheme="dark"] {
  color-scheme: dark;
}

[data-theemo-density="compact"] {
  --spacing-density: .8;
}

:root, [data-theemo-density="comfortable"] {
  --spacing-density: 1;
}

[data-theemo-density="spacious"] {
  --spacing-density: 1.2;
}