:root {
  --cb-font-family-brand: var(--cb-font-family-sans);
  --cb-font-family-brand-font-feature-settings: ;
  --al-font-family-brand: var(--al-font-family-sans);
  --al-font-family-brand-font-feature-settings: ;
}
:root{--cb-color-bg-fill-brand: #417be6;
--cb-color-bg-fill-brand-hovered: #588be9;
--cb-color-bg-fill-brand-pressed: #6795eb;
--cb-color-bg-fill-brand-selected: #6090ea;
--cb-color-bg-fill-brand-disabled: #86abef;
--cb-color-text-brand: #417be6;
--cb-color-text-brand-hovered: #5085e8;
--cb-color-text-brand-pressed: #6795eb;
--cb-color-text-brand-selected: #588be9;
--cb-color-text-brand-disabled: #86abef;
--cb-color-bg-surface-brand: #f0f5fd;
--cb-color-bg-surface-brand-hovered: #e0eafb;
--cb-color-bg-surface-brand-pressed: #d2dff9;
--cb-color-bg-surface-brand-selected: #e8effc;
--cb-color-bg-surface-brand-disabled: #f8fafe;
--cb-color-text-on-bg-fill-brand: #ffffff;
--cb-color-text-on-bg-fill-brand-hovered: #ffffff;
--cb-color-text-on-bg-fill-brand-pressed: #ffffff;
--cb-color-text-on-bg-fill-brand-selected: #ffffff;
--cb-color-text-on-bg-fill-brand-disabled: #ffffff66;
--cb-color-border-selected: #417be6;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #3d73d7;
--cb-color-bg-fill-brand-hovered: #5584dc;
--cb-color-bg-fill-brand-pressed: #648fdf;
--cb-color-bg-fill-brand-selected: #5c8add;
--cb-color-bg-fill-brand-disabled: #83a6e5;
--cb-color-text-brand: #396ccb;
--cb-color-text-brand-hovered: #4978cf;
--cb-color-text-brand-pressed: #6189d5;
--cb-color-text-brand-selected: #517ed1;
--cb-color-text-brand-disabled: #80a1de;
--cb-color-border-selected: #3d73d7;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #396cca;
--cb-color-bg-fill-brand-pressed: #3462b8;
--cb-color-bg-fill-brand-selected: #3767c1;
--cb-color-bg-fill-brand-disabled: #2a4f93;
--cb-color-text-brand-hovered: #3c71d4;
--cb-color-text-brand-pressed: #3462b8;
--cb-color-text-brand-selected: #396cca;
--cb-color-text-brand-disabled: #2a4f93;
--cb-color-bg-surface-brand: #0a1425;
--cb-color-bg-surface-brand-hovered: #101d37;
--cb-color-bg-surface-brand-pressed: #15284a;
--cb-color-bg-surface-brand-selected: #0d192e;
--cb-color-bg-surface-brand-disabled: #080f1c;
--cb-color-text-on-bg-fill-brand: #202125;
--cb-color-text-on-bg-fill-brand-hovered: #202125;
--cb-color-text-on-bg-fill-brand-pressed: #202125;
--cb-color-text-on-bg-fill-brand-selected: #202125;
--cb-color-text-on-bg-fill-brand-disabled: #20212566;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #293243;
--cb-color-bg-surface-brand-hovered: #2b3952;
--cb-color-bg-surface-brand-pressed: #2d4062;
--cb-color-bg-surface-brand-selected: #2a354b;
--cb-color-bg-surface-brand-disabled: #282f3c;}
:root{--al-color-border-selected: #3972dc;
--al-color-border-elevated-selected: #3972dc;
--al-color-outline-focused: #0c2a63;
--al-color-bg-surface-brand: #e0edff;
--al-color-bg-surface-brand-hovered: #c6deff;
--al-color-bg-surface-brand-pressed: #b1d1ff;
--al-color-bg-surface-brand-selected: #b1d1ff;
--al-color-bg-surface-brand-disabled: #edf4ff;
--al-color-bg-surface-brand-elevated: #e0edff;
--al-color-bg-surface-brand-elevated-hovered: #c6deff;
--al-color-bg-surface-brand-elevated-pressed: #b1d1ff;
--al-color-bg-surface-brand-elevated-selected: #b1d1ff;
--al-color-bg-surface-brand-elevated-disabled: #edf4ff;
--al-color-bg-fill-brand: #3972dc;
--al-color-bg-fill-brand-hovered: #2e63c7;
--al-color-bg-fill-brand-pressed: #2354af;
--al-color-bg-fill-brand-selected: #1b4697;
--al-color-bg-fill-brand-disabled: #9bc3ff;
--al-color-text-brand: #2e63c7;
--al-color-text-brand-hovered: #2354af;
--al-color-text-brand-pressed: #1b4697;
--al-color-text-brand-selected: #13387e;
--al-color-text-brand-disabled: #88b6ff;
--al-color-text-on-bg-fill-brand: #fafcff;
--al-color-text-on-bg-fill-brand-hovered: #fafcff;
--al-color-text-on-bg-fill-brand-pressed: #fafcff;
--al-color-text-on-bg-fill-brand-selected: #fafcff;
--al-color-text-on-bg-fill-brand-disabled: #edf4ff;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #2e63c7;
--al-color-border-elevated-selected: #2e63c7;
--al-color-bg-fill-brand: #2e63c7;
--al-color-bg-fill-brand-hovered: #2354af;
--al-color-bg-fill-brand-pressed: #1b4697;
--al-color-bg-fill-brand-selected: #13387e;
--al-color-text-brand: #1b4697;
--al-color-text-brand-hovered: #13387e;
--al-color-text-brand-pressed: #0c2a63;
--al-color-text-brand-selected: #051941;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #417be7;
--al-color-border-elevated-selected: #548df7;
--al-color-outline-focused: #cde2ff;
--al-color-bg-surface-brand: #051b45;
--al-color-bg-surface-brand-hovered: #0a265b;
--al-color-bg-surface-brand-pressed: #0e306d;
--al-color-bg-surface-brand-selected: #0e306d;
--al-color-bg-surface-brand-disabled: #031437;
--al-color-bg-surface-brand-elevated: #0a265b;
--al-color-bg-surface-brand-elevated-hovered: #0e306d;
--al-color-bg-surface-brand-elevated-pressed: #13397f;
--al-color-bg-surface-brand-elevated-selected: #13397f;
--al-color-bg-surface-brand-elevated-disabled: #051b45;
--al-color-bg-fill-brand: #6ba1ff;
--al-color-bg-fill-brand-hovered: #88b6ff;
--al-color-bg-fill-brand-pressed: #a8ccff;
--al-color-bg-fill-brand-selected: #cde2ff;
--al-color-bg-fill-brand-disabled: #13397f;
--al-color-text-brand: #6ba1ff;
--al-color-text-brand-hovered: #88b6ff;
--al-color-text-brand-pressed: #a8ccff;
--al-color-text-brand-selected: #cde2ff;
--al-color-text-brand-disabled: #18418e;
--al-color-text-on-bg-fill-brand: #020c27;
--al-color-text-on-bg-fill-brand-hovered: #020c27;
--al-color-text-on-bg-fill-brand-pressed: #020c27;
--al-color-text-on-bg-fill-brand-selected: #020c27;
--al-color-text-on-bg-fill-brand-disabled: #031437;}