/* ITEC UI tokens. Generated by bin/build.mjs; do not edit. */
.itec-ui,
.itec-ui[data-theme="dark"],
.itec-ui [data-theme="dark"] {
  --itec-black: #000000;
  --itec-green: #00af40;
  --itec-gray: #efefef;
  --itec-white: #ffffff;
  --background: #000000;
  --layer-01: #161616;
  --layer-02: #262626;
  --layer-03: #393939;
  --layer-hover-01: #212121;
  --layer-selected-01: #262626;
  --field-01: #161616;
  --field-hover-01: #212121;
  --background-inverse: #f4f4f4;
  --highlight: #002910;
  --overlay: rgba(0, 0, 0, 0.7);
  --border-subtle-00: #262626;
  --border-subtle-01: #393939;
  --border-strong-01: #6f6f6f;
  --border-interactive: #00af40;
  --text-primary: #f4f4f4;
  --text-secondary: #c6c6c6;
  --text-helper: #a8a8a8;
  --text-placeholder: rgba(244, 244, 244, 0.6);
  --text-on-color: #000000;
  --text-inverse: #000000;
  --text-disabled: rgba(244, 244, 244, 0.25);
  --text-error: #ff8389;
  --link-primary: #00af40;
  --link-primary-hover: #33c46a;
  --icon-primary: #f4f4f4;
  --icon-secondary: #c6c6c6;
  --interactive: #00af40;
  --focus: #ffffff;
  --focus-inset: #000000;
  --button-primary: #ffffff;
  --button-primary-border: #ffffff;
  --button-primary-hover: #00af40;
  --button-primary-active: #009a38;
  --button-secondary: #6f6f6f;
  --button-secondary-text: #ffffff;
  --button-secondary-hover: #5e5e5e;
  --button-tertiary: #ffffff;
  --button-danger: #da1e28;
  --button-danger-hover: #b81921;
  --support-error: #fa4d56;
  --support-success: #42be65;
  --support-warning: #f1c21b;
  --support-info: #4589ff;
  --shadow-popover: 0 2px 6px rgba(0, 0, 0, 0.8);
}
.itec-ui[data-theme="light"],
.itec-ui [data-theme="light"] {
  --itec-black: #000000;
  --itec-green: #00af40;
  --itec-gray: #efefef;
  --itec-white: #ffffff;
  --background: #ffffff;
  --layer-01: #efefef;
  --layer-02: #ffffff;
  --layer-03: #efefef;
  --layer-hover-01: #e5e5e5;
  --layer-selected-01: #e0e0e0;
  --field-01: #efefef;
  --field-hover-01: #e5e5e5;
  --background-inverse: #393939;
  --highlight: #d6f5e1;
  --overlay: rgba(0, 0, 0, 0.6);
  --border-subtle-00: #e0e0e0;
  --border-subtle-01: #c6c6c6;
  --border-strong-01: #767676;
  --border-interactive: #007a2d;
  --text-primary: #000000;
  --text-secondary: #525252;
  --text-helper: #5e5e5e;
  --text-placeholder: rgba(0, 0, 0, 0.6);
  --text-on-color: #000000;
  --text-inverse: #ffffff;
  --text-disabled: rgba(0, 0, 0, 0.25);
  --text-error: #b81921;
  --link-primary: #007a2d;
  --link-primary-hover: #006e29;
  --icon-primary: #000000;
  --icon-secondary: #525252;
  --interactive: #007a2d;
  --focus: #000000;
  --focus-inset: #ffffff;
  --button-primary: #ffffff;
  --button-primary-border: #000000;
  --button-primary-hover: #00af40;
  --button-primary-active: #009a38;
  --button-secondary: #e0e0e0;
  --button-secondary-text: #000000;
  --button-secondary-hover: #c6c6c6;
  --button-tertiary: #000000;
  --button-danger: #da1e28;
  --button-danger-hover: #b81921;
  --support-error: #da1e28;
  --support-success: #198038;
  --support-warning: #f1c21b;
  --support-info: #0043ce;
  --shadow-popover: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.itec-ui {
  --spacing-01: 2px;
  --spacing-02: 4px;
  --spacing-03: 8px;
  --spacing-04: 12px;
  --spacing-05: 16px;
  --spacing-06: 24px;
  --spacing-07: 32px;
  --spacing-08: 40px;
  --spacing-09: 48px;
  --spacing-10: 64px;
  --spacing-11: 80px;
  --spacing-12: 96px;
  --spacing-13: 160px;
  --size-xs: 24px;
  --size-sm: 32px;
  --size-md: 40px;
  --size-lg: 48px;
  --size-xl: 64px;
  --size-2xl: 80px;
  --radius-none: 0px;
  --font-heading: "Roboto Condensed", "Arial Narrow", sans-serif;
  --font-body: "Open Sans", Arial, sans-serif;
  --font-mono: "Roboto Mono", Menlo, monospace;
}
.itec-ui .heading-06 { font-family: var(--font-heading); font-size: 42px; line-height: 50px; font-weight: 300; }
.itec-ui .heading-05 { font-family: var(--font-heading); font-size: 32px; line-height: 40px; font-weight: 700; }
.itec-ui .heading-04 { font-family: var(--font-heading); font-size: 28px; line-height: 36px; font-weight: 700; }
.itec-ui .heading-03 { font-family: var(--font-heading); font-size: 20px; line-height: 28px; font-weight: 700; }
.itec-ui .heading-02 { font-family: var(--font-heading); font-size: 16px; line-height: 24px; font-weight: 700; }
.itec-ui .heading-01 { font-family: var(--font-heading); font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: 0.16px; }
.itec-ui .body-02 { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 400; }
.itec-ui .body-01 { font-family: var(--font-body); font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0.16px; }
.itec-ui .body-compact-01 { font-family: var(--font-body); font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: 0.16px; }
.itec-ui .label-01 { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.32px; }
.itec-ui .helper-text-01 { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.32px; }
.itec-ui .control-label { font-family: var(--font-heading); font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: 0.16px; }
.itec-ui .code-01 { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.32px; }