@devoinc/genesys-brand-devo/dist/dark/css/dev/tokens.css.cmp.css

Devo brand tokens

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --cmp-button-color-backdrop-hovered: rgba(255,255,255,.12);
  --cmp-button-color-backdrop-focused: rgba(0,0,0,0);
  --cmp-button-color-backdrop-pressed: rgba(0,0,0,.16);
  --cmp-button-color-background-accent-activated: #103663;
  --cmp-button-color-background-accent-enabled: #16529C;
  --cmp-button-color-background-accent-expanded: #0C4080;
  --cmp-button-color-background-accent-disabled: #103663;
  --cmp-button-color-background-accent-focused: #16529C;
  --cmp-button-color-background-accent-hovered: #16529C;
  --cmp-button-color-background-accent-loading: #16529C;
  --cmp-button-color-background-accent-loading-error: #16529C;
  --cmp-button-color-background-accent-loading-success: #16529C;
  --cmp-button-color-background-accent-pressed: #16529C;
  --cmp-button-color-background-accent-selected: #16529C;
  --cmp-button-color-background-accent-high-activated: #B4C400;
  --cmp-button-color-background-accent-high-enabled: #B4C400;
  --cmp-button-color-background-accent-high-expanded: #CCDF00;
  --cmp-button-color-background-accent-high-disabled: #B4C400;
  --cmp-button-color-background-accent-high-focused: #D7E817;
  --cmp-button-color-background-accent-high-hovered: #D7E817;
  --cmp-button-color-background-accent-high-loading: #B4C400;
  --cmp-button-color-background-accent-high-loading-error: #B4C400;
  --cmp-button-color-background-accent-high-loading-success: #B4C400;
  --cmp-button-color-background-accent-high-pressed: #D7E817;
  --cmp-button-color-background-accent-high-selected: #D7E817;
  --cmp-button-color-background-blend-base-activated: rgba(255,255,255,.36);
  --cmp-button-color-background-blend-base-enabled: rgba(255,255,255,.08);
  --cmp-button-color-background-blend-base-expanded: rgba(255,255,255,.16);
  --cmp-button-color-background-blend-base-disabled: rgba(255,255,255,.08);
  --cmp-button-color-background-blend-base-focused: rgba(255,255,255,.08);
  --cmp-button-color-background-blend-base-hovered: rgba(255,255,255,.2);
  --cmp-button-color-background-blend-base-loading: rgba(255,255,255,.08);
  --cmp-button-color-background-blend-base-loading-error: rgba(255,255,255,.08);
  --cmp-button-color-background-blend-base-loading-success: rgba(255,255,255,.08);
  --cmp-button-color-background-blend-base-pressed: rgba(255,255,255,.08);
  --cmp-button-color-background-blend-base-selected: rgba(255,255,255,.24);
  --cmp-button-color-background-blend-inverse-activated: rgba(0,0,0,.52);
  --cmp-button-color-background-blend-inverse-enabled: rgba(0,0,0,.2);
  --cmp-button-color-background-blend-inverse-expanded: rgba(0,0,0,.32);
  --cmp-button-color-background-blend-inverse-disabled: rgba(0,0,0,.2);
  --cmp-button-color-background-blend-inverse-focused: rgba(0,0,0,.2);
  --cmp-button-color-background-blend-inverse-hovered: rgba(0,0,0,.2);
  --cmp-button-color-background-blend-inverse-loading: rgba(0,0,0,.2);
  --cmp-button-color-background-blend-inverse-loading-error: rgba(0,0,0,.2);
  --cmp-button-color-background-blend-inverse-loading-success: rgba(0,0,0,.2);
  --cmp-button-color-background-blend-inverse-pressed: rgba(0,0,0,.2);
  --cmp-button-color-background-blend-inverse-selected: rgba(0,0,0,.4);
  --cmp-button-color-background-blend-error-enabled: rgba(237,83,83, 0.24);
  --cmp-button-color-background-blend-error-hovered: rgba(237,83,83, 0.24);
  --cmp-button-color-background-blend-error-focused: rgba(237,83,83, 0.24);
  --cmp-button-color-background-blend-error-pressed: rgba(237,83,83, 0.24);
  --cmp-button-color-background-blend-error-expanded: rgba(237,83,83, 0.36);
  --cmp-button-color-background-blend-error-selected: rgba(237,83,83, 0.44);
  --cmp-button-color-background-blend-error-activated: rgba(237,83,83, 0.44);
  --cmp-button-color-background-blend-error-disabled: rgba(237,83,83, 0.24);
  --cmp-button-color-background-blend-success-enabled: rgba(10,166,114, 0.24);
  --cmp-button-color-background-blend-success-hovered: rgba(10,166,114, 0.24);
  --cmp-button-color-background-blend-success-focused: rgba(10,166,114, 0.24);
  --cmp-button-color-background-blend-success-pressed: rgba(10,166,114, 0.24);
  --cmp-button-color-background-blend-success-expanded: rgba(10,166,114, 0.36);
  --cmp-button-color-background-blend-success-selected: rgba(10,166,114, 0.44);
  --cmp-button-color-background-blend-success-activated: rgba(10,166,114, 0.44);
  --cmp-button-color-background-blend-success-disabled: rgba(10,166,114, 0.24);
  --cmp-button-color-background-blend-warning-enabled: rgba(207,137,17, 0.24);
  --cmp-button-color-background-blend-warning-hovered: rgba(207,137,17, 0.24);
  --cmp-button-color-background-blend-warning-focused: rgba(207,137,17, 0.24);
  --cmp-button-color-background-blend-warning-pressed: rgba(207,137,17, 0.24);
  --cmp-button-color-background-blend-warning-expanded: rgba(207,137,17, 0.36);
  --cmp-button-color-background-blend-warning-selected: rgba(207,137,17, 0.44);
  --cmp-button-color-background-blend-warning-activated: rgba(207,137,17, 0.44);
  --cmp-button-color-background-blend-warning-disabled: rgba(207,137,17, 0.24);
  --cmp-button-color-background-blend-help-enabled: rgba(17,164,184, 0.24);
  --cmp-button-color-background-blend-help-hovered: rgba(17,164,184, 0.24);
  --cmp-button-color-background-blend-help-focused: rgba(17,164,184, 0.24);
  --cmp-button-color-background-blend-help-pressed: rgba(17,164,184, 0.24);
  --cmp-button-color-background-blend-help-expanded: rgba(17,164,184, 0.36);
  --cmp-button-color-background-blend-help-selected: rgba(17,164,184, 0.44);
  --cmp-button-color-background-blend-help-activated: rgba(17,164,184, 0.44);
  --cmp-button-color-background-blend-help-disabled: rgba(17,164,184, 0.24);
  --cmp-button-color-background-blend-info-enabled: rgba(34,154,214, 0.24);
  --cmp-button-color-background-blend-info-hovered: rgba(34,154,214, 0.24);
  --cmp-button-color-background-blend-info-focused: rgba(34,154,214, 0.24);
  --cmp-button-color-background-blend-info-pressed: rgba(34,154,214, 0.24);
  --cmp-button-color-background-blend-info-expanded: rgba(34,154,214, 0.36);
  --cmp-button-color-background-blend-info-selected: rgba(34,154,214, 0.44);
  --cmp-button-color-background-blend-info-activated: rgba(34,154,214, 0.44);
  --cmp-button-color-background-blend-info-disabled: rgba(34,154,214, 0.24);
  --cmp-button-color-background-error-activated: #B80D1B;
  --cmp-button-color-background-error-enabled: #8F0E19;
  --cmp-button-color-background-error-expanded: #B80D1B;
  --cmp-button-color-background-error-disabled: #8F0E19;
  --cmp-button-color-background-error-focused: #8F0E19;
  --cmp-button-color-background-error-hovered: #8F0E19;
  --cmp-button-color-background-error-loading: #8F0E19;
  --cmp-button-color-background-error-loading-error: #8F0E19;
  --cmp-button-color-background-error-loading-success: #8F0E19;
  --cmp-button-color-background-error-pressed: #8F0E19;
  --cmp-button-color-background-error-selected: #B80D1B;
  --cmp-button-color-background-help-activated: #11A4B8;
  --cmp-button-color-background-help-enabled: #096673;
  --cmp-button-color-background-help-expanded: #098091;
  --cmp-button-color-background-help-disabled: #096673;
  --cmp-button-color-background-help-focused: #096673;
  --cmp-button-color-background-help-hovered: #096673;
  --cmp-button-color-background-help-loading: #096673;
  --cmp-button-color-background-help-loading-error: #096673;
  --cmp-button-color-background-help-loading-success: #096673;
  --cmp-button-color-background-help-pressed: #096673;
  --cmp-button-color-background-help-selected: #096673;
  --cmp-button-color-background-info-activated: #229AD6;
  --cmp-button-color-background-info-enabled: #066391;
  --cmp-button-color-background-info-expanded: #0C79B0;
  --cmp-button-color-background-info-disabled: #066391;
  --cmp-button-color-background-info-focused: #066391;
  --cmp-button-color-background-info-hovered: #066391;
  --cmp-button-color-background-info-loading: #066391;
  --cmp-button-color-background-info-loading-error: #066391;
  --cmp-button-color-background-info-loading-success: #066391;
  --cmp-button-color-background-info-pressed: #066391;
  --cmp-button-color-background-info-selected: #229AD6;
  --cmp-button-color-background-neutral-activated: #2A6CBD;
  --cmp-button-color-background-neutral-enabled: #3C4952;
  --cmp-button-color-background-neutral-expanded: #48545C;
  --cmp-button-color-background-neutral-disabled: #3C4952;
  --cmp-button-color-background-neutral-focused: #3C4952;
  --cmp-button-color-background-neutral-hovered: #3C4952;
  --cmp-button-color-background-neutral-loading: #3C4952;
  --cmp-button-color-background-neutral-loading-error: #3C4952;
  --cmp-button-color-background-neutral-loading-success: #3C4952;
  --cmp-button-color-background-neutral-pressed: #3C4952;
  --cmp-button-color-background-neutral-selected: #2A6CBD;
  --cmp-button-color-background-quiet-activated: #103663;
  --cmp-button-color-background-quiet-enabled: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-expanded: rgba(60,73,82, 0.84);
  --cmp-button-color-background-quiet-disabled: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-focused: rgba(60,73,82, 0.44);
  --cmp-button-color-background-quiet-hovered: rgba(60,73,82, 0.44);
  --cmp-button-color-background-quiet-loading: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-loading-error: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-loading-success: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-pressed: rgba(60,73,82, 0.44);
  --cmp-button-color-background-quiet-selected: #0C4080;
  --cmp-button-color-background-quiet-blend-activated: #103663;
  --cmp-button-color-background-quiet-blend-enabled: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-blend-expanded: rgba(255,255,255,.08);
  --cmp-button-color-background-quiet-blend-disabled: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-blend-focused: rgba(255,255,255,.08);
  --cmp-button-color-background-quiet-blend-hovered: rgba(255,255,255,.08);
  --cmp-button-color-background-quiet-blend-loading: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-blend-loading-error: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-blend-loading-success: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-blend-pressed: rgba(255,255,255,.08);
  --cmp-button-color-background-quiet-blend-selected: #0C4080;
  --cmp-button-color-background-success-activated: #0AA672;
  --cmp-button-color-background-success-enabled: #056B49;
  --cmp-button-color-background-success-expanded: #03855A;
  --cmp-button-color-background-success-disabled: #056B49;
  --cmp-button-color-background-success-focused: #056B49;
  --cmp-button-color-background-success-hovered: #056B49;
  --cmp-button-color-background-success-loading: #056B49;
  --cmp-button-color-background-success-loading-error: #056B49;
  --cmp-button-color-background-success-loading-success: #056B49;
  --cmp-button-color-background-success-pressed: #056B49;
  --cmp-button-color-background-success-selected: #0AA672;
  --cmp-button-color-background-warning-activated: #F5C776;
  --cmp-button-color-background-warning-enabled: #CF8911;
  --cmp-button-color-background-warning-expanded: #F7B94F;
  --cmp-button-color-background-warning-disabled: #CF8911;
  --cmp-button-color-background-warning-focused: #CF8911;
  --cmp-button-color-background-warning-hovered: #CF8911;
  --cmp-button-color-background-warning-loading: #CF8911;
  --cmp-button-color-background-warning-loading-error: #CF8911;
  --cmp-button-color-background-warning-loading-success: #CF8911;
  --cmp-button-color-background-warning-pressed: #CF8911;
  --cmp-button-color-background-warning-selected: #F5C776;
  --cmp-button-color-text-accent-activated: #E6EDF5;
  --cmp-button-color-text-accent-enabled: #E6EDF5;
  --cmp-button-color-text-accent-expanded: rgba(255,255,255,1);
  --cmp-button-color-text-accent-disabled: #E6EDF5;
  --cmp-button-color-text-accent-focused: rgba(255,255,255,1);
  --cmp-button-color-text-accent-hovered: rgba(255,255,255,1);
  --cmp-button-color-text-accent-loading: #E6EDF5;
  --cmp-button-color-text-accent-loading-error: #E6EDF5;
  --cmp-button-color-text-accent-loading-success: #E6EDF5;
  --cmp-button-color-text-accent-pressed: rgba(255,255,255,1);
  --cmp-button-color-text-accent-selected: rgba(255,255,255,1);
  --cmp-button-color-text-accent-high-activated: #1F282E;
  --cmp-button-color-text-accent-high-enabled: #333F48;
  --cmp-button-color-text-accent-high-expanded: #1F282E;
  --cmp-button-color-text-accent-high-disabled: #333F48;
  --cmp-button-color-text-accent-high-focused: #1F282E;
  --cmp-button-color-text-accent-high-hovered: #1F282E;
  --cmp-button-color-text-accent-high-loading: #333F48;
  --cmp-button-color-text-accent-high-loading-error: #333F48;
  --cmp-button-color-text-accent-high-loading-success: #333F48;
  --cmp-button-color-text-accent-high-pressed: #1F282E;
  --cmp-button-color-text-accent-high-selected: #1F282E;
  --cmp-button-color-text-blend-base-activated: rgba(255,255,255,.76);
  --cmp-button-color-text-blend-base-enabled: rgba(255,255,255,.64);
  --cmp-button-color-text-blend-base-expanded: rgba(255,255,255,.64);
  --cmp-button-color-text-blend-base-disabled: rgba(255,255,255,.64);
  --cmp-button-color-text-blend-base-focused: rgba(255,255,255,.76);
  --cmp-button-color-text-blend-base-hovered: rgba(255,255,255,.76);
  --cmp-button-color-text-blend-base-loading: rgba(255,255,255,.64);
  --cmp-button-color-text-blend-base-loading-error: rgba(255,255,255,.64);
  --cmp-button-color-text-blend-base-loading-success: rgba(255,255,255,.64);
  --cmp-button-color-text-blend-base-pressed: rgba(255,255,255,.76);
  --cmp-button-color-text-blend-base-selected: rgba(255,255,255,.76);
  --cmp-button-color-text-blend-inverse-activated: rgba(0,0,0,1);
  --cmp-button-color-text-blend-inverse-enabled: rgba(0,0,0,.84);
  --cmp-button-color-text-blend-inverse-expanded: rgba(0,0,0,.84);
  --cmp-button-color-text-blend-inverse-disabled: rgba(0,0,0,.84);
  --cmp-button-color-text-blend-inverse-focused: rgba(0,0,0,1);
  --cmp-button-color-text-blend-inverse-hovered: rgba(0,0,0,1);
  --cmp-button-color-text-blend-inverse-loading: rgba(0,0,0,.84);
  --cmp-button-color-text-blend-inverse-loading-error: rgba(0,0,0,.84);
  --cmp-button-color-text-blend-inverse-loading-success: rgba(0,0,0,.84);
  --cmp-button-color-text-blend-inverse-pressed: rgba(0,0,0,1);
  --cmp-button-color-text-blend-inverse-selected: rgba(0,0,0,1);
  --cmp-button-color-text-blend-error-enabled: #E96060;
  --cmp-button-color-text-blend-error-hovered: #FA8E8E;
  --cmp-button-color-text-blend-error-focused: #E96060;
  --cmp-button-color-text-blend-error-pressed: #FAD4D4;
  --cmp-button-color-text-blend-error-expanded: #FAD4D4;
  --cmp-button-color-text-blend-error-selected: #FAF0F0;
  --cmp-button-color-text-blend-error-activated: #FAF0F0;
  --cmp-button-color-text-blend-error-disabled: #E96060;
  --cmp-button-color-text-blend-success-enabled: #0AA672;
  --cmp-button-color-text-blend-success-hovered: #8EF5D3;
  --cmp-button-color-text-blend-success-focused: #0AA672;
  --cmp-button-color-text-blend-success-pressed: #8EF5D3;
  --cmp-button-color-text-blend-success-expanded: #8EF5D3;
  --cmp-button-color-text-blend-success-selected: #E1FAF2;
  --cmp-button-color-text-blend-success-activated: #E1FAF2;
  --cmp-button-color-text-blend-success-disabled: #0AA672;
  --cmp-button-color-text-blend-warning-enabled: #CF8911;
  --cmp-button-color-text-blend-warning-hovered: #FADFAF;
  --cmp-button-color-text-blend-warning-focused: #CF8911;
  --cmp-button-color-text-blend-warning-pressed: #FADFAF;
  --cmp-button-color-text-blend-warning-expanded: #FADFAF;
  --cmp-button-color-text-blend-warning-selected: #FAECD5;
  --cmp-button-color-text-blend-warning-activated: #FAECD5;
  --cmp-button-color-text-blend-warning-disabled: #CF8911;
  --cmp-button-color-text-blend-help-enabled: #0DC4DE;
  --cmp-button-color-text-blend-help-hovered: #87EDFA;
  --cmp-button-color-text-blend-help-focused: #0DC4DE;
  --cmp-button-color-text-blend-help-pressed: #87EDFA;
  --cmp-button-color-text-blend-help-expanded: #87EDFA;
  --cmp-button-color-text-blend-help-selected: #D5F6FA;
  --cmp-button-color-text-blend-help-activated: #D5F6FA;
  --cmp-button-color-text-blend-help-disabled: #0DC4DE;
  --cmp-button-color-text-blend-info-enabled: #53BAED;
  --cmp-button-color-text-blend-info-hovered: #E8F4FA;
  --cmp-button-color-text-blend-info-focused: #53BAED;
  --cmp-button-color-text-blend-info-pressed: #E8F4FA;
  --cmp-button-color-text-blend-info-expanded: #E8F4FA;
  --cmp-button-color-text-blend-info-selected: #F0FAFF;
  --cmp-button-color-text-blend-info-activated: #F0FAFF;
  --cmp-button-color-text-blend-info-disabled: #53BAED;
  --cmp-button-color-text-error-activated: #FFF7F7;
  --cmp-button-color-text-error-enabled: #FFF7F7;
  --cmp-button-color-text-error-expanded: #FFF7F7;
  --cmp-button-color-text-error-disabled: #FFF7F7;
  --cmp-button-color-text-error-focused: #FFF7F7;
  --cmp-button-color-text-error-hovered: #FFF7F7;
  --cmp-button-color-text-error-loading: #FFF7F7;
  --cmp-button-color-text-error-loading-error: #FFF7F7;
  --cmp-button-color-text-error-loading-success: #FFF7F7;
  --cmp-button-color-text-error-pressed: #FFF7F7;
  --cmp-button-color-text-error-selected: #FFF7F7;
  --cmp-button-color-text-help-activated: #E6F8FA;
  --cmp-button-color-text-help-enabled: #E6F8FA;
  --cmp-button-color-text-help-expanded: #E6F8FA;
  --cmp-button-color-text-help-disabled: #E6F8FA;
  --cmp-button-color-text-help-focused: #E6F8FA;
  --cmp-button-color-text-help-hovered: #E6F8FA;
  --cmp-button-color-text-help-loading: #E6F8FA;
  --cmp-button-color-text-help-loading-error: #E6F8FA;
  --cmp-button-color-text-help-loading-success: #E6F8FA;
  --cmp-button-color-text-help-pressed: #E6F8FA;
  --cmp-button-color-text-help-selected: #E6F8FA;
  --cmp-button-color-text-info-activated: #F0FAFF;
  --cmp-button-color-text-info-enabled: #F0FAFF;
  --cmp-button-color-text-info-expanded: #F0FAFF;
  --cmp-button-color-text-info-disabled: #F0FAFF;
  --cmp-button-color-text-info-focused: #F0FAFF;
  --cmp-button-color-text-info-hovered: #F0FAFF;
  --cmp-button-color-text-info-loading: #F0FAFF;
  --cmp-button-color-text-info-loading-error: #F0FAFF;
  --cmp-button-color-text-info-loading-success: #F0FAFF;
  --cmp-button-color-text-info-pressed: #F0FAFF;
  --cmp-button-color-text-info-selected: #F0FAFF;
  --cmp-button-color-text-neutral-activated: #F5F9FF;
  --cmp-button-color-text-neutral-enabled: #E1EAF0;
  --cmp-button-color-text-neutral-expanded: #E1EAF0;
  --cmp-button-color-text-neutral-disabled: #E1EAF0;
  --cmp-button-color-text-neutral-focused: #F0F3F5;
  --cmp-button-color-text-neutral-hovered: #F0F3F5;
  --cmp-button-color-text-neutral-loading: #E1EAF0;
  --cmp-button-color-text-neutral-loading-error: #E1EAF0;
  --cmp-button-color-text-neutral-loading-success: #E1EAF0;
  --cmp-button-color-text-neutral-pressed: #F0F3F5;
  --cmp-button-color-text-neutral-selected: #F5F9FF;
  --cmp-button-color-text-quiet-activated: #F5F9FF;
  --cmp-button-color-text-quiet-enabled: #E1EAF0;
  --cmp-button-color-text-quiet-expanded: #F0F3F5;
  --cmp-button-color-text-quiet-disabled: #E1EAF0;
  --cmp-button-color-text-quiet-focused: #F0F3F5;
  --cmp-button-color-text-quiet-hovered: #F0F3F5;
  --cmp-button-color-text-quiet-loading: #E1EAF0;
  --cmp-button-color-text-quiet-loading-error: #E1EAF0;
  --cmp-button-color-text-quiet-loading-success: #E1EAF0;
  --cmp-button-color-text-quiet-pressed: #F0F3F5;
  --cmp-button-color-text-quiet-selected: #F5F9FF;
  --cmp-button-color-text-quiet-blend-activated: #F5F9FF;
  --cmp-button-color-text-quiet-blend-enabled: #E1EAF0;
  --cmp-button-color-text-quiet-blend-expanded: #F0F3F5;
  --cmp-button-color-text-quiet-blend-disabled: #E1EAF0;
  --cmp-button-color-text-quiet-blend-focused: #F0F3F5;
  --cmp-button-color-text-quiet-blend-hovered: #F0F3F5;
  --cmp-button-color-text-quiet-blend-loading: #E1EAF0;
  --cmp-button-color-text-quiet-blend-loading-error: #E1EAF0;
  --cmp-button-color-text-quiet-blend-loading-success: #E1EAF0;
  --cmp-button-color-text-quiet-blend-pressed: #F0F3F5;
  --cmp-button-color-text-quiet-blend-selected: #F5F9FF;
  --cmp-button-color-text-success-activated: #F0FFFA;
  --cmp-button-color-text-success-enabled: #F0FFFA;
  --cmp-button-color-text-success-expanded: #F0FFFA;
  --cmp-button-color-text-success-disabled: #F0FFFA;
  --cmp-button-color-text-success-focused: #F0FFFA;
  --cmp-button-color-text-success-hovered: #F0FFFA;
  --cmp-button-color-text-success-loading: #F0FFFA;
  --cmp-button-color-text-success-loading-error: #F0FFFA;
  --cmp-button-color-text-success-loading-success: #F0FFFA;
  --cmp-button-color-text-success-pressed: #F0FFFA;
  --cmp-button-color-text-success-selected: #F0FFFA;
  --cmp-button-color-text-warning-activated: #33250C;
  --cmp-button-color-text-warning-enabled: #33250C;
  --cmp-button-color-text-warning-expanded: #33250C;
  --cmp-button-color-text-warning-disabled: #33250C;
  --cmp-button-color-text-warning-focused: #33250C;
  --cmp-button-color-text-warning-hovered: #33250C;
  --cmp-button-color-text-warning-loading: #33250C;
  --cmp-button-color-text-warning-loading-error: #33250C;
  --cmp-button-color-text-warning-loading-success: #33250C;
  --cmp-button-color-text-warning-pressed: #33250C;
  --cmp-button-color-text-warning-selected: #33250C;
  --cmp-button-elevation-box-shadow-base-focused: inset 0 0 0 0.2rem #0C79B0;
  --cmp-button-elevation-box-shadow-error-focused: inset 0 0 0 0.2rem #8F0E19;
  --cmp-button-elevation-box-shadow-success-focused: inset 0 0 0 0.2rem #07543A;
  --cmp-button-elevation-box-shadow-warning-focused: inset 0 0 0 0.2rem #694507;
  --cmp-button-elevation-box-shadow-info-focused: inset 0 0 0 0.2rem #064D70;
  --cmp-button-elevation-box-shadow-help-focused: inset 0 0 0 0.2rem #0A525C;
  --cmp-button-mutation-transition-duration: .15s;
  --cmp-button-space-padding-xxs: 0.4rem;
  --cmp-button-space-padding-xs: 0.8rem;
  --cmp-button-space-padding-sm: 0.8rem;
  --cmp-button-space-padding-md: 1.2rem;
  --cmp-button-space-padding-lg: 1.2rem;
  --cmp-button-size-height-xxs: 1.6rem;
  --cmp-button-size-height-xs: 2rem;
  --cmp-button-size-height-sm: 2.4rem;
  --cmp-button-size-height-md: 2.8rem;
  --cmp-button-size-height-lg: 3.2rem;
  --cmp-button-size-square-xxs: 1.6rem;
  --cmp-button-size-square-xs: 2rem;
  --cmp-button-size-square-sm: 2.4rem;
  --cmp-button-size-square-md: 2.8rem;
  --cmp-button-size-square-lg: 3.2rem;
  --cmp-button-size-min-width-xxs: 3.2rem;
  --cmp-button-size-min-width-xs: 4rem;
  --cmp-button-size-min-width-sm: 4.8rem;
  --cmp-button-size-min-width-md: 5.6rem;
  --cmp-button-size-min-width-lg: 6.4rem;
  --cmp-button-shape-border-radius-medium: 0.4rem;
  --cmp-button-shape-border-radius-pill: 999rem;
  --cmp-button-shape-border-radius-full: 50%;
  --cmp-button-icon-typo-font-size-xxs: 1rem;
  --cmp-button-icon-typo-font-size-xs: 1.2rem;
  --cmp-button-icon-typo-font-size-sm: 1.4rem;
  --cmp-button-icon-typo-font-size-md: 1.6rem;
  --cmp-button-icon-typo-font-size-lg: 1.8rem;
  --cmp-button-icon-space-margin-xxs: 0.4rem;
  --cmp-button-icon-space-margin-xs: 0.4rem;
  --cmp-button-icon-space-margin-sm: 0.4rem;
  --cmp-button-icon-space-margin-md: 0.4rem;
  --cmp-button-icon-space-margin-lg: 0.4rem;
  --cmp-button-icon-space-offset-xxs: calc((1.6rem / 8) * -1);
  --cmp-button-icon-space-offset-xs: calc((2rem / 8) * -1);
  --cmp-button-icon-space-offset-sm: calc((2.4rem / 8) * -1);
  --cmp-button-icon-space-offset-md: calc((2.8rem / 8) * -1);
  --cmp-button-icon-space-offset-lg: calc((3.2rem / 8) * -1);
  --cmp-button-label-typo-font-size-xxs: 1rem;
  --cmp-button-label-typo-font-size-xs: 1.1rem;
  --cmp-button-label-typo-font-size-sm: 1.2rem;
  --cmp-button-label-typo-font-size-md: 1.3rem;
  --cmp-button-label-typo-font-size-lg: 1.4rem;
  --cmp-button-loader-size-width-xxs: 1.2rem;
  --cmp-button-loader-size-width-xs: 1.4rem;
  --cmp-button-loader-size-width-sm: 1.6rem;
  --cmp-button-loader-size-width-md: 1.8rem;
  --cmp-button-loader-size-width-lg: 2rem;
  --cmp-icon-button-dropdown-size-width-xs: 3.6rem;
  --cmp-icon-button-dropdown-size-width-sm: 4.4rem;
  --cmp-icon-button-dropdown-size-width-md: 5.2rem;
  --cmp-icon-button-dropdown-size-width-lg: 6rem;
  --cmp-icon-button-go-to-docs-marker-typo-font-size-xxs: 0.8rem;
  --cmp-icon-button-go-to-docs-marker-typo-font-size-xs: 0.9rem;
  --cmp-icon-button-go-to-docs-marker-typo-font-size-sm: 1rem;
  --cmp-icon-button-go-to-docs-marker-typo-font-size-md: 1.1rem;
  --cmp-icon-button-go-to-docs-marker-size-offset-enabled-xxs: -0.15rem;
  --cmp-icon-button-go-to-docs-marker-size-offset-enabled-xs: -0.15rem;
  --cmp-icon-button-go-to-docs-marker-size-offset-enabled-sm: -0.15rem;
  --cmp-icon-button-go-to-docs-marker-size-offset-enabled-md: -0.15rem;
  --cmp-icon-button-go-to-docs-marker-size-offset-hovered-xxs: -0.3rem;
  --cmp-icon-button-go-to-docs-marker-size-offset-hovered-xs: -0.3rem;
  --cmp-icon-button-go-to-docs-marker-size-offset-hovered-sm: -0.3rem;
  --cmp-icon-button-go-to-docs-marker-size-offset-hovered-md: -0.3rem;
  --cmp-icon-button-status-color-background-error-enabled: rgba(237,83,83, 0.24);
  --cmp-icon-button-status-color-background-error-expanded: rgba(237,83,83, 0.36);
  --cmp-icon-button-status-color-background-error-disabled: rgba(237,83,83, 0.24);
  --cmp-icon-button-status-color-background-error-focused: rgba(237,83,83, 0.24);
  --cmp-icon-button-status-color-background-error-hovered: rgba(237,83,83, 0.24);
  --cmp-icon-button-status-color-background-error-pressed: rgba(237,83,83, 0.24);
  --cmp-icon-button-status-color-background-help-enabled: rgba(17,164,184, 0.24);
  --cmp-icon-button-status-color-background-help-expanded: rgba(17,164,184, 0.36);
  --cmp-icon-button-status-color-background-help-disabled: rgba(17,164,184, 0.24);
  --cmp-icon-button-status-color-background-help-focused: rgba(17,164,184, 0.24);
  --cmp-icon-button-status-color-background-help-hovered: rgba(17,164,184, 0.24);
  --cmp-icon-button-status-color-background-help-pressed: rgba(17,164,184, 0.24);
  --cmp-icon-button-status-color-background-info-enabled: rgba(34,154,214, 0.24);
  --cmp-icon-button-status-color-background-info-expanded: rgba(34,154,214, 0.36);
  --cmp-icon-button-status-color-background-info-disabled: rgba(34,154,214, 0.24);
  --cmp-icon-button-status-color-background-info-focused: rgba(34,154,214, 0.24);
  --cmp-icon-button-status-color-background-info-hovered: rgba(34,154,214, 0.24);
  --cmp-icon-button-status-color-background-info-pressed: rgba(34,154,214, 0.24);
  --cmp-icon-button-status-color-background-success-enabled: rgba(10,166,114, 0.24);
  --cmp-icon-button-status-color-background-success-expanded: rgba(10,166,114, 0.36);
  --cmp-icon-button-status-color-background-success-disabled: rgba(10,166,114, 0.24);
  --cmp-icon-button-status-color-background-success-focused: rgba(10,166,114, 0.24);
  --cmp-icon-button-status-color-background-success-hovered: rgba(10,166,114, 0.24);
  --cmp-icon-button-status-color-background-success-pressed: rgba(10,166,114, 0.24);
  --cmp-icon-button-status-color-background-warning-enabled: rgba(207,137,17, 0.24);
  --cmp-icon-button-status-color-background-warning-expanded: rgba(207,137,17, 0.36);
  --cmp-icon-button-status-color-background-warning-disabled: rgba(207,137,17, 0.24);
  --cmp-icon-button-status-color-background-warning-focused: rgba(207,137,17, 0.24);
  --cmp-icon-button-status-color-background-warning-hovered: rgba(207,137,17, 0.24);
  --cmp-icon-button-status-color-background-warning-pressed: rgba(207,137,17, 0.24);
  --cmp-icon-button-status-color-text-error-enabled: #E96060;
  --cmp-icon-button-status-color-text-error-expanded: #FAD4D4;
  --cmp-icon-button-status-color-text-error-disabled: #E96060;
  --cmp-icon-button-status-color-text-error-focused: #E96060;
  --cmp-icon-button-status-color-text-error-hovered: #FA8E8E;
  --cmp-icon-button-status-color-text-error-pressed: #FAD4D4;
  --cmp-icon-button-status-color-text-help-enabled: #0DC4DE;
  --cmp-icon-button-status-color-text-help-expanded: #87EDFA;
  --cmp-icon-button-status-color-text-help-disabled: #0DC4DE;
  --cmp-icon-button-status-color-text-help-focused: #0DC4DE;
  --cmp-icon-button-status-color-text-help-hovered: #87EDFA;
  --cmp-icon-button-status-color-text-help-pressed: #87EDFA;
  --cmp-icon-button-status-color-text-info-enabled: #53BAED;
  --cmp-icon-button-status-color-text-info-expanded: #E8F4FA;
  --cmp-icon-button-status-color-text-info-disabled: #53BAED;
  --cmp-icon-button-status-color-text-info-focused: #53BAED;
  --cmp-icon-button-status-color-text-info-hovered: #E8F4FA;
  --cmp-icon-button-status-color-text-info-pressed: #E8F4FA;
  --cmp-icon-button-status-color-text-info-selected: #F0FAFF;
  --cmp-icon-button-status-color-text-success-enabled: #0AA672;
  --cmp-icon-button-status-color-text-success-expanded: #8EF5D3;
  --cmp-icon-button-status-color-text-success-disabled: #0AA672;
  --cmp-icon-button-status-color-text-success-focused: #0AA672;
  --cmp-icon-button-status-color-text-success-hovered: #8EF5D3;
  --cmp-icon-button-status-color-text-success-pressed: #8EF5D3;
  --cmp-icon-button-status-color-text-warning-enabled: #CF8911;
  --cmp-icon-button-status-color-text-warning-expanded: #FADFAF;
  --cmp-icon-button-status-color-text-warning-disabled: #CF8911;
  --cmp-icon-button-status-color-text-warning-focused: #CF8911;
  --cmp-icon-button-status-color-text-warning-hovered: #FADFAF;
  --cmp-icon-button-status-color-text-warning-pressed: #FADFAF;
  --cmp-icon-button-stop-icon-color-text: #E96060;
  --cmp-icon-button-stop-icon-size-square-xs: 1rem;
  --cmp-icon-button-stop-icon-size-square-sm: 1.2rem;
  --cmp-icon-button-stop-icon-size-square-md: 0.8rem;
  --cmp-icon-button-stop-icon-size-square-lg: 1rem;
  --cmp-icon-button-stop-circle-color-border: #F0F3F5;
  --cmp-diff-editor-color-background-base: #333F48;
  --cmp-diff-editor-color-background-editor: #1F282E;
  --cmp-diff-editor-color-background-editor-indent-guide: rgba(60,73,82, 0.56);
  --cmp-diff-editor-color-background-editor-indent-guide-active: rgba(102,117,128, 0.56);
  --cmp-diff-editor-color-background-editor-suggest-widget: #1F282E;
  --cmp-diff-editor-color-background-editor-suggest-widget-selected: rgba(22,82,156, 0.48);
  --cmp-diff-editor-color-background-editor-overview-ruler: #233038;
  --cmp-diff-editor-color-background-inactive-selection: #103663;
  --cmp-diff-editor-color-background-line-highlight: rgba(82,94,102, 0.2);
  --cmp-diff-editor-color-background-selection-highlight: #0C4080;
  --cmp-diff-editor-color-background-selection: #103663;
  --cmp-diff-editor-color-background-word-highlight: #103663;
  --cmp-diff-editor-color-background-list-hovered: rgba(255,255,255,.04);
  --cmp-diff-editor-color-background-mini-map: #233038;
  --cmp-diff-editor-color-background-mini-map-selection-highlighted: #0C4080;
  --cmp-diff-editor-color-background-mini-map-slider: rgba(255,255,255,.08);
  --cmp-diff-editor-color-background-mini-map-slider-hovered: rgba(255,255,255,.16);
  --cmp-diff-editor-color-background-mini-map-slider-active: rgba(255,255,255,.24);
  --cmp-diff-editor-color-background-removed-text: rgba(214,36,51, 0.36);
  --cmp-diff-editor-color-background-inserted-text: rgba(30,201,144, 0.36);
  --cmp-diff-editor-color-border-editor-suggest-widget: rgba(60,73,82, 0.56);
  --cmp-diff-editor-color-text-base: #F5F8FA;
  --cmp-diff-editor-color-text-editor: #F5F8FA;
  --cmp-diff-editor-color-text-editor-cursor: #F5F8FA;
  --cmp-diff-editor-color-text-editor-suggest-widget: #F5F8FA;
  --cmp-diff-editor-color-text-editor-suggest-widget-highlighted: #A4C8F5;
  --cmp-diff-editor-color-text-active: #F5F8FA;
  --cmp-diff-editor-color-text-editor-line-number: #81919C;
  --cmp-diff-editor-color-text-editor-line-number-active: #F5F8FA;
  --cmp-diff-editor-color-text-editor-whitespace: #BAC9D4;
  --cmp-diff-editor-color-text-list-hovered: #F0F3F5;
  --cmp-diff-editor-shape-border-radius-base: 0.4rem;
  --cmp-diff-editor-shape-border-radius-inner: calc(0.4rem - 0.1rem);
  --cmp-diff-editor-rules-color-text-boolean-base: #57c282;
  --cmp-diff-editor-rules-color-text-comment-base: #e89c3f;
  --cmp-diff-editor-rules-color-text-default-base: #c79bf2;
  --cmp-diff-editor-rules-color-text-delimiter-base: #E1EAF0;
  --cmp-diff-editor-rules-color-text-digit-base: #57c282;
  --cmp-diff-editor-rules-color-text-interpolation-base: #c79bf2;
  --cmp-diff-editor-rules-color-text-keyword-base: #84b1fa;
  --cmp-diff-editor-rules-color-text-operator-base: #F5F8FA;
  --cmp-diff-editor-rules-color-text-string-base: #57c282;
  --cmp-diff-editor-rules-color-text-symbol-base: #E1EAF0;
  --cmp-diff-editor-rules-color-text-time-base: #f78bb8;
  --cmp-diff-editor-rules-color-text-value-block-base: #57c282;
  --cmp-diff-editor-difference-color-background: rgba(82,94,102, 0.2);
  --cmp-diff-editor-difference-shape-border-left: solid 0.1rem #48545C;
  --cmp-diff-editor-modified-shape-border-left: solid 0.1rem #48545C;
  --cmp-editor-color-text-base: #F5F8FA;
  --cmp-editor-color-background-read-only: #333F48;
  --cmp-editor-color-border-base: #48545C;
  --cmp-editor-color-border-read-only: #333F48;
  --cmp-editor-shape-border-radius: 0.4rem;
  --cmp-editor-shape-border-size: 0.1rem;
  --cmp-editor-shape-border-style: solid;
  --cmp-editor-line-color-background-base: rgba(82,94,102, 0.36);
  --cmp-editor-line-space-padding-left: 0.8rem;
  --cmp-editor-line-space-margin-left: calc(-1 * 0.8rem);
  --cmp-editor-message-elevation-box-shadow-base: 0 0.4rem 0.8rem -0.2rem rgba(0,0,0, 0.5), 0 0 0.1rem 0 rgba(0,0,0, 0.62);
  --cmp-editor-message-color-text-base: #F5F8FA;
  --cmp-editor-message-color-background-base: #1F282E;
  --cmp-editor-message-color-border-base: rgba(60,73,82, 0.56);
  --cmp-editor-message-shape-border-radius: 0.6rem;
  --cmp-editor-message-space-padding: 0.8rem 1.2rem;
  --cmp-editor-message-typo-font-family: 'Devo Font', sans-serif;
  --cmp-editor-message-typo-font-size: 1.2rem;
  --cmp-editor-ruler-size-width: 0.8rem;
  --cmp-editor-ruler-shape-border-left-has-mini-map: solid 0.1rem rgba(60,73,82, 0.56);
  --cmp-editor-scroll-bar-color-background-track-base: rgba(255,255,255,.08);
  --cmp-editor-scroll-bar-color-background-slider-base: rgba(255,255,255,.24);
  --cmp-editor-scroll-bar-color-background-slider-hovered: rgba(255,255,255,.36);
  --cmp-editor-scroll-bar-shape-border-radius-slider: 999rem;
  --cmp-editor-scroll-bar-size-square: 0.8rem;
  --cmp-editor-suggest-elevation-box-shadow-base: 0 0.4rem 0.8rem -0.2rem rgba(0,0,0, 0.5), 0 0 0.1rem 0 rgba(0,0,0, 0.62);
  --cmp-editor-suggest-elevation-z-index-base: 1020;
  --cmp-high-chart-color-fill-10: #f55353;
  --cmp-high-chart-color-fill-11: #84b1fa;
  --cmp-high-chart-color-fill-12: #c79bf2;
  --cmp-high-chart-color-fill-01: #17827b;
  --cmp-high-chart-color-fill-02: #7ddba3;
  --cmp-high-chart-color-fill-03: #fa8e8e;
  --cmp-high-chart-color-fill-04: #84b7db;
  --cmp-high-chart-color-fill-05: #a8ede9;
  --cmp-high-chart-color-fill-06: #d6246e;
  --cmp-high-chart-color-fill-07: #e89c3f;
  --cmp-high-chart-color-fill-08: #fab4d1;
  --cmp-high-chart-color-fill-09: #57c282;
  --cmp-high-chart-chart-color-background: #1F282E;
  --cmp-high-chart-chart-space-padding-bottom: 1.6rem;
  --cmp-high-chart-chart-space-padding-top: 1.2rem;
  --cmp-high-chart-chart-space-padding-left: 1.2rem;
  --cmp-high-chart-chart-space-padding-right: 1.2rem;
  --cmp-high-chart-plot-color-border: rgba(255,255,255,1);
  --cmp-high-chart-title-color-fill: #F5F8FA;
  --cmp-high-chart-title-size-height: 11.2rem;
  --cmp-high-chart-title-typo-font-size: 1.6rem;
  --cmp-high-chart-title-typo-letter-spacing: -0.01925em;
  --cmp-high-chart-subtitle-color-fill: #BAC9D4;
  --cmp-high-chart-subtitle-typo-font-size: 1.3rem;
  --cmp-high-chart-subtitle-typo-letter-spacing: -0.01925em;
  --cmp-high-chart-subtitle-y-size-width: 11.2rem;
  --cmp-high-chart-x-axis-space-margin: 1.6rem;
  --cmp-high-chart-x-axis-title-color-fill: #E1EAF0;
  --cmp-high-chart-x-axis-title-typo-font-size: 1.1rem;
  --cmp-high-chart-x-axis-title-typo-font-weight: 700;
  --cmp-high-chart-x-axis-crosshair-color-border: rgba(82,94,102, 0.56);
  --cmp-high-chart-x-axis-labels-color-fill: #BAC9D4;
  --cmp-high-chart-x-axis-labels-typo-font-size: 1.2rem;
  --cmp-high-chart-x-axis-labels-typo-font-weight: 500;
  --cmp-high-chart-x-axis-labels-y-space-padding: 1.6rem;
  --cmp-high-chart-x-axis-labels-y-color-fill: #BAC9D4;
  --cmp-high-chart-x-axis-line-color-border: rgba(72,84,92, 0.56);
  --cmp-high-chart-x-axis-grid-line-color-border: rgba(72,84,92, 0.56);
  --cmp-high-chart-x-axis-tick-color-border: rgba(72,84,92, 0.56);
  --cmp-high-chart-x-axis-grid-line-minor-color-border: rgba(72,84,92, 0.56);
  --cmp-high-chart-y-axis-space-margin: 1.6rem;
  --cmp-high-chart-y-axis-title-color-fill: #E1EAF0;
  --cmp-high-chart-y-axis-title-typo-font-size: 1.1rem;
  --cmp-high-chart-y-axis-title-typo-font-weight: 700;
  --cmp-high-chart-y-axis-crosshair-color-border: rgba(82,94,102, 0.56);
  --cmp-high-chart-y-axis-labels-color-fill: #BAC9D4;
  --cmp-high-chart-y-axis-labels-typo-font-size: 1.2rem;
  --cmp-high-chart-y-axis-labels-typo-font-weight: 500;
  --cmp-high-chart-y-axis-labels-y-space-padding: 1.6rem;
  --cmp-high-chart-y-axis-labels-y-color-fill: #BAC9D4;
  --cmp-high-chart-y-axis-line-color-border: rgba(72,84,92, 0.56);
  --cmp-high-chart-y-axis-grid-line-color-border: rgba(72,84,92, 0.56);
  --cmp-high-chart-y-axis-tick-color-border: rgba(72,84,92, 0.56);
  --cmp-high-chart-y-axis-grid-line-minor-color-border: rgba(72,84,92, 0.56);
  --cmp-high-chart-tooltip-color-text: #F5F8FA;
  --cmp-high-chart-tooltip-color-background: rgba(24,32,38,0.8);
  --cmp-high-chart-tooltip-space-padding: 1.2rem;
  --cmp-high-chart-plot-options-pie-color-border: #1F282E;
  --cmp-high-chart-plot-options-pie-line-color-border: #1F282E;
  --cmp-calendar-size-min-width: 23rem;
  --cmp-calendar-day-color-background-base: transparent;
  --cmp-calendar-day-color-background-hovered: #233038;
  --cmp-calendar-day-color-background-selected: #2A6CBD;
  --cmp-calendar-day-color-background-activated: #2A6CBD;
  --cmp-calendar-day-color-text-base: #BAC9D4;
  --cmp-calendar-day-color-text-hovered: #E1EAF0;
  --cmp-calendar-day-color-text-selected: #F0F3F5;
  --cmp-calendar-day-color-text-activated: #F0F3F5;
  --cmp-calendar-day-elevation-z-index: 1;
  --cmp-calendar-day-mutation-transition-duration: .15s;
  --cmp-calendar-day-shape-border-radius-base: 50%;
  --cmp-calendar-day-shape-border-radius-corners: 999rem;
  --cmp-calendar-day-shape-opacity-disabled: .4;
  --cmp-calendar-day-size-square: 2.4rem;
  --cmp-calendar-day-space-margin: 0 auto;
  --cmp-calendar-interval-color-background-selected: #0C4080;
  --cmp-calendar-interval-color-background-activated: #103663;
  --cmp-calendar-interval-color-background-mixed: #103663;
  --cmp-calendar-interval-color-text-selected: #A4C8F5;
  --cmp-calendar-interval-color-text-activated: #A4C8F5;
  --cmp-calendar-interval-color-text-mixed: #A4C8F5;
  --cmp-calendar-interval-shape-border-radius: 999rem;
  --cmp-calendar-interval-size-height: calc(2.4rem - 0.6rem);
  --cmp-calendar-week-color-background-base: transparent;
  --cmp-calendar-week-color-text-base: #BAC9D4;
  --cmp-calendar-week-elevation-z-index: 1;
  --cmp-calendar-week-shape-border-radius: 50%;
  --cmp-calendar-week-size-square: 2.4rem;
  --cmp-calendar-week-space-margin: 0 auto;
  --cmp-date-range-preset-mark-color-background-base: #0C4080;
  --cmp-date-range-preset-mark-color-text-base: #A4C8F5;
  --cmp-date-range-picker-input-color-background-active: rgba(88,147,219,0.12);
  --cmp-date-range-picker-input-color-background-hovered: rgba(255,255,255,.04);
  --cmp-date-range-picker-input-color-background-error-base: rgba(250,142,142,0.08);
  --cmp-date-range-picker-input-color-background-error-focused: rgba(250,142,142,0.16);
  --cmp-date-range-picker-input-color-background-help-base: rgba(13,196,222,0.08);
  --cmp-date-range-picker-input-color-background-help-focused: rgba(13,196,222,0.16);
  --cmp-date-range-picker-input-color-background-info-base: rgba(83,186,237,0.08);
  --cmp-date-range-picker-input-color-background-info-focused: rgba(83,186,237,0.16);
  --cmp-date-range-picker-input-color-background-success-base: rgba(30,201,144,0.08);
  --cmp-date-range-picker-input-color-background-success-focused: rgba(30,201,144,0.16);
  --cmp-date-range-picker-input-color-background-warning-base: rgba(247,185,79,0.08);
  --cmp-date-range-picker-input-color-background-warning-focused: rgba(247,185,79,0.16);
  --cmp-date-range-picker-input-color-border-base: #48545C;
  --cmp-date-range-picker-input-color-border-active: #667580;
  --cmp-date-range-picker-input-color-text-base: #BAC9D4;
  --cmp-date-range-picker-input-color-text-weaker: #667580;
  --cmp-date-range-real-time-color-background-active-base: #B4C400;
  --cmp-date-range-real-time-color-background-active-hovered: #D7E817;
  --cmp-date-range-real-time-color-background-base-base: rgba(255,255,255,.08);
  --cmp-date-range-real-time-color-background-base-hovered: rgba(255,255,255,.2);
  --cmp-date-range-real-time-color-text-active-base: #333F48;
  --cmp-date-range-real-time-color-text-active-hovered: #1F282E;
  --cmp-date-range-real-time-color-text-base-base: rgba(255,255,255,.64);
  --cmp-date-range-real-time-color-text-base-hovered: rgba(255,255,255,.76);
  --cmp-date-range-real-time-icon-typo-xxs: 1rem;
  --cmp-date-range-real-time-icon-typo-xs: 1.2rem;
  --cmp-date-range-real-time-icon-typo-sm: 1.4rem;
  --cmp-date-range-real-time-icon-typo-md: 1.6rem;
  --cmp-date-range-real-time-icon-typo-lg: 1.8rem;
  --cmp-date-range-real-time-icon-color-background-active-base: #B4C400;
  --cmp-date-range-real-time-icon-color-background-active-hovered: #D7E817;
  --cmp-date-range-real-time-icon-color-background-base-base: rgba(255,255,255,.08);
  --cmp-date-range-real-time-icon-color-background-base-hovered: rgba(255,255,255,.2);
  --cmp-date-range-real-time-icon-color-text-active-base: #333F48;
  --cmp-date-range-real-time-icon-color-text-active-hovered: #1F282E;
  --cmp-date-range-real-time-icon-color-text-base-base: rgba(255,255,255,.64);
  --cmp-date-range-real-time-icon-color-text-base-hovered: rgba(255,255,255,.76);
  --cmp-date-range-real-time-loader-color-fill: rgba(255,255,255,.24);
  --cmp-date-time-range-control-color-border-base: #48545C;
  --cmp-date-time-range-control-color-border-active: #667580;
  --cmp-date-time-range-control-elevation-box-shadow-base-focused: inset 0 0 0 0.2rem #0C79B0;
  --cmp-date-time-range-control-elevation-box-shadow-error-focused: inset 0 0 0 0.2rem #8F0E19;
  --cmp-date-time-range-control-elevation-box-shadow-success-focused: inset 0 0 0 0.2rem #07543A;
  --cmp-date-time-range-control-elevation-box-shadow-warning-focused: inset 0 0 0 0.2rem #694507;
  --cmp-date-time-range-control-shape-border-radius: 0.4rem;
  --cmp-date-time-range-control-shape-border-size: 0.1rem;
  --cmp-date-time-range-control-size-height-sm: 2.4rem;
  --cmp-date-time-range-control-size-height-md: 2.8rem;
  --cmp-date-time-range-control-size-height-lg: 3.2rem;
  --cmp-date-time-range-control-space-padding-sm: 0 calc(0.8rem - 0.6rem);
  --cmp-date-time-range-control-space-padding-md: 0 calc(0.8rem - 0.2rem);
  --cmp-date-time-range-control-space-padding-lg: 0 calc(1.2rem - 0.4rem);
  --cmp-date-time-range-control-space-gap-sm: 0;
  --cmp-date-time-range-control-space-gap-md: 0.4rem;
  --cmp-date-time-range-control-space-gap-lg: 0.4rem;
  --cmp-date-time-range-control-mutation-transition-duration: .15s;
  --cmp-date-time-range-control-input-size-height-sm: calc(2.4rem - 0.6rem);
  --cmp-date-time-range-control-input-size-height-md: calc(2.8rem - 0.8rem);
  --cmp-date-time-range-control-input-size-height-lg: calc(3.2rem - 0.8rem);
  --cmp-date-time-range-control-input-size-width-base-sm: 8.4rem;
  --cmp-date-time-range-control-input-size-width-base-md: 8.8rem;
  --cmp-date-time-range-control-input-size-width-base-lg: 9.4rem;
  --cmp-date-time-range-control-input-size-width-with-time-sm: 9.6rem;
  --cmp-date-time-range-control-input-size-width-with-time-md: 10.2rem;
  --cmp-date-time-range-control-input-size-width-with-time-lg: 13.2rem;
  --cmp-date-time-range-control-input-size-width-with-seconds-sm: 13.6rem;
  --cmp-date-time-range-control-input-size-width-with-seconds-md: 14.2rem;
  --cmp-date-time-range-control-input-size-width-with-seconds-lg: 15.2rem;
  --cmp-date-time-range-control-input-size-width-with-millis-sm: 15.4rem;
  --cmp-date-time-range-control-input-size-width-with-millis-md: 16.8rem;
  --cmp-date-time-range-control-input-size-width-with-millis-lg: 18.2rem;
  --cmp-date-time-range-control-input-space-padding-sm: 0 calc(0.8rem - 0.2rem);
  --cmp-date-time-range-control-input-space-padding-md: 0 calc(0.8rem - 0.2rem);
  --cmp-date-time-range-control-input-space-padding-lg: 0 calc(1.2rem - 0.4rem);
  --cmp-date-time-range-control-arrow-color-fill: #81919C;
  --cmp-date-time-range-control-arrow-size-square-sm: 14;
  --cmp-date-time-range-control-arrow-size-square-md: 18;
  --cmp-date-time-range-control-arrow-size-square-lg: 22;
  --cmp-date-time-range-control-real-time-button-size-square-sm: 2rem;
  --cmp-date-time-range-control-real-time-button-size-square-md: 2.4rem;
  --cmp-date-time-range-control-real-time-button-size-square-lg: 2.8rem;
  --cmp-date-time-range-control-real-time-button-typo-font-size-sm: 1rem;
  --cmp-date-time-range-control-real-time-button-typo-font-size-md: 1.2rem;
  --cmp-date-time-range-control-real-time-button-typo-font-size-lg: 1.4rem;
  --cmp-badge-shape-border-radius: 999rem;
  --cmp-badge-size-square-has-content-xxs: 1.2rem;
  --cmp-badge-size-square-has-content-xs: 1.4rem;
  --cmp-badge-size-square-has-content-sm: 1.6rem;
  --cmp-badge-size-square-has-content-md: 1.8rem;
  --cmp-badge-size-square-has-content-lg: 2rem;
  --cmp-badge-size-square-is-empty-xxs: 0.6rem;
  --cmp-badge-size-square-is-empty-xs: 0.8rem;
  --cmp-badge-size-square-is-empty-sm: 1rem;
  --cmp-badge-size-square-is-empty-md: 1.2rem;
  --cmp-badge-size-square-is-empty-lg: 1.4rem;
  --cmp-badge-space-padding-hor: 0.4rem;
  --cmp-badge-typo-font-size-xxs: 1rem;
  --cmp-badge-typo-font-size-xs: 1rem;
  --cmp-badge-typo-font-size-sm: 1rem;
  --cmp-badge-typo-font-size-md: 1.1rem;
  --cmp-badge-typo-font-size-lg: 1.2rem;
  --cmp-badge-color-background-has-content-primary: #333F48;
  --cmp-badge-color-background-has-content-secondary: #0C4080;
  --cmp-badge-color-background-has-content-neutral: rgba(82,94,102, 0.36);
  --cmp-badge-color-background-has-content-error: #8F0E19;
  --cmp-badge-color-background-has-content-success: #03855A;
  --cmp-badge-color-background-has-content-warning: #CF8911;
  --cmp-badge-color-background-has-content-help: #0A525C;
  --cmp-badge-color-background-has-content-info: #064D70;
  --cmp-badge-color-background-has-content-data-blue: #103570;
  --cmp-badge-color-background-has-content-data-bronze: #4d2f0b;
  --cmp-badge-color-background-has-content-data-dusk: #3a3154;
  --cmp-badge-color-background-has-content-data-green: #153d25;
  --cmp-badge-color-background-has-content-data-indigo: #28288a;
  --cmp-badge-color-background-has-content-data-magenta: #611535;
  --cmp-badge-color-background-has-content-data-purple: #4b2175;
  --cmp-badge-color-background-has-content-data-red: #661414;
  --cmp-badge-color-background-has-content-data-sky: #093952;
  --cmp-badge-color-background-has-content-data-slate: #243947;
  --cmp-badge-color-background-has-content-data-teal: #0b3d3a;
  --cmp-badge-color-background-has-content-blend-base: rgba(255,255,255,.12);
  --cmp-badge-color-background-has-content-blend-inverse: rgba(0,0,0,.12);
  --cmp-badge-color-background-is-empty-primary: #E5F536;
  --cmp-badge-color-background-is-empty-secondary: #5893DB;
  --cmp-badge-color-background-is-empty-neutral: #525E66;
  --cmp-badge-color-background-is-empty-error: #D62433;
  --cmp-badge-color-background-is-empty-success: #1EC990;
  --cmp-badge-color-background-is-empty-warning: #F7B94F;
  --cmp-badge-color-background-is-empty-help: #11A4B8;
  --cmp-badge-color-background-is-empty-info: #229AD6;
  --cmp-badge-color-background-is-empty-data-blue: #1d5bbf;
  --cmp-badge-color-background-is-empty-data-bronze: #8a4d03;
  --cmp-badge-color-background-is-empty-data-dusk: #645396;
  --cmp-badge-color-background-is-empty-data-green: #20693d;
  --cmp-badge-color-background-is-empty-data-indigo: #4d4dd1;
  --cmp-badge-color-background-is-empty-data-magenta: #b01355;
  --cmp-badge-color-background-is-empty-data-purple: #7d3cbd;
  --cmp-badge-color-background-is-empty-data-red: #B80D0D;
  --cmp-badge-color-background-is-empty-data-sky: #066391;
  --cmp-badge-color-background-is-empty-data-slate: #376180;
  --cmp-badge-color-background-is-empty-data-teal: #116963;
  --cmp-badge-color-background-is-empty-blend-base: rgba(255,255,255,.2);
  --cmp-badge-color-background-is-empty-blend-inverse: rgba(0,0,0,.2);
  --cmp-badge-color-text-primary: #E5F536;
  --cmp-badge-color-text-secondary: #A4C8F5;
  --cmp-badge-color-text-neutral: #C3D3DE;
  --cmp-badge-color-text-error: #FAF0F0;
  --cmp-badge-color-text-success: #F0FFFA;
  --cmp-badge-color-text-warning: #33250C;
  --cmp-badge-color-text-help: #E6F8FA;
  --cmp-badge-color-text-info: #F0FAFF;
  --cmp-badge-color-text-data-blue: #cfe0fc;
  --cmp-badge-color-text-data-bronze: #fad8af;
  --cmp-badge-color-text-data-dusk: #e3dcf7;
  --cmp-badge-color-text-data-green: #abedc5;
  --cmp-badge-color-text-data-indigo: #dcdcfc;
  --cmp-badge-color-text-data-magenta: #fad4e4;
  --cmp-badge-color-text-data-purple: #ead9fa;
  --cmp-badge-color-text-data-red: #fad4d4;
  --cmp-badge-color-text-data-sky: #bbe5fa;
  --cmp-badge-color-text-data-slate: #cbe3f5;
  --cmp-badge-color-text-data-teal: #a8ede9;
  --cmp-badge-color-text-blend-base: rgba(255,255