/* Content from: dark.css */
*[data-sds-mode="dark"] .sds-spacemail,
*[data-sds-mode="dark"].sds-spacemail,
*[data-sds-mode] .sds-spacemail--dark,
*[data-sds-mode].sds-spacemail--dark,
*[data-sds-mode] .sds-spacemail [data-sds-mode="dark"],
*[data-sds-mode].sds-spacemail [data-sds-mode="dark"],
.sds-spacemail--dark {
  --sds-color-text-brand-primary: #a37de7;
  --sds-color-text-brand-on-minimal: #a37de7;
  --sds-color-text-brand-on-subtle: #c3a3ff;
  --sds-color-text-brand-on-moderate: #c3a3ff;
  --sds-color-text-brand-on-bold: #f9f9f9;
  --sds-color-text-brand-on-strong: #272036;
  --sds-color-text-brand-on-contrast: #3c2d65;
  --sds-color-text-brand-on-strong-variant: #3c2d65;
  --sds-color-text-brand-on-contrast-variant: #6444b5;
  --sds-color-text-brand-on-minimal-opacity: #a37de7;
  --sds-color-text-brand-on-subtle-opacity: #c3a3ff;
  --sds-color-text-brand-on-moderate-opacity: #c3a3ff;
  --sds-color-text-brand-selected-primary: #c3a3ff;
  --sds-color-text-brand-selected-on-minimal: #c3a3ff;
  --sds-color-text-brand-selected-on-subtle: #c3a3ff;
  --sds-color-text-brand-selected-on-moderate: #d9ceff;
  --sds-color-text-brand-selected-on-bold: #f9f9f9;
  --sds-color-icon-brand-primary: #a37de7;
  --sds-color-icon-brand-on-minimal: #a37de7;
  --sds-color-icon-brand-on-subtle: #c3a3ff;
  --sds-color-icon-brand-on-moderate: #c3a3ff;
  --sds-color-icon-brand-on-bold: #f9f9f9;
  --sds-color-icon-brand-on-strong: #272036;
  --sds-color-icon-brand-on-contrast: #3c2d65;
  --sds-color-icon-brand-primary-variant: #a37de7;
  --sds-color-icon-brand-on-subtle-variant: #a37de7;
  --sds-color-icon-brand-on-moderate-variant: #a37de7;
  --sds-color-icon-brand-on-strong-variant: #3c2d65;
  --sds-color-icon-brand-on-contrast-variant: #6444b5;
  --sds-color-icon-brand-on-minimal-opacity: #a37de7;
  --sds-color-icon-brand-on-subtle-opacity: #c3a3ff;
  --sds-color-icon-brand-on-moderate-opacity: #c3a3ff;
  --sds-color-icon-brand-selected-primary: #c3a3ff;
  --sds-color-icon-brand-selected-on-minimal: #c3a3ff;
  --sds-color-icon-brand-selected-on-subtle: #c3a3ff;
  --sds-color-icon-brand-selected-on-moderate: #d9ceff;
  --sds-color-icon-brand-selected-on-bold: #f9f9f9;
  --sds-color-background-brand-minimal: #221e28;
  --sds-color-background-brand-subtle: #2c2244;
  --sds-color-background-brand-moderate: #3c2d65;
  --sds-color-background-brand-bold: #7d52e5;
  --sds-color-background-brand-strong: #c3a3ff;
  --sds-color-background-brand-contrast: #d9ceff;
  --sds-color-background-brand-minimal-opacity: rgba(191, 108, 244, 0.07);
  --sds-color-background-brand-subtle-opacity: rgba(147, 98, 245, 0.22);
  --sds-color-background-brand-moderate-opacity: rgba(143, 100, 252, 0.36);
  --sds-color-background-brand-selected-base: rgba(185, 85, 247, 0.09);
  --sds-color-background-brand-selected-minimal: rgba(149, 84, 252, 0.2);
  --sds-color-background-brand-selected-subtle: rgba(136, 77, 255, 0.26);
  --sds-color-background-brand-selected-moderate: rgba(133, 86, 251, 0.41);
  --sds-color-background-brand-selected-bold: #7d52e5;
  --sds-color-border-brand-subtle: rgba(147, 98, 245, 0.22);
  --sds-color-border-brand-subtle-hovered: rgba(141, 96, 252, 0.52);
  --sds-color-border-brand-subtle-pressed: rgba(138, 92, 255, 0.69);
  --sds-color-border-brand-moderate: rgba(143, 100, 252, 0.36);
  --sds-color-border-brand-moderate-hovered: rgba(138, 92, 255, 0.69);
  --sds-color-border-brand-moderate-pressed: #7d52e5;
  --sds-color-border-brand-bold: rgba(141, 96, 252, 0.52);
  --sds-color-border-brand-strong: rgba(138, 92, 255, 0.69);
  --sds-color-border-brand-contrast: #7d52e5;
  --sds-color-border-brand-selected-subtle: rgba(143, 100, 252, 0.36);
  --sds-color-border-brand-selected-bold: #7d52e5;
  --sds-color-border-focused: #7d52e5;
  --sds-color-border-inner-focused: #6444b5;
  --sds-color-border-outer-focused: rgba(147, 98, 245, 0.22);
  --sds-color-state-layer-brand-primary-hovered: rgba(163, 125, 231, 0.08);
  --sds-color-state-layer-brand-primary-focused: rgba(163, 125, 231, 0.08);
  --sds-color-state-layer-brand-primary-pressed: rgba(163, 125, 231, 0.12);
  --sds-color-state-layer-brand-on-minimal-hovered: rgba(163, 125, 231, 0.08);
  --sds-color-state-layer-brand-on-minimal-focused: rgba(163, 125, 231, 0.08);
  --sds-color-state-layer-brand-on-minimal-pressed: rgba(163, 125, 231, 0.12);
  --sds-color-state-layer-brand-on-subtle-hovered: rgba(163, 125, 231, 0.08);
  --sds-color-state-layer-brand-on-subtle-focused: rgba(163, 125, 231, 0.08);
  --sds-color-state-layer-brand-on-subtle-pressed: rgba(163, 125, 231, 0.12);
  --sds-color-state-layer-brand-on-moderate-hovered: rgba(195, 163, 255, 0.08);
  --sds-color-state-layer-brand-on-moderate-focused: rgba(195, 163, 255, 0.08);
  --sds-color-state-layer-brand-on-moderate-pressed: rgba(195, 163, 255, 0.12);
  --sds-color-state-layer-brand-on-bold-hovered: rgba(249, 249, 249, 0.16);
  --sds-color-state-layer-brand-on-bold-focused: rgba(249, 249, 249, 0.16);
  --sds-color-state-layer-brand-on-bold-pressed: rgba(249, 249, 249, 0.24);
  --sds-color-state-layer-brand-on-strong-hovered: rgba(39, 32, 54, 0.16);
  --sds-color-state-layer-brand-on-strong-focused: rgba(39, 32, 54, 0.16);
  --sds-color-state-layer-brand-on-strong-pressed: rgba(39, 32, 54, 0.24);
  --sds-color-state-layer-brand-on-contrast-hovered: rgba(60, 45, 101, 0.16);
  --sds-color-state-layer-brand-on-contrast-focused: rgba(60, 45, 101, 0.16);
  --sds-color-state-layer-brand-on-contrast-pressed: rgba(60, 45, 101, 0.24);
  --sds-color-state-layer-brand-selected-primary-hovered: rgba(163, 125, 231, 0.08);
  --sds-color-state-layer-brand-selected-primary-focused: rgba(163, 125, 231, 0.08);
  --sds-color-state-layer-brand-selected-primary-pressed: rgba(163, 125, 231, 0.12);
  --sds-color-state-layer-brand-selected-on-minimal-hovered: rgba(195, 163, 255, 0.08);
  --sds-color-state-layer-brand-selected-on-minimal-focused: rgba(195, 163, 255, 0.08);
  --sds-color-state-layer-brand-selected-on-minimal-pressed: rgba(195, 163, 255, 0.12);
  --sds-color-state-layer-brand-selected-on-subtle-hovered: rgba(195, 163, 255, 0.08);
  --sds-color-state-layer-brand-selected-on-subtle-focused: rgba(195, 163, 255, 0.08);
  --sds-color-state-layer-brand-selected-on-subtle-pressed: rgba(195, 163, 255, 0.12);
  --sds-color-state-layer-brand-selected-on-moderate-hovered: rgba(217, 206, 255, 0.08);
  --sds-color-state-layer-brand-selected-on-moderate-focused: rgba(217, 206, 255, 0.08);
  --sds-color-state-layer-brand-selected-on-moderate-pressed: rgba(217, 206, 255, 0.12);
  --sds-color-state-layer-brand-selected-on-bold-hovered: rgba(249, 249, 249, 0.16);
  --sds-color-state-layer-brand-selected-on-bold-focused: rgba(249, 249, 249, 0.16);
  --sds-color-state-layer-brand-selected-on-bold-pressed: rgba(249, 249, 249, 0.24);
}
/* Content from: light.css */
*[data-sds-mode="light"] .sds-spacemail,
*[data-sds-mode="light"].sds-spacemail,
*[data-sds-mode] .sds-spacemail--light,
*[data-sds-mode].sds-spacemail--light,
*[data-sds-mode] .sds-spacemail [data-sds-mode="light"],
*[data-sds-mode].sds-spacemail [data-sds-mode="light"],
.sds-spacemail--light {
  --sds-color-text-brand-primary: #7b4ce9;
  --sds-color-text-brand-on-minimal: #7b4ce9;
  --sds-color-text-brand-on-subtle: #623abd;
  --sds-color-text-brand-on-moderate: #492894;
  --sds-color-text-brand-on-bold: #ffffff;
  --sds-color-text-brand-on-strong: #ffffff;
  --sds-color-text-brand-on-contrast: #ffffff;
  --sds-color-text-brand-on-strong-variant: #d1c2ff;
  --sds-color-text-brand-on-contrast-variant: #9c78ff;
  --sds-color-text-brand-on-minimal-opacity: #7b4ce9;
  --sds-color-text-brand-on-subtle-opacity: #623abd;
  --sds-color-text-brand-on-moderate-opacity: #492894;
  --sds-color-text-brand-selected-primary: #7b4ce9;
  --sds-color-text-brand-selected-on-minimal: #623abd;
  --sds-color-text-brand-selected-on-subtle: #623abd;
  --sds-color-text-brand-selected-on-moderate: #32176d;
  --sds-color-text-brand-selected-on-bold: #ffffff;
  --sds-color-icon-brand-primary: #7b4ce9;
  --sds-color-icon-brand-on-minimal: #7b4ce9;
  --sds-color-icon-brand-on-subtle: #623abd;
  --sds-color-icon-brand-on-moderate: #492894;
  --sds-color-icon-brand-on-bold: #ffffff;
  --sds-color-icon-brand-on-strong: #ffffff;
  --sds-color-icon-brand-on-contrast: #ffffff;
  --sds-color-icon-brand-primary-variant: #9c78ff;
  --sds-color-icon-brand-on-subtle-variant: #7b4ce9;
  --sds-color-icon-brand-on-moderate-variant: #623abd;
  --sds-color-icon-brand-on-strong-variant: #d1c2ff;
  --sds-color-icon-brand-on-contrast-variant: #9c78ff;
  --sds-color-icon-brand-on-minimal-opacity: #7b4ce9;
  --sds-color-icon-brand-on-subtle-opacity: #623abd;
  --sds-color-icon-brand-on-moderate-opacity: #492894;
  --sds-color-icon-brand-selected-primary: #7b4ce9;
  --sds-color-icon-brand-selected-on-minimal: #623abd;
  --sds-color-icon-brand-selected-on-subtle: #623abd;
  --sds-color-icon-brand-selected-on-moderate: #32176d;
  --sds-color-icon-brand-selected-on-bold: #ffffff;
  --sds-color-background-brand-minimal: #fdf8ff;
  --sds-color-background-brand-subtle: #f7f0ff;
  --sds-color-background-brand-moderate: #e7ddff;
  --sds-color-background-brand-bold: #7b4ce9;
  --sds-color-background-brand-strong: #492894;
  --sds-color-background-brand-contrast: #1d064a;
  --sds-color-background-brand-minimal-opacity: rgba(188, 22, 255, 0.03);
  --sds-color-background-brand-subtle-opacity: rgba(122, 5, 255, 0.06);
  --sds-color-background-brand-moderate-opacity: rgba(84, 12, 255, 0.14);
  --sds-color-background-brand-selected-base: rgba(188, 22, 255, 0.07);
  --sds-color-background-brand-selected-minimal: rgba(122, 5, 255, 0.14);
  --sds-color-background-brand-selected-subtle: rgba(84, 12, 255, 0.22);
  --sds-color-background-brand-selected-moderate: rgba(63, 1, 255, 0.32);
  --sds-color-background-brand-selected-bold: #7b4ce9;
  --sds-color-border-brand-subtle: rgba(84, 12, 255, 0.14);
  --sds-color-border-brand-subtle-hovered: rgba(63, 1, 255, 0.37);
  --sds-color-border-brand-subtle-pressed: rgba(68, 0, 255, 0.53);
  --sds-color-border-brand-moderate: rgba(63, 1, 255, 0.24);
  --sds-color-border-brand-moderate-hovered: rgba(68, 0, 255, 0.53);
  --sds-color-border-brand-moderate-pressed: #7b4ce9;
  --sds-color-border-brand-bold: rgba(63, 1, 255, 0.37);
  --sds-color-border-brand-strong: rgba(68, 0, 255, 0.53);
  --sds-color-border-brand-contrast: #7b4ce9;
  --sds-color-border-brand-selected-subtle: rgba(63, 1, 255, 0.24);
  --sds-color-border-brand-selected-bold: #7b4ce9;
  --sds-color-border-focused: #7b4ce9;
  --sds-color-border-inner-focused: #9c78ff;
  --sds-color-border-outer-focused: rgba(84, 12, 255, 0.14);
  --sds-color-state-layer-brand-primary-hovered: rgba(123, 76, 233, 0.08);
  --sds-color-state-layer-brand-primary-focused: rgba(123, 76, 233, 0.08);
  --sds-color-state-layer-brand-primary-pressed: rgba(123, 76, 233, 0.12);
  --sds-color-state-layer-brand-on-minimal-hovered: rgba(123, 76, 233, 0.08);
  --sds-color-state-layer-brand-on-minimal-focused: rgba(123, 76, 233, 0.08);
  --sds-color-state-layer-brand-on-minimal-pressed: rgba(123, 76, 233, 0.12);
  --sds-color-state-layer-brand-on-subtle-hovered: rgba(123, 76, 233, 0.08);
  --sds-color-state-layer-brand-on-subtle-focused: rgba(123, 76, 233, 0.08);
  --sds-color-state-layer-brand-on-subtle-pressed: rgba(123, 76, 233, 0.12);
  --sds-color-state-layer-brand-on-moderate-hovered: rgba(73, 40, 148, 0.08);
  --sds-color-state-layer-brand-on-moderate-focused: rgba(73, 40, 148, 0.08);
  --sds-color-state-layer-brand-on-moderate-pressed: rgba(73, 40, 148, 0.12);
  --sds-color-state-layer-brand-on-bold-hovered: rgba(255, 255, 255, 0.16);
  --sds-color-state-layer-brand-on-bold-focused: rgba(255, 255, 255, 0.16);
  --sds-color-state-layer-brand-on-bold-pressed: rgba(255, 255, 255, 0.24);
  --sds-color-state-layer-brand-on-strong-hovered: rgba(255, 255, 255, 0.16);
  --sds-color-state-layer-brand-on-strong-focused: rgba(255, 255, 255, 0.16);
  --sds-color-state-layer-brand-on-strong-pressed: rgba(255, 255, 255, 0.24);
  --sds-color-state-layer-brand-on-contrast-hovered: rgba(255, 255, 255, 0.16);
  --sds-color-state-layer-brand-on-contrast-focused: rgba(255, 255, 255, 0.16);
  --sds-color-state-layer-brand-on-contrast-pressed: rgba(255, 255, 255, 0.24);
  --sds-color-state-layer-brand-selected-primary-hovered: rgba(123, 76, 233, 0.08);
  --sds-color-state-layer-brand-selected-primary-focused: rgba(123, 76, 233, 0.08);
  --sds-color-state-layer-brand-selected-primary-pressed: rgba(123, 76, 233, 0.12);
  --sds-color-state-layer-brand-selected-on-minimal-hovered: rgba(98, 58, 189, 0.08);
  --sds-color-state-layer-brand-selected-on-minimal-focused: rgba(98, 58, 189, 0.08);
  --sds-color-state-layer-brand-selected-on-minimal-pressed: rgba(98, 58, 189, 0.12);
  --sds-color-state-layer-brand-selected-on-subtle-hovered: rgba(98, 58, 189, 0.08);
  --sds-color-state-layer-brand-selected-on-subtle-focused: rgba(98, 58, 189, 0.08);
  --sds-color-state-layer-brand-selected-on-subtle-pressed: rgba(98, 58, 189, 0.12);
  --sds-color-state-layer-brand-selected-on-moderate-hovered: rgba(50, 23, 109, 0.08);
  --sds-color-state-layer-brand-selected-on-moderate-focused: rgba(50, 23, 109, 0.08);
  --sds-color-state-layer-brand-selected-on-moderate-pressed: rgba(50, 23, 109, 0.12);
  --sds-color-state-layer-brand-selected-on-bold-hovered: rgba(255, 255, 255, 0.16);
  --sds-color-state-layer-brand-selected-on-bold-focused: rgba(255, 255, 255, 0.16);
  --sds-color-state-layer-brand-selected-on-bold-pressed: rgba(255, 255, 255, 0.24);
}