/* Generated by webmail-be from msg_mailsystems (services/brandStyle.js). */
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600&display=swap");
:root:root {
  --font-sans: "Nunito", ui-sans-serif, system-ui, sans-serif;
}
:root:root, :root:root[data-theme="light"] {
  color-scheme: light;
  --color-surface-2: rgba(51,51,51,0.025);
  --color-surface-3: rgba(51,51,51,0.04);
  --color-line: rgba(51,51,51,0.10);
  --color-line-strong: rgba(51,51,51,0.18);
  --color-text: rgba(51,51,51,0.87);
  --color-text-soft: rgba(51,51,51,0.60);
  --color-text-faint: rgba(51,51,51,0.45);
  --color-selected: rgba(51,51,51,0.06);
  --color-selected-text: rgba(51,51,51,0.87);
  --color-selected-mark: transparent;
  --color-focus: rgba(51,51,51,0.35);
  --color-pane: transparent;
  --color-danger: #dc2626;
  --color-shadow: rgb(0 0 0 / 0.07);
  --color-row-unread: transparent;
  --color-row-unread-hover: rgba(51,51,51,0.035);
  --color-row-read: transparent;
  --color-row-read-hover: rgba(51,51,51,0.035);
  --color-row-selected: rgba(51,51,51,0.09);
  --color-avatar: rgba(51,51,51,0.07);
  --color-avatar-text: rgba(51,51,51,0.62);
  --color-canvas: #f0f0f0;
  --color-surface: #ffffff;
  --color-sub-glass: #f5f5f5;
  --color-container-from: #ffffff;
  --color-container-to: #ffffff;
  --color-accent: #bbd93a;
  --color-accent-soft: rgba(187,217,58,0.12);
  --color-accent-contrast: #363f24;
  --color-accent-fill: #bbd93a;
}
@media (prefers-color-scheme: dark) {
  :root:root:not([data-theme]) {
  color-scheme: dark;
  --color-surface-2: rgba(255,255,255,0.025);
  --color-surface-3: rgba(255,255,255,0.04);
  --color-line: rgba(255,255,255,0.06);
  --color-line-strong: rgba(255,255,255,0.10);
  --color-text: rgba(255,255,255,0.96);
  --color-text-soft: rgba(255,255,255,0.62);
  --color-text-faint: rgba(255,255,255,0.42);
  --color-selected: rgba(255,255,255,0.07);
  --color-selected-text: rgba(255,255,255,0.96);
  --color-selected-mark: transparent;
  --color-focus: rgba(255,255,255,0.40);
  --color-sub-glass: rgba(0,0,0,0.25);
  --color-pane: transparent;
  --color-danger: #ef4444;
  --color-shadow: rgb(0 0 0 / 0.55);
  --color-row-unread: rgba(255,255,255,0.045);
  --color-row-unread-hover: rgba(255,255,255,0.07);
  --color-row-read: rgba(0,0,0,0.22);
  --color-row-read-hover: rgba(0,0,0,0.10);
  --color-row-selected: rgba(255,255,255,0.10);
  --color-avatar: rgba(255,255,255,0.09);
  --color-avatar-text: rgba(255,255,255,0.72);
  --color-canvas: #101208;
  --color-surface: #181b10;
  --color-container-from: #1e2215;
  --color-container-to: #15180e;
  --color-accent: #bbd93a;
  --color-accent-soft: rgba(187,217,58,0.12);
  --color-accent-contrast: #363f24;
  --color-accent-fill: #bbd93a;
  }
}
:root:root[data-theme="dark"] {
  color-scheme: dark;
  --color-surface-2: rgba(255,255,255,0.025);
  --color-surface-3: rgba(255,255,255,0.04);
  --color-line: rgba(255,255,255,0.06);
  --color-line-strong: rgba(255,255,255,0.10);
  --color-text: rgba(255,255,255,0.96);
  --color-text-soft: rgba(255,255,255,0.62);
  --color-text-faint: rgba(255,255,255,0.42);
  --color-selected: rgba(255,255,255,0.07);
  --color-selected-text: rgba(255,255,255,0.96);
  --color-selected-mark: transparent;
  --color-focus: rgba(255,255,255,0.40);
  --color-sub-glass: rgba(0,0,0,0.25);
  --color-pane: transparent;
  --color-danger: #ef4444;
  --color-shadow: rgb(0 0 0 / 0.55);
  --color-row-unread: rgba(255,255,255,0.045);
  --color-row-unread-hover: rgba(255,255,255,0.07);
  --color-row-read: rgba(0,0,0,0.22);
  --color-row-read-hover: rgba(0,0,0,0.10);
  --color-row-selected: rgba(255,255,255,0.10);
  --color-avatar: rgba(255,255,255,0.09);
  --color-avatar-text: rgba(255,255,255,0.72);
  --color-canvas: #101208;
  --color-surface: #181b10;
  --color-container-from: #1e2215;
  --color-container-to: #15180e;
  --color-accent: #bbd93a;
  --color-accent-soft: rgba(187,217,58,0.12);
  --color-accent-contrast: #363f24;
  --color-accent-fill: #bbd93a;
}