: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: #49504c;
--cb-color-bg-fill-brand-hovered: #5f6562;
--cb-color-bg-fill-brand-pressed: #6d7370;
--cb-color-bg-fill-brand-selected: #666c69;
--cb-color-bg-fill-brand-disabled: #8b8f8d;
--cb-color-text-brand: #49504c;
--cb-color-text-brand-hovered: #575e5a;
--cb-color-text-brand-pressed: #6d7370;
--cb-color-text-brand-selected: #5f6562;
--cb-color-text-brand-disabled: #8b8f8d;
--cb-color-bg-surface-brand: #f1f1f1;
--cb-color-bg-surface-brand-hovered: #e2e3e2;
--cb-color-bg-surface-brand-pressed: #d3d5d4;
--cb-color-bg-surface-brand-selected: #e9eae9;
--cb-color-bg-surface-brand-disabled: #f8f8f8;
--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: #49504c;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #404643;
--cb-color-bg-fill-brand-pressed: #3a403d;
--cb-color-bg-fill-brand-selected: #3d4340;
--cb-color-bg-fill-brand-disabled: #2f3331;
--cb-color-text-brand-hovered: #434a46;
--cb-color-text-brand-pressed: #3a403d;
--cb-color-text-brand-selected: #404643;
--cb-color-text-brand-disabled: #2f3331;
--cb-color-bg-surface-brand: #0c0d0c;
--cb-color-bg-surface-brand-hovered: #111312;
--cb-color-bg-surface-brand-pressed: #171a18;
--cb-color-bg-surface-brand-selected: #0f100f;
--cb-color-bg-surface-brand-disabled: #090a09;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #2a2b2a;
--cb-color-bg-surface-brand-hovered: #2d2f2e;
--cb-color-bg-surface-brand-pressed: #303231;
--cb-color-bg-surface-brand-selected: #2b2d2c;
--cb-color-bg-surface-brand-disabled: #282929;}
:root{--al-color-border-selected: #727875;
--al-color-border-elevated-selected: #727875;
--al-color-outline-focused: #292e2b;
--al-color-bg-surface-brand: #ebecec;
--al-color-bg-surface-brand-hovered: #dbdddc;
--al-color-bg-surface-brand-pressed: #cccfcd;
--al-color-bg-surface-brand-selected: #cccfcd;
--al-color-bg-surface-brand-disabled: #f3f4f3;
--al-color-bg-surface-brand-elevated: #ebecec;
--al-color-bg-surface-brand-elevated-hovered: #dbdddc;
--al-color-bg-surface-brand-elevated-pressed: #cccfcd;
--al-color-bg-surface-brand-elevated-selected: #cccfcd;
--al-color-bg-surface-brand-elevated-disabled: #f3f4f3;
--al-color-bg-fill-brand: #727875;
--al-color-bg-fill-brand-hovered: #626965;
--al-color-bg-fill-brand-pressed: #535a56;
--al-color-bg-fill-brand-selected: #454c48;
--al-color-bg-fill-brand-disabled: #bfc2c0;
--al-color-text-brand: #626965;
--al-color-text-brand-hovered: #535a56;
--al-color-text-brand-pressed: #454c48;
--al-color-text-brand-selected: #373d3a;
--al-color-text-brand-disabled: #b1b5b3;
--al-color-text-on-bg-fill-brand: #fbfbfb;
--al-color-text-on-bg-fill-brand-hovered: #fbfbfb;
--al-color-text-on-bg-fill-brand-pressed: #fbfbfb;
--al-color-text-on-bg-fill-brand-selected: #fbfbfb;
--al-color-text-on-bg-fill-brand-disabled: #f3f4f3;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #626965;
--al-color-border-elevated-selected: #626965;
--al-color-bg-fill-brand: #626965;
--al-color-bg-fill-brand-hovered: #535a56;
--al-color-bg-fill-brand-pressed: #454c48;
--al-color-bg-fill-brand-selected: #373d3a;
--al-color-text-brand: #454c48;
--al-color-text-brand-hovered: #373d3a;
--al-color-text-brand-pressed: #292e2b;
--al-color-text-brand-selected: #181c1a;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #7a807d;
--al-color-border-elevated-selected: #8b918d;
--al-color-outline-focused: #dfe0e0;
--al-color-bg-surface-brand: #1a1e1c;
--al-color-bg-surface-brand-hovered: #252a27;
--al-color-bg-surface-brand-pressed: #2f3431;
--al-color-bg-surface-brand-selected: #2f3431;
--al-color-bg-surface-brand-disabled: #131715;
--al-color-bg-surface-brand-elevated: #252a27;
--al-color-bg-surface-brand-elevated-hovered: #2f3431;
--al-color-bg-surface-brand-elevated-pressed: #383e3a;
--al-color-bg-surface-brand-elevated-selected: #383e3a;
--al-color-bg-surface-brand-elevated-disabled: #1a1e1c;
--al-color-bg-fill-brand: #9ea2a0;
--al-color-bg-fill-brand-hovered: #b1b5b3;
--al-color-bg-fill-brand-pressed: #c8cac9;
--al-color-bg-fill-brand-selected: #dfe0e0;
--al-color-bg-fill-brand-disabled: #383e3a;
--al-color-text-brand: #9ea2a0;
--al-color-text-brand-hovered: #b1b5b3;
--al-color-text-brand-pressed: #c8cac9;
--al-color-text-brand-selected: #dfe0e0;
--al-color-text-brand-disabled: #404743;
--al-color-text-on-bg-fill-brand: #0b0e0c;
--al-color-text-on-bg-fill-brand-hovered: #0b0e0c;
--al-color-text-on-bg-fill-brand-pressed: #0b0e0c;
--al-color-text-on-bg-fill-brand-selected: #0b0e0c;
--al-color-text-on-bg-fill-brand-disabled: #131715;}