: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: #1f5cd1;
--cb-color-bg-fill-brand-hovered: #3a70d7;
--cb-color-bg-fill-brand-pressed: #4c7dda;
--cb-color-bg-fill-brand-selected: #4376d8;
--cb-color-bg-fill-brand-disabled: #7097e2;
--cb-color-text-brand: #1f5cd1;
--cb-color-text-brand-hovered: #3169d5;
--cb-color-text-brand-pressed: #4c7dda;
--cb-color-text-brand-selected: #3a70d7;
--cb-color-text-brand-disabled: #7097e2;
--cb-color-bg-surface-brand: #edf2fb;
--cb-color-bg-surface-brand-hovered: #dbe5f8;
--cb-color-bg-surface-brand-pressed: #c9d8f4;
--cb-color-bg-surface-brand-selected: #e4ebf9;
--cb-color-bg-surface-brand-disabled: #f6f9fd;
--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: #1f5cd1;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #1b51b8;
--cb-color-bg-fill-brand-pressed: #194aa7;
--cb-color-bg-fill-brand-selected: #1a4daf;
--cb-color-bg-fill-brand-disabled: #143b86;
--cb-color-text-brand-hovered: #1d55c1;
--cb-color-text-brand-pressed: #194aa7;
--cb-color-text-brand-selected: #1b51b8;
--cb-color-text-brand-disabled: #143b86;
--cb-color-bg-surface-brand: #050f22;
--cb-color-bg-surface-brand-hovered: #071632;
--cb-color-bg-surface-brand-pressed: #0a1e43;
--cb-color-bg-surface-brand-selected: #06122a;
--cb-color-bg-surface-brand-disabled: #040b19;
--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: #232d40;
--cb-color-bg-surface-brand-hovered: #23314d;
--cb-color-bg-surface-brand-pressed: #22365c;
--cb-color-bg-surface-brand-selected: #232f47;
--cb-color-bg-surface-brand-disabled: #232b39;}
:root{--al-color-border-selected: #3671e4;
--al-color-border-elevated-selected: #3671e4;
--al-color-outline-focused: #002575;
--al-color-bg-surface-brand: #e2edff;
--al-color-bg-surface-brand-hovered: #cbdeff;
--al-color-bg-surface-brand-pressed: #b4d0ff;
--al-color-bg-surface-brand-selected: #b4d0ff;
--al-color-bg-surface-brand-disabled: #eff5ff;
--al-color-bg-surface-brand-elevated: #e2edff;
--al-color-bg-surface-brand-elevated-hovered: #cbdeff;
--al-color-bg-surface-brand-elevated-pressed: #b4d0ff;
--al-color-bg-surface-brand-elevated-selected: #b4d0ff;
--al-color-bg-surface-brand-elevated-disabled: #eff5ff;
--al-color-bg-fill-brand: #3671e4;
--al-color-bg-fill-brand-hovered: #2460d6;
--al-color-bg-fill-brand-pressed: #1450c3;
--al-color-bg-fill-brand-selected: #0842ac;
--al-color-bg-fill-brand-disabled: #a0c2ff;
--al-color-text-brand: #2460d6;
--al-color-text-brand-hovered: #1450c3;
--al-color-text-brand-pressed: #0842ac;
--al-color-text-brand-selected: #013393;
--al-color-text-brand-disabled: #8db5fe;
--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: #eff5ff;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #2460d6;
--al-color-border-elevated-selected: #2460d6;
--al-color-bg-fill-brand: #2460d6;
--al-color-bg-fill-brand-hovered: #1450c3;
--al-color-bg-fill-brand-pressed: #0842ac;
--al-color-bg-fill-brand-selected: #013393;
--al-color-text-brand: #0842ac;
--al-color-text-brand-hovered: #013393;
--al-color-text-brand-pressed: #002575;
--al-color-text-brand-selected: #00154f;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #407be9;
--al-color-border-elevated-selected: #578df3;
--al-color-outline-focused: #d0e1ff;
--al-color-bg-surface-brand: #001754;
--al-color-bg-surface-brand-hovered: #00226d;
--al-color-bg-surface-brand-pressed: #002b81;
--al-color-bg-surface-brand-selected: #002b81;
--al-color-bg-surface-brand-disabled: #001144;
--al-color-bg-surface-brand-elevated: #00226d;
--al-color-bg-surface-brand-elevated-hovered: #002b81;
--al-color-bg-surface-brand-elevated-pressed: #013494;
--al-color-bg-surface-brand-elevated-selected: #013494;
--al-color-bg-surface-brand-elevated-disabled: #001754;
--al-color-bg-fill-brand: #70a1fa;
--al-color-bg-fill-brand-hovered: #8db5fe;
--al-color-bg-fill-brand-pressed: #accbff;
--al-color-bg-fill-brand-selected: #d0e1ff;
--al-color-bg-fill-brand-disabled: #013494;
--al-color-text-brand: #70a1fa;
--al-color-text-brand-hovered: #8db5fe;
--al-color-text-brand-pressed: #accbff;
--al-color-text-brand-selected: #d0e1ff;
--al-color-text-brand-disabled: #043ca3;
--al-color-text-on-bg-fill-brand: #000a31;
--al-color-text-on-bg-fill-brand-hovered: #000a31;
--al-color-text-on-bg-fill-brand-pressed: #000a31;
--al-color-text-on-bg-fill-brand-selected: #000a31;
--al-color-text-on-bg-fill-brand-disabled: #001144;}

:root, :root:where([data-al-theme="lightHighContrast"]) {
  --al-c-toggle-switch-on-bg: var(--al-color-bg-fill-brand);
}