/* GENERATED from design/tokens.toml sha256:00d6ea2414b34541f191aeaeb5370cc87b98db5222fa0c32a19022ad5cf8ad47. Do not edit. */
:root{
--base00:#000000;--color-machine:#000000;
--base01:#0a0c10;--color-ink:#0a0c10;
--base02:#2b2d2c;--color-inert:#2b2d2c;
--base03:#828885;--color-disabled:#828885;
--base04:#aeb6b2;--color-secondary-structure:#aeb6b2;
--base05:#d9e3dd;--color-primary:#d9e3dd;
--base06:#e6eeea;--color-emphasis:#e6eeea;
--base07:#f2f8f5;--color-record:#f2f8f5;
--base08:#b3697a;--color-validation:#b3697a;
--base09:#d39a3a;--color-alarm-caution:#d39a3a;
--base0A:#a9bfb4;--color-selection:#a9bfb4;
--base0B:#79a98e;--color-viable:#79a98e;
--base0C:#4eb2da;--color-signal:#4eb2da;
--base0D:#9f493f;--color-risk:#9f493f;
--base0E:#8797aa;--color-alarm-advisory:#8797aa;
--base0F:#c95b3d;--color-alarm-warning:#c95b3d;
--space-10u:40px;
--space-12u:48px;
--space-16u:64px;
--space-20u:80px;
--space-2u:8px;
--space-3u:12px;
--space-4u:16px;
--space-6u:24px;
--space-8u:32px;
--space-u:4px;
--dimension-chrome-canvas-height:320px;
--dimension-color-chip-height:128px;
--dimension-dialog-width:640px;
--dimension-element-name-column:160px;
--dimension-field-canvas-min-width:840px;
--dimension-field-inspector-height:240px;
--dimension-field-viewport-height:520px;
--dimension-figure-height:224px;
--dimension-graph-canvas-min-width:480px;
--dimension-graph-plot-width:720px;
--dimension-link-preview-width:320px;
--dimension-table-min-width:560px;
--dimension-trace-actor:96px;
--dimension-wide-table-min-width:960px;
--density-cell-inset:8px;
--density-compact-gap:8px;
--density-control-gap:16px;
--density-dense-row:36px;
--density-module-gap:24px;
--density-operational-dense-row:36px;
--density-operational-standard-row:44px;
--density-operational-touch-row:48px;
--density-standard-row:44px;
--density-touch-row:48px;
--type-d-01-size:120px;--type-d-01-line:104px;--type-d-01-weight:600;
--type-d-02-size:72px;--type-d-02-line:64px;--type-d-02-weight:600;
--type-t-01-size:40px;--type-t-01-line:40px;--type-t-01-weight:600;
--type-t-02-size:24px;--type-t-02-line:24px;--type-t-02-weight:600;
--type-s-01-size:16px;--type-s-01-line:24px;--type-s-01-weight:600;
--type-ui-01-size:16px;--type-ui-01-line:24px;--type-ui-01-weight:600;
--type-ui-02-size:14px;--type-ui-02-line:20px;--type-ui-02-weight:600;
--type-ui-03-size:12px;--type-ui-03-line:16px;--type-ui-03-weight:600;
--type-b-01-size:20px;--type-b-01-line:28px;--type-b-01-weight:400;
--type-b-02-size:16px;--type-b-02-line:24px;--type-b-02-weight:400;
--type-b-03-size:14px;--type-b-03-line:20px;--type-b-03-weight:400;
--grid-unit:4px;--grid-baseline:24px;--grid-edge-wide:32px;--grid-edge-small:24px;--guide-rail:192px;
--chrome-frame:2px;--chrome-rule:1px;--chrome-title:36px;--chrome-inset:8px;--chrome-control:36px;--chrome-touch:48px;--chrome-radius:0px;
--font-body:"CC Iosevka Aile",system-ui,sans-serif;--font-structural:"CC Iosevka",monospace;--font-interface:"CC Iosevka Aile",system-ui,sans-serif;
--font-role-d-01:var(--type-d-01-weight) var(--type-d-01-size)/var(--type-d-01-line) var(--font-structural);
--font-role-d-02:var(--type-d-02-weight) var(--type-d-02-size)/var(--type-d-02-line) var(--font-structural);
--font-role-t-01:var(--type-t-01-weight) var(--type-t-01-size)/var(--type-t-01-line) var(--font-structural);
--font-role-t-02:var(--type-t-02-weight) var(--type-t-02-size)/var(--type-t-02-line) var(--font-structural);
--font-role-s-01:var(--type-s-01-weight) var(--type-s-01-size)/var(--type-s-01-line) var(--font-structural);
--font-role-ui-01:var(--type-ui-01-weight) var(--type-ui-01-size)/var(--type-ui-01-line) var(--font-interface);
--font-role-ui-02:var(--type-ui-02-weight) var(--type-ui-02-size)/var(--type-ui-02-line) var(--font-interface);
--font-role-ui-03:var(--type-ui-03-weight) var(--type-ui-03-size)/var(--type-ui-03-line) var(--font-interface);
--font-role-b-01:var(--type-b-01-weight) var(--type-b-01-size)/var(--type-b-01-line) var(--font-body);
--font-role-b-02:var(--type-b-02-weight) var(--type-b-02-size)/var(--type-b-02-line) var(--font-body);
--font-role-b-03:var(--type-b-03-weight) var(--type-b-03-size)/var(--type-b-03-line) var(--font-body);
--semantic-active:var(--color-selection);
--semantic-alarm-advisory:var(--color-alarm-advisory);
--semantic-alarm-caution:var(--color-alarm-caution);
--semantic-alarm-unknown:var(--color-disabled);
--semantic-alarm-warning:var(--color-alarm-warning);
--semantic-background:var(--color-machine);
--semantic-danger:var(--color-risk);
--semantic-disabled:var(--color-disabled);
--semantic-document:var(--color-record);
--semantic-document-text:var(--color-ink);
--semantic-emphasis:var(--color-emphasis);
--semantic-inert:var(--color-inert);
--semantic-live:var(--color-signal);
--semantic-primary-frame:var(--color-primary);
--semantic-primary-text:var(--color-primary);
--semantic-secondary-frame:var(--color-secondary-structure);
--semantic-selection:var(--color-selection);
--semantic-success:var(--color-viable);
--semantic-validation:var(--color-validation);
--interaction-destructive-surface:var(--color-risk);
--interaction-disabled-surface:var(--color-inert);
--interaction-focus-frame:var(--color-selection);
--interaction-hover-surface:var(--color-selection);
--interaction-hover-text:var(--color-ink);
--divider-on-dark:var(--color-record);--divider-dark-light:var(--color-record);--divider-inside-light:var(--color-ink);
}
.g-color-token[data-token="base00"]{--swatch:var(--base00)}
.g-color-token[data-token="base01"]{--swatch:var(--base01)}
.g-color-token[data-token="base02"]{--swatch:var(--base02)}
.g-color-token[data-token="base03"]{--swatch:var(--base03)}
.g-color-token[data-token="base04"]{--swatch:var(--base04)}
.g-color-token[data-token="base05"]{--swatch:var(--base05)}
.g-color-token[data-token="base06"]{--swatch:var(--base06)}
.g-color-token[data-token="base07"]{--swatch:var(--base07)}
.g-color-token[data-token="base08"]{--swatch:var(--base08)}
.g-color-token[data-token="base09"]{--swatch:var(--base09)}
.g-color-token[data-token="base0A"]{--swatch:var(--base0A)}
.g-color-token[data-token="base0B"]{--swatch:var(--base0B)}
.g-color-token[data-token="base0C"]{--swatch:var(--base0C)}
.g-color-token[data-token="base0D"]{--swatch:var(--base0D)}
.g-color-token[data-token="base0E"]{--swatch:var(--base0E)}
.g-color-token[data-token="base0F"]{--swatch:var(--base0F)}
.g-type-token[data-type="D-01"] .g-type-sample{font:var(--font-role-d-01)}
.g-type-token[data-type="D-02"] .g-type-sample{font:var(--font-role-d-02)}
.g-type-token[data-type="T-01"] .g-type-sample{font:var(--font-role-t-01)}
.g-type-token[data-type="T-02"] .g-type-sample{font:var(--font-role-t-02)}
.g-type-token[data-type="S-01"] .g-type-sample{font:var(--font-role-s-01)}
.g-type-token[data-type="UI-01"] .g-type-sample{font:var(--font-role-ui-01)}
.g-type-token[data-type="UI-02"] .g-type-sample{font:var(--font-role-ui-02)}
.g-type-token[data-type="UI-03"] .g-type-sample{font:var(--font-role-ui-03)}
.g-type-token[data-type="B-01"] .g-type-sample{font:var(--font-role-b-01)}
.g-type-token[data-type="B-02"] .g-type-sample{font:var(--font-role-b-02)}
.g-type-token[data-type="B-03"] .g-type-sample{font:var(--font-role-b-03)}
@media(max-width:900px){:root{--type-d-01-size:56px;--type-d-01-line:48px;--type-d-02-size:40px;--type-d-02-line:40px;--type-t-01-size:32px;--type-t-01-line:32px;--type-t-02-size:24px;--type-t-02-line:24px;}}