@devoinc/genesys-brand-devo/dist/light/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,.28);
  --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: #16529C;
  --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: #103663;
  --cmp-button-color-background-accent-high-activated: #B4C400;
  --cmp-button-color-background-accent-high-enabled: #D7E817;
  --cmp-button-color-background-accent-high-expanded: #CCDF00;
  --cmp-button-color-background-accent-high-disabled: #D7E817;
  --cmp-button-color-background-accent-high-focused: #D7E817;
  --cmp-button-color-background-accent-high-hovered: #D7E817;
  --cmp-button-color-background-accent-high-loading: #D7E817;
  --cmp-button-color-background-accent-high-loading-error: #D7E817;
  --cmp-button-color-background-accent-high-loading-success: #D7E817;
  --cmp-button-color-background-accent-high-pressed: #D7E817;
  --cmp-button-color-background-accent-high-selected: #B4C400;
  --cmp-button-color-background-blend-base-activated: rgba(0,0,0,.36);
  --cmp-button-color-background-blend-base-enabled: rgba(0,0,0,.08);
  --cmp-button-color-background-blend-base-expanded: rgba(0,0,0,.16);
  --cmp-button-color-background-blend-base-disabled: rgba(0,0,0,.08);
  --cmp-button-color-background-blend-base-focused: rgba(0,0,0,.08);
  --cmp-button-color-background-blend-base-hovered: rgba(0,0,0,.2);
  --cmp-button-color-background-blend-base-loading: rgba(0,0,0,.08);
  --cmp-button-color-background-blend-base-loading-error: rgba(0,0,0,.08);
  --cmp-button-color-background-blend-base-loading-success: rgba(0,0,0,.08);
  --cmp-button-color-background-blend-base-pressed: rgba(0,0,0,.08);
  --cmp-button-color-background-blend-base-selected: rgba(0,0,0,.24);
  --cmp-button-color-background-blend-inverse-activated: rgba(255,255,255,.52);
  --cmp-button-color-background-blend-inverse-enabled: rgba(255,255,255,.2);
  --cmp-button-color-background-blend-inverse-expanded: rgba(255,255,255,.32);
  --cmp-button-color-background-blend-inverse-disabled: rgba(255,255,255,.2);
  --cmp-button-color-background-blend-inverse-focused: rgba(255,255,255,.2);
  --cmp-button-color-background-blend-inverse-hovered: rgba(255,255,255,.2);
  --cmp-button-color-background-blend-inverse-loading: rgba(255,255,255,.2);
  --cmp-button-color-background-blend-inverse-loading-error: rgba(255,255,255,.2);
  --cmp-button-color-background-blend-inverse-loading-success: rgba(255,255,255,.2);
  --cmp-button-color-background-blend-inverse-pressed: rgba(255,255,255,.2);
  --cmp-button-color-background-blend-inverse-selected: rgba(255,255,255,.4);
  --cmp-button-color-background-blend-error-enabled: rgba(214,36,51, 0.1);
  --cmp-button-color-background-blend-error-hovered: rgba(214,36,51, 0.1);
  --cmp-button-color-background-blend-error-focused: rgba(214,36,51, 0.1);
  --cmp-button-color-background-blend-error-pressed: rgba(214,36,51, 0.1);
  --cmp-button-color-background-blend-error-expanded: rgba(214,36,51, 0.2);
  --cmp-button-color-background-blend-error-selected: rgba(214,36,51, 0.3);
  --cmp-button-color-background-blend-error-activated: rgba(214,36,51, 0.3);
  --cmp-button-color-background-blend-error-disabled: rgba(214,36,51, 0.1);
  --cmp-button-color-background-blend-success-enabled: rgba(10,166,114, 0.1);
  --cmp-button-color-background-blend-success-hovered: rgba(10,166,114, 0.1);
  --cmp-button-color-background-blend-success-focused: rgba(10,166,114, 0.1);
  --cmp-button-color-background-blend-success-pressed: rgba(10,166,114, 0.1);
  --cmp-button-color-background-blend-success-expanded: rgba(10,166,114, 0.2);
  --cmp-button-color-background-blend-success-selected: rgba(10,166,114, 0.3);
  --cmp-button-color-background-blend-success-activated: rgba(10,166,114, 0.3);
  --cmp-button-color-background-blend-success-disabled: rgba(10,166,114, 0.1);
  --cmp-button-color-background-blend-warning-enabled: rgba(247,185,79, 0.2);
  --cmp-button-color-background-blend-warning-hovered: rgba(247,185,79, 0.2);
  --cmp-button-color-background-blend-warning-focused: rgba(247,185,79, 0.2);
  --cmp-button-color-background-blend-warning-pressed: rgba(247,185,79, 0.2);
  --cmp-button-color-background-blend-warning-expanded: rgba(247,185,79, 0.3);
  --cmp-button-color-background-blend-warning-selected: rgba(247,185,79, 0.4);
  --cmp-button-color-background-blend-warning-activated: rgba(247,185,79, 0.4);
  --cmp-button-color-background-blend-warning-disabled: rgba(247,185,79, 0.2);
  --cmp-button-color-background-blend-help-enabled: rgba(9,128,145, 0.1);
  --cmp-button-color-background-blend-help-hovered: rgba(9,128,145, 0.1);
  --cmp-button-color-background-blend-help-focused: rgba(9,128,145, 0.1);
  --cmp-button-color-background-blend-help-pressed: rgba(9,128,145, 0.1);
  --cmp-button-color-background-blend-help-expanded: rgba(9,128,145, 0.2);
  --cmp-button-color-background-blend-help-selected: rgba(9,128,145, 0.3);
  --cmp-button-color-background-blend-help-activated: rgba(9,128,145, 0.3);
  --cmp-button-color-background-blend-help-disabled: rgba(9,128,145, 0.1);
  --cmp-button-color-background-blend-info-enabled: rgba(12,121,176, 0.1);
  --cmp-button-color-background-blend-info-hovered: rgba(12,121,176, 0.1);
  --cmp-button-color-background-blend-info-focused: rgba(12,121,176, 0.1);
  --cmp-button-color-background-blend-info-pressed: rgba(12,121,176, 0.1);
  --cmp-button-color-background-blend-info-expanded: rgba(12,121,176, 0.2);
  --cmp-button-color-background-blend-info-selected: rgba(12,121,176, 0.3);
  --cmp-button-color-background-blend-info-activated: rgba(12,121,176, 0.3);
  --cmp-button-color-background-blend-info-disabled: rgba(12,121,176, 0.1);
  --cmp-button-color-background-error-activated: #E96060;
  --cmp-button-color-background-error-enabled: #FA8E8E;
  --cmp-button-color-background-error-expanded: #E96060;
  --cmp-button-color-background-error-disabled: #FA8E8E;
  --cmp-button-color-background-error-focused: #FA8E8E;
  --cmp-button-color-background-error-hovered: #FA8E8E;
  --cmp-button-color-background-error-loading: #FA8E8E;
  --cmp-button-color-background-error-loading-error: #FA8E8E;
  --cmp-button-color-background-error-loading-success: #FA8E8E;
  --cmp-button-color-background-error-pressed: #FA8E8E;
  --cmp-button-color-background-error-selected: #E96060;
  --cmp-button-color-background-help-activated: #11A4B8;
  --cmp-button-color-background-help-enabled: #46D7EB;
  --cmp-button-color-background-help-expanded: #0DC4DE;
  --cmp-button-color-background-help-disabled: #46D7EB;
  --cmp-button-color-background-help-focused: #46D7EB;
  --cmp-button-color-background-help-hovered: #46D7EB;
  --cmp-button-color-background-help-loading: #46D7EB;
  --cmp-button-color-background-help-loading-error: #46D7EB;
  --cmp-button-color-background-help-loading-success: #46D7EB;
  --cmp-button-color-background-help-pressed: #46D7EB;
  --cmp-button-color-background-help-selected: #46D7EB;
  --cmp-button-color-background-info-activated: #229AD6;
  --cmp-button-color-background-info-enabled: #8DD4F7;
  --cmp-button-color-background-info-expanded: #53BAED;
  --cmp-button-color-background-info-disabled: #8DD4F7;
  --cmp-button-color-background-info-focused: #8DD4F7;
  --cmp-button-color-background-info-hovered: #8DD4F7;
  --cmp-button-color-background-info-loading: #8DD4F7;
  --cmp-button-color-background-info-loading-error: #8DD4F7;
  --cmp-button-color-background-info-loading-success: #8DD4F7;
  --cmp-button-color-background-info-pressed: #8DD4F7;
  --cmp-button-color-background-info-selected: #229AD6;
  --cmp-button-color-background-neutral-activated: #A4C8F5;
  --cmp-button-color-background-neutral-enabled: #E1EAF0;
  --cmp-button-color-background-neutral-expanded: #D3E0E8;
  --cmp-button-color-background-neutral-disabled: #E1EAF0;
  --cmp-button-color-background-neutral-focused: #E1EAF0;
  --cmp-button-color-background-neutral-hovered: #E1EAF0;
  --cmp-button-color-background-neutral-loading: #E1EAF0;
  --cmp-button-color-background-neutral-loading-error: #E1EAF0;
  --cmp-button-color-background-neutral-loading-success: #E1EAF0;
  --cmp-button-color-background-neutral-pressed: #E1EAF0;
  --cmp-button-color-background-neutral-selected: #C6DBF5;
  --cmp-button-color-background-quiet-activated: #A4C8F5;
  --cmp-button-color-background-quiet-enabled: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-expanded: rgba(195,211,222, 0.84);
  --cmp-button-color-background-quiet-disabled: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-focused: rgba(195,211,222, 0.44);
  --cmp-button-color-background-quiet-hovered: rgba(195,211,222, 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(195,211,222, 0.44);
  --cmp-button-color-background-quiet-selected: #C6DBF5;
  --cmp-button-color-background-quiet-blend-activated: #A4C8F5;
  --cmp-button-color-background-quiet-blend-enabled: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-blend-expanded: rgba(0,0,0,.08);
  --cmp-button-color-background-quiet-blend-disabled: rgba(0,0,0,0);
  --cmp-button-color-background-quiet-blend-focused: rgba(0,0,0,.08);
  --cmp-button-color-background-quiet-blend-hovered: rgba(0,0,0,.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(0,0,0,.08);
  --cmp-button-color-background-quiet-blend-selected: #C6DBF5;
  --cmp-button-color-background-success-activated: #0AA672;
  --cmp-button-color-background-success-enabled: #46E3AF;
  --cmp-button-color-background-success-expanded: #1EC990;
  --cmp-button-color-background-success-disabled: #46E3AF;
  --cmp-button-color-background-success-focused: #46E3AF;
  --cmp-button-color-background-success-hovered: #46E3AF;
  --cmp-button-color-background-success-loading: #46E3AF;
  --cmp-button-color-background-success-loading-error: #46E3AF;
  --cmp-button-color-background-success-loading-success: #46E3AF;
  --cmp-button-color-background-success-pressed: #46E3AF;
  --cmp-button-color-background-success-selected: #0AA672;
  --cmp-button-color-background-warning-activated: #A76900;
  --cmp-button-color-background-warning-enabled: #F7B94F;
  --cmp-button-color-background-warning-expanded: #CF8911;
  --cmp-button-color-background-warning-disabled: #F7B94F;
  --cmp-button-color-background-warning-focused: #F7B94F;
  --cmp-button-color-background-warning-hovered: #F7B94F;
  --cmp-button-color-background-warning-loading: #F7B94F;
  --cmp-button-color-background-warning-loading-error: #F7B94F;
  --cmp-button-color-background-warning-loading-success: #F7B94F;
  --cmp-button-color-background-warning-pressed: #F7B94F;
  --cmp-button-color-background-warning-selected: #A76900;
  --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(0,0,0,.76);
  --cmp-button-color-text-blend-base-enabled: rgba(0,0,0,.64);
  --cmp-button-color-text-blend-base-expanded: rgba(0,0,0,.64);
  --cmp-button-color-text-blend-base-disabled: rgba(0,0,0,.64);
  --cmp-button-color-text-blend-base-focused: rgba(0,0,0,.76);
  --cmp-button-color-text-blend-base-hovered: rgba(0,0,0,.76);
  --cmp-button-color-text-blend-base-loading: rgba(0,0,0,.64);
  --cmp-button-color-text-blend-base-loading-error: rgba(0,0,0,.64);
  --cmp-button-color-text-blend-base-loading-success: rgba(0,0,0,.64);
  --cmp-button-color-text-blend-base-pressed: rgba(0,0,0,.76);
  --cmp-button-color-text-blend-base-selected: rgba(0,0,0,.76);
  --cmp-button-color-text-blend-inverse-activated: rgba(255,255,255,1);
  --cmp-button-color-text-blend-inverse-enabled: rgba(255,255,255,.84);
  --cmp-button-color-text-blend-inverse-expanded: rgba(255,255,255,.84);
  --cmp-button-color-text-blend-inverse-disabled: rgba(255,255,255,.84);
  --cmp-button-color-text-blend-inverse-focused: rgba(255,255,255,1);
  --cmp-button-color-text-blend-inverse-hovered: rgba(255,255,255,1);
  --cmp-button-color-text-blend-inverse-loading: rgba(255,255,255,.84);
  --cmp-button-color-text-blend-inverse-loading-error: rgba(255,255,255,.84);
  --cmp-button-color-text-blend-inverse-loading-success: rgba(255,255,255,.84);
  --cmp-button-color-text-blend-inverse-pressed: rgba(255,255,255,1);
  --cmp-button-color-text-blend-inverse-selected: rgba(255,255,255,1);
  --cmp-button-color-text-blend-error-enabled: #D62433;
  --cmp-button-color-text-blend-error-hovered: #66141B;
  --cmp-button-color-text-blend-error-focused: #D62433;
  --cmp-button-color-text-blend-error-pressed: #66141B;
  --cmp-button-color-text-blend-error-expanded: #66141B;
  --cmp-button-color-text-blend-error-selected: #45171B;
  --cmp-button-color-text-blend-error-activated: #45171B;
  --cmp-button-color-text-blend-error-disabled: #D62433;
  --cmp-button-color-text-blend-success-enabled: #0AA672;
  --cmp-button-color-text-blend-success-hovered: #09402E;
  --cmp-button-color-text-blend-success-focused: #0AA672;
  --cmp-button-color-text-blend-success-pressed: #09402E;
  --cmp-button-color-text-blend-success-expanded: #09402E;
  --cmp-button-color-text-blend-success-selected: #0A2E22;
  --cmp-button-color-text-blend-success-activated: #0A2E22;
  --cmp-button-color-text-blend-success-disabled: #0AA672;
  --cmp-button-color-text-blend-warning-enabled: #F7B94F;
  --cmp-button-color-text-blend-warning-hovered: #4D340B;
  --cmp-button-color-text-blend-warning-focused: #F7B94F;
  --cmp-button-color-text-blend-warning-pressed: #4D340B;
  --cmp-button-color-text-blend-warning-expanded: #4D340B;
  --cmp-button-color-text-blend-warning-selected: #33250C;
  --cmp-button-color-text-blend-warning-activated: #33250C;
  --cmp-button-color-text-blend-warning-disabled: #F7B94F;
  --cmp-button-color-text-blend-help-enabled: #098091;
  --cmp-button-color-text-blend-help-hovered: #0A3A40;
  --cmp-button-color-text-blend-help-focused: #098091;
  --cmp-button-color-text-blend-help-pressed: #0A3A40;
  --cmp-button-color-text-blend-help-expanded: #0A3A40;
  --cmp-button-color-text-blend-help-selected: #0A282B;
  --cmp-button-color-text-blend-help-activated: #0A282B;
  --cmp-button-color-text-blend-help-disabled: #098091;
  --cmp-button-color-text-blend-info-enabled: #0C79B0;
  --cmp-button-color-text-blend-info-hovered: #093952;
  --cmp-button-color-text-blend-info-focused: #0C79B0;
  --cmp-button-color-text-blend-info-pressed: #093952;
  --cmp-button-color-text-blend-info-expanded: #093952;
  --cmp-button-color-text-blend-info-selected: #0C2938;
  --cmp-button-color-text-blend-info-activated: #0C2938;
  --cmp-button-color-text-blend-info-disabled: #0C79B0;
  --cmp-button-color-text-error-activated: #45171B;
  --cmp-button-color-text-error-enabled: #45171B;
  --cmp-button-color-text-error-expanded: #45171B;
  --cmp-button-color-text-error-disabled: #45171B;
  --cmp-button-color-text-error-focused: #45171B;
  --cmp-button-color-text-error-hovered: #45171B;
  --cmp-button-color-text-error-loading: #45171B;
  --cmp-button-color-text-error-loading-error: #45171B;
  --cmp-button-color-text-error-loading-success: #45171B;
  --cmp-button-color-text-error-pressed: #45171B;
  --cmp-button-color-text-error-selected: #45171B;
  --cmp-button-color-text-help-activated: #0A282B;
  --cmp-button-color-text-help-enabled: #0A282B;
  --cmp-button-color-text-help-expanded: #0A282B;
  --cmp-button-color-text-help-disabled: #0A282B;
  --cmp-button-color-text-help-focused: #0A282B;
  --cmp-button-color-text-help-hovered: #0A282B;
  --cmp-button-color-text-help-loading: #0A282B;
  --cmp-button-color-text-help-loading-error: #0A282B;
  --cmp-button-color-text-help-loading-success: #0A282B;
  --cmp-button-color-text-help-pressed: #0A282B;
  --cmp-button-color-text-help-selected: #0A282B;
  --cmp-button-color-text-info-activated: #0C2938;
  --cmp-button-color-text-info-enabled: #0C2938;
  --cmp-button-color-text-info-expanded: #0C2938;
  --cmp-button-color-text-info-disabled: #0C2938;
  --cmp-button-color-text-info-focused: #0C2938;
  --cmp-button-color-text-info-hovered: #0C2938;
  --cmp-button-color-text-info-loading: #0C2938;
  --cmp-button-color-text-info-loading-error: #0C2938;
  --cmp-button-color-text-info-loading-success: #0C2938;
  --cmp-button-color-text-info-pressed: #0C2938;
  --cmp-button-color-text-info-selected: #0C2938;
  --cmp-button-color-text-neutral-activated: #182B42;
  --cmp-button-color-text-neutral-enabled: #1F282E;
  --cmp-button-color-text-neutral-expanded: #1F282E;
  --cmp-button-color-text-neutral-disabled: #1F282E;
  --cmp-button-color-text-neutral-focused: #182026;
  --cmp-button-color-text-neutral-hovered: #182026;
  --cmp-button-color-text-neutral-loading: #1F282E;
  --cmp-button-color-text-neutral-loading-error: #1F282E;
  --cmp-button-color-text-neutral-loading-success: #1F282E;
  --cmp-button-color-text-neutral-pressed: #182026;
  --cmp-button-color-text-neutral-selected: #182B42;
  --cmp-button-color-text-quiet-activated: #182B42;
  --cmp-button-color-text-quiet-enabled: #1F282E;
  --cmp-button-color-text-quiet-expanded: #182026;
  --cmp-button-color-text-quiet-disabled: #1F282E;
  --cmp-button-color-text-quiet-focused: #182026;
  --cmp-button-color-text-quiet-hovered: #182026;
  --cmp-button-color-text-quiet-loading: #1F282E;
  --cmp-button-color-text-quiet-loading-error: #1F282E;
  --cmp-button-color-text-quiet-loading-success: #1F282E;
  --cmp-button-color-text-quiet-pressed: #182026;
  --cmp-button-color-text-quiet-selected: #182B42;
  --cmp-button-color-text-quiet-blend-activated: #182B42;
  --cmp-button-color-text-quiet-blend-enabled: #1F282E;
  --cmp-button-color-text-quiet-blend-expanded: #182026;
  --cmp-button-color-text-quiet-blend-disabled: #1F282E;
  --cmp-button-color-text-quiet-blend-focused: #182026;
  --cmp-button-color-text-quiet-blend-hovered: #182026;
  --cmp-button-color-text-quiet-blend-loading: #1F282E;
  --cmp-button-color-text-quiet-blend-loading-error: #1F282E;
  --cmp-button-color-text-quiet-blend-loading-success: #1F282E;
  --cmp-button-color-text-quiet-blend-pressed: #182026;
  --cmp-button-color-text-quiet-blend-selected: #182B42;
  --cmp-button-color-text-success-activated: #0A2E22;
  --cmp-button-color-text-success-enabled: #0A2E22;
  --cmp-button-color-text-success-expanded: #0A2E22;
  --cmp-button-color-text-success-disabled: #0A2E22;
  --cmp-button-color-text-success-focused: #0A2E22;
  --cmp-button-color-text-success-hovered: #0A2E22;
  --cmp-button-color-text-success-loading: #0A2E22;
  --cmp-button-color-text-success-loading-error: #0A2E22;
  --cmp-button-color-text-success-loading-success: #0A2E22;
  --cmp-button-color-text-success-pressed: #0A2E22;
  --cmp-button-color-text-success-selected: #0A2E22;
  --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 #53BAED;
  --cmp-button-elevation-box-shadow-error-focused: inset 0 0 0 0.2rem #FAD4D4;
  --cmp-button-elevation-box-shadow-success-focused: inset 0 0 0 0.2rem #8EF5D3;
  --cmp-button-elevation-box-shadow-warning-focused: inset 0 0 0 0.2rem #FADFAF;
  --cmp-button-elevation-box-shadow-info-focused: inset 0 0 0 0.2rem #BBE5FA;
  --cmp-button-elevation-box-shadow-help-focused: inset 0 0 0 0.2rem #87EDFA;
  --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(214,36,51, 0.1);
  --cmp-icon-button-status-color-background-error-expanded: rgba(214,36,51, 0.2);
  --cmp-icon-button-status-color-background-error-disabled: rgba(214,36,51, 0.1);
  --cmp-icon-button-status-color-background-error-focused: rgba(214,36,51, 0.1);
  --cmp-icon-button-status-color-background-error-hovered: rgba(214,36,51, 0.1);
  --cmp-icon-button-status-color-background-error-pressed: rgba(214,36,51, 0.1);
  --cmp-icon-button-status-color-background-help-enabled: rgba(9,128,145, 0.1);
  --cmp-icon-button-status-color-background-help-expanded: rgba(9,128,145, 0.2);
  --cmp-icon-button-status-color-background-help-disabled: rgba(9,128,145, 0.1);
  --cmp-icon-button-status-color-background-help-focused: rgba(9,128,145, 0.1);
  --cmp-icon-button-status-color-background-help-hovered: rgba(9,128,145, 0.1);
  --cmp-icon-button-status-color-background-help-pressed: rgba(9,128,145, 0.1);
  --cmp-icon-button-status-color-background-info-enabled: rgba(12,121,176, 0.1);
  --cmp-icon-button-status-color-background-info-expanded: rgba(12,121,176, 0.2);
  --cmp-icon-button-status-color-background-info-disabled: rgba(12,121,176, 0.1);
  --cmp-icon-button-status-color-background-info-focused: rgba(12,121,176, 0.1);
  --cmp-icon-button-status-color-background-info-hovered: rgba(12,121,176, 0.1);
  --cmp-icon-button-status-color-background-info-pressed: rgba(12,121,176, 0.1);
  --cmp-icon-button-status-color-background-success-enabled: rgba(10,166,114, 0.1);
  --cmp-icon-button-status-color-background-success-expanded: rgba(10,166,114, 0.2);
  --cmp-icon-button-status-color-background-success-disabled: rgba(10,166,114, 0.1);
  --cmp-icon-button-status-color-background-success-focused: rgba(10,166,114, 0.1);
  --cmp-icon-button-status-color-background-success-hovered: rgba(10,166,114, 0.1);
  --cmp-icon-button-status-color-background-success-pressed: rgba(10,166,114, 0.1);
  --cmp-icon-button-status-color-background-warning-enabled: rgba(247,185,79, 0.2);
  --cmp-icon-button-status-color-background-warning-expanded: rgba(247,185,79, 0.3);
  --cmp-icon-button-status-color-background-warning-disabled: rgba(247,185,79, 0.2);
  --cmp-icon-button-status-color-background-warning-focused: rgba(247,185,79, 0.2);
  --cmp-icon-button-status-color-background-warning-hovered: rgba(247,185,79, 0.2);
  --cmp-icon-button-status-color-background-warning-pressed: rgba(247,185,79, 0.2);
  --cmp-icon-button-status-color-text-error-enabled: #D62433;
  --cmp-icon-button-status-color-text-error-expanded: #66141B;
  --cmp-icon-button-status-color-text-error-disabled: #D62433;
  --cmp-icon-button-status-color-text-error-focused: #D62433;
  --cmp-icon-button-status-color-text-error-hovered: #66141B;
  --cmp-icon-button-status-color-text-error-pressed: #66141B;
  --cmp-icon-button-status-color-text-help-enabled: #098091;
  --cmp-icon-button-status-color-text-help-expanded: #0A3A40;
  --cmp-icon-button-status-color-text-help-disabled: #098091;
  --cmp-icon-button-status-color-text-help-focused: #098091;
  --cmp-icon-button-status-color-text-help-hovered: #0A3A40;
  --cmp-icon-button-status-color-text-help-pressed: #0A3A40;
  --cmp-icon-button-status-color-text-info-enabled: #0C79B0;
  --cmp-icon-button-status-color-text-info-expanded: #093952;
  --cmp-icon-button-status-color-text-info-disabled: #0C79B0;
  --cmp-icon-button-status-color-text-info-focused: #0C79B0;
  --cmp-icon-button-status-color-text-info-hovered: #093952;
  --cmp-icon-button-status-color-text-info-pressed: #093952;
  --cmp-icon-button-status-color-text-info-selected: #0C2938;
  --cmp-icon-button-status-color-text-success-enabled: #0AA672;
  --cmp-icon-button-status-color-text-success-expanded: #09402E;
  --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: #09402E;
  --cmp-icon-button-status-color-text-success-pressed: #09402E;
  --cmp-icon-button-status-color-text-warning-enabled: #F7B94F;
  --cmp-icon-button-status-color-text-warning-expanded: #4D340B;
  --cmp-icon-button-status-color-text-warning-disabled: #F7B94F;
  --cmp-icon-button-status-color-text-warning-focused: #F7B94F;
  --cmp-icon-button-status-color-text-warning-hovered: #4D340B;
  --cmp-icon-button-status-color-text-warning-pressed: #4D340B;
  --cmp-icon-button-stop-icon-color-text: #D62433;
  --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: #5B6870;
  --cmp-diff-editor-color-background-base: #F5F8FA;
  --cmp-diff-editor-color-background-editor: rgba(255,255,255,1);
  --cmp-diff-editor-color-background-editor-indent-guide: #E1EAF0;
  --cmp-diff-editor-color-background-editor-indent-guide-active: #9DB0BD;
  --cmp-diff-editor-color-background-editor-suggest-widget: rgba(255,255,255,1);
  --cmp-diff-editor-color-background-editor-suggest-widget-selected: rgba(164,200,245, 0.4);
  --cmp-diff-editor-color-background-editor-overview-ruler: #F5F8FA;
  --cmp-diff-editor-color-background-inactive-selection: #E6EDF5;
  --cmp-diff-editor-color-background-line-highlight: rgba(157,176,189, 0.11);
  --cmp-diff-editor-color-background-selection-highlight: #C6DBF5;
  --cmp-diff-editor-color-background-selection: #E6EDF5;
  --cmp-diff-editor-color-background-word-highlight: #E6EDF5;
  --cmp-diff-editor-color-background-list-hovered: rgba(0,0,0,.04);
  --cmp-diff-editor-color-background-mini-map: #F5F8FA;
  --cmp-diff-editor-color-background-mini-map-selection-highlighted: #C6DBF5;
  --cmp-diff-editor-color-background-mini-map-slider: rgba(0,0,0,.08);
  --cmp-diff-editor-color-background-mini-map-slider-hovered: rgba(0,0,0,.16);
  --cmp-diff-editor-color-background-mini-map-slider-active: rgba(0,0,0,.24);
  --cmp-diff-editor-color-background-removed-text: rgba(237,83,83, 0.36);
  --cmp-diff-editor-color-background-inserted-text: rgba(30,201,144, 0.36);
  --cmp-diff-editor-color-border-editor-suggest-widget: #E1EAF0;
  --cmp-diff-editor-color-text-base: #182026;
  --cmp-diff-editor-color-text-editor: #182026;
  --cmp-diff-editor-color-text-editor-cursor: #182026;
  --cmp-diff-editor-color-text-editor-suggest-widget: #182026;
  --cmp-diff-editor-color-text-editor-suggest-widget-highlighted: #16529C;
  --cmp-diff-editor-color-text-active: #182026;
  --cmp-diff-editor-color-text-editor-line-number: #667580;
  --cmp-diff-editor-color-text-editor-line-number-active: #182026;
  --cmp-diff-editor-color-text-editor-whitespace: #48545C;
  --cmp-diff-editor-color-text-list-hovered: #182026;
  --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: #2a854e;
  --cmp-diff-editor-rules-color-text-comment-base: #ad5f00;
  --cmp-diff-editor-rules-color-text-default-base: #9656d6;
  --cmp-diff-editor-rules-color-text-delimiter-base: #233038;
  --cmp-diff-editor-rules-color-text-digit-base: #2a854e;
  --cmp-diff-editor-rules-color-text-interpolation-base: #9656d6;
  --cmp-diff-editor-rules-color-text-keyword-base: #3272d9;
  --cmp-diff-editor-rules-color-text-operator-base: #182026;
  --cmp-diff-editor-rules-color-text-string-base: #2a854e;
  --cmp-diff-editor-rules-color-text-symbol-base: #233038;
  --cmp-diff-editor-rules-color-text-time-base: #d6246e;
  --cmp-diff-editor-rules-color-text-value-block-base: #2a854e;
  --cmp-diff-editor-difference-color-background: rgba(157,176,189, 0.11);
  --cmp-diff-editor-difference-shape-border-left: solid 0.1rem #C3D3DE;
  --cmp-diff-editor-modified-shape-border-left: solid 0.1rem #C3D3DE;
  --cmp-editor-color-text-base: #182026;
  --cmp-editor-color-background-read-only: #F5F8FA;
  --cmp-editor-color-border-base: #C3D3DE;
  --cmp-editor-color-border-read-only: #F5F8FA;
  --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(157,176,189, 0.16);
  --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(12,41,56, 0.25), 0 0 0.1rem 0 rgba(12,41,56, 0.31);
  --cmp-editor-message-color-text-base: #182026;
  --cmp-editor-message-color-background-base: rgba(255,255,255,1);
  --cmp-editor-message-color-border-base: #E1EAF0;
  --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 #E1EAF0;
  --cmp-editor-scroll-bar-color-background-track-base: rgba(0,0,0,.08);
  --cmp-editor-scroll-bar-color-background-slider-base: rgba(0,0,0,.24);
  --cmp-editor-scroll-bar-color-background-slider-hovered: rgba(0,0,0,.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(12,41,56, 0.25), 0 0 0.1rem 0 rgba(12,41,56, 0.31);
  --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: rgba(255,255,255,1);
  --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: #182026;
  --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: #48545C;
  --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: #233038;
  --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: #C3D3DE;
  --cmp-high-chart-x-axis-labels-color-fill: #48545C;
  --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: #48545C;
  --cmp-high-chart-x-axis-line-color-border: #D3E0E8;
  --cmp-high-chart-x-axis-grid-line-color-border: #D3E0E8;
  --cmp-high-chart-x-axis-tick-color-border: #D3E0E8;
  --cmp-high-chart-x-axis-grid-line-minor-color-border: #D3E0E8;
  --cmp-high-chart-y-axis-space-margin: 1.6rem;
  --cmp-high-chart-y-axis-title-color-fill: #233038;
  --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: #C3D3DE;
  --cmp-high-chart-y-axis-labels-color-fill: #48545C;
  --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: #48545C;
  --cmp-high-chart-y-axis-line-color-border: #D3E0E8;
  --cmp-high-chart-y-axis-grid-line-color-border: #D3E0E8;
  --cmp-high-chart-y-axis-tick-color-border: #D3E0E8;
  --cmp-high-chart-y-axis-grid-line-minor-color-border: #D3E0E8;
  --cmp-high-chart-tooltip-color-text: #182026;
  --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: rgba(255,255,255,1);
  --cmp-high-chart-plot-options-pie-line-color-border: rgba(255,255,255,1);
  --cmp-calendar-size-min-width: 23rem;
  --cmp-calendar-day-color-background-base: transparent;
  --cmp-calendar-day-color-background-hovered: #F5F8FA;
  --cmp-calendar-day-color-background-selected: #2A6CBD;
  --cmp-calendar-day-color-background-activated: #2A6CBD;
  --cmp-calendar-day-color-text-base: #48545C;
  --cmp-calendar-day-color-text-hovered: #233038;
  --cmp-calendar-day-color-text-selected: rgba(255,255,255,1);
  --cmp-calendar-day-color-text-activated: rgba(255,255,255,1);
  --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: #C6DBF5;
  --cmp-calendar-interval-color-background-activated: #E6EDF5;
  --cmp-calendar-interval-color-background-mixed: #E6EDF5;
  --cmp-calendar-interval-color-text-selected: #16529C;
  --cmp-calendar-interval-color-text-activated: #16529C;
  --cmp-calendar-interval-color-text-mixed: #16529C;
  --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: #48545C;
  --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: #C6DBF5;
  --cmp-date-range-preset-mark-color-text-base: #16529C;
  --cmp-date-range-picker-input-color-background-active: rgba(42,108,189,0.12);
  --cmp-date-range-picker-input-color-background-hovered: rgba(0,0,0,.04);
  --cmp-date-range-picker-input-color-background-error-base: rgba(214,36,51,0.08);
  --cmp-date-range-picker-input-color-background-error-focused: rgba(214,36,51,0.16);
  --cmp-date-range-picker-input-color-background-help-base: rgba(9,128,145,0.08);
  --cmp-date-range-picker-input-color-background-help-focused: rgba(9,128,145,0.16);
  --cmp-date-range-picker-input-color-background-info-base: rgba(12,121,176,0.08);
  --cmp-date-range-picker-input-color-background-info-focused: rgba(12,121,176,0.16);
  --cmp-date-range-picker-input-color-background-success-base: rgba(3,133,90,0.08);
  --cmp-date-range-picker-input-color-background-success-focused: rgba(3,133,90,0.16);
  --cmp-date-range-picker-input-color-background-warning-base: rgba(167,105,0,0.08);
  --cmp-date-range-picker-input-color-background-warning-focused: rgba(167,105,0,0.16);
  --cmp-date-range-picker-input-color-border-base: #C3D3DE;
  --cmp-date-range-picker-input-color-border-active: #81919C;
  --cmp-date-range-picker-input-color-text-base: #48545C;
  --cmp-date-range-picker-input-color-text-weaker: #81919C;
  --cmp-date-range-real-time-color-background-active-base: #D7E817;
  --cmp-date-range-real-time-color-background-active-hovered: #B4C400;
  --cmp-date-range-real-time-color-background-base-base: rgba(0,0,0,.08);
  --cmp-date-range-real-time-color-background-base-hovered: rgba(0,0,0,.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(0,0,0,.64);
  --cmp-date-range-real-time-color-text-base-hovered: rgba(0,0,0,.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: #D7E817;
  --cmp-date-range-real-time-icon-color-background-active-hovered: #B4C400;
  --cmp-date-range-real-time-icon-color-background-base-base: rgba(0,0,0,.08);
  --cmp-date-range-real-time-icon-color-background-base-hovered: rgba(0,0,0,.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(0,0,0,.64);
  --cmp-date-range-real-time-icon-color-text-base-hovered: rgba(0,0,0,.76);
  --cmp-date-range-real-time-loader-color-fill: rgba(0,0,0,.24);
  --cmp-date-time-range-control-color-border-base: #C3D3DE;
  --cmp-date-time-range-control-color-border-active: #81919C;
  --cmp-date-time-range-control-elevation-box-shadow-base-focused: inset 0 0 0 0.2rem #53BAED;
  --cmp-date-time-range-control-elevation-box-shadow-error-focused: inset 0 0 0 0.2rem #FAD4D4;
  --cmp-date-time-range-control-elevation-box-shadow-success-focused: inset 0 0 0 0.2rem #8EF5D3;
  --cmp-date-time-range-control-elevation-box-shadow-warning-focused: inset 0 0 0 0.2rem #FADFAF;
  --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: #667580;
  --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: #C6DBF5;
  --cmp-badge-color-background-has-content-neutral: rgba(157,176,189, 0.16);
  --cmp-badge-color-background-has-content-error: #FAB6B6;
  --cmp-badge-color-background-has-content-success: #8EF5D3;
  --cmp-badge-color-background-has-content-warning: #F5C776;
  --cmp-badge-color-background-has-content-help: #87EDFA;
  --cmp-badge-color-background-has-content-info: #BBE5FA;
  --cmp-badge-color-background-has-content-data-blue: #cfe0fc;
  --cmp-badge-color-background-has-content-data-bronze: #fad8af;
  --cmp-badge-color-background-has-content-data-dusk: #e3dcf7;
  --cmp-badge-color-background-has-content-data-green: #abedc5;
  --cmp-badge-color-background-has-content-data-indigo: #dcdcfc;
  --cmp-badge-color-background-has-content-data-magenta: #fad4e4;
  --cmp-badge-color-background-has-content-data-purple: #ead9fa;
  --cmp-badge-color-background-has-content-data-red: #fad4d4;
  --cmp-badge-color-background-has-content-data-sky: #bbe5fa;
  --cmp-badge-color-background-has-content-data-slate: #cbe3f5;
  --cmp-badge-color-background-has-content-data-teal: #a8ede9;
  --cmp-badge-color-background-has-content-blend-base: rgba(0,0,0,.12);
  --cmp-badge-color-background-has-content-blend-inverse: rgba(255,255,255,.24);
  --cmp-badge-color-background-is-empty-primary: #CCDF00;
  --cmp-badge-color-background-is-empty-secondary: #5893DB;
  --cmp-badge-color-background-is-empty-neutral: #81919C;
  --cmp-badge-color-background-is-empty-error: #E96060;
  --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: #84b1fa;
  --cmp-badge-color-background-is-empty-data-bronze: #e89c3f;
  --cmp-badge-color-background-is-empty-data-dusk: #b5a6e3;
  --cmp-badge-color-background-is-empty-data-green: #57c282;
  --cmp-badge-color-background-is-empty-data-indigo: #a7a7fa;
  --cmp-badge-color-background-is-empty-data-magenta: #f78bb8;
  --cmp-badge-color-background-is-empty-data-purple: #c79bf2;
  --cmp-badge-color-background-is-empty-data-red: #fa8e8e;
  --cmp-badge-color-background-is-empty-data-sky: #53baed;
  --cmp-badge-color-background-is-empty-data-slate: #84b7db;
  --cmp-badge-color-background-is-empty-data-teal: #45bfb7;
  --cmp-badge-color-background-is-empty-blend-base: rgba(0,0,0,.32);
  --cmp-badge-color-background-is-empty-blend-inverse: rgba(255,255,255,.48);
  --cmp-badge-color-text-primary: #E5F536;
  --cmp-badge-color-text-secondary: #16529C;
  --cmp-badge-color-text-neutral: #3C4952;
  --cmp-badge-color-text-error: #45171B;
  --cmp-badge-color-text-success: #0A2E22;
  --cmp-badge-color-text-warning: #33250C;
  --cmp-badge-color-text-help: #0A282B;
  --cmp-badge-color-text-info: #0C2938;
  --cmp-badge-color-text-data-blue: #114599;
  --cmp-badge-color-text-data-bronze: #693d07;
  --cmp-badge-color-text-data-dusk: #4f4178;
  --cmp-badge-color-text-data-green: #1a5230;
  --cmp-badge-color-text-data-indigo: #3737b3;
  --cmp-badge-color-text-data-magenta: #8a1244;
  --cmp-badge-color-text-data-purple: #642b9e;
  --cmp-badge-color-text-data-red: #8f0e0e;
  --cmp-badge-color-text-data-sky: #064d70;
  --cmp-badge-color-text-data-slate: #2d4d63;
  --cmp-badge-color-text-data-teal: #0d524d;
  --cmp-badge-color-text-blend-base: rgba(0,0,0,.72);
  --cmp-badge-color-text-blend-inverse: rgba(255,255,255,.88);
  --cmp-badge-icon-size-square-xxs: calc(1rem - 0.2rem);
  --cmp-badge-icon-size-square-xs: 1rem;
  --cmp-badge-icon-size-square-sm: 1rem;
  --cmp-badge-icon-size-square-md: 1.2rem;
  --cmp-badge-icon-size-square-lg: 1.