@media screen {
:root, .tdr-appearance-preview[data-preview-mode="light"] {
  --tdr-color-canvas: #EDEEF1;
  --tdr-color-background: #F6F6F9;
  --tdr-color-surface: #FCFCFF;
  --tdr-color-raised-surface: #FFFFFF;
  --tdr-color-muted-surface: #EDEEF1;
  --tdr-color-input-surface: #FFFFFF;
  --tdr-color-text-primary: #1A1C1E;
  --tdr-color-text-secondary: #454749;
  --tdr-color-border: #C6C6C9;
  --tdr-color-primary: #006494;
  --tdr-color-primary-text: #FFFFFF;
  --tdr-color-success: #1D5E2D;
  --tdr-color-success-text: #004619;
  --tdr-color-warning: #724A00;
  --tdr-color-warning-surface: #FFEEDC;
  --tdr-color-warning-text: #533500;
  --tdr-color-danger: #930001;
  --tdr-color-danger-surface: #FFEDEA;
  --tdr-color-danger-text: #7E0001;
  --tdr-color-danger-contrast-text: #FFFFFF;
  --tdr-color-focus: #635B70;
  --tdr-color-selection: #635B70;
  --tdr-color-grid-header: #E8E8EB;
  --tdr-color-grid-row: #FFFFFF;
  --tdr-color-grid-alternate: #F6F6F9;
  --tdr-color-grid-hover: #EDEEF1;
  --tdr-color-grid-selection: #635B70;
  --tdr-color-grid-selection-text: #FFFFFF;
  --tdr-color-grid-total: #E5E5E8;
  --tdr-color-border-strong: #76777A;
  --tdr-color-surface-hover: #E8E8EB;
  --tdr-color-surface-disabled: #E2E2E5;
  --tdr-color-text-disabled: #515255;
  --tdr-color-sidebar: #F3F3F6;
  --tdr-color-sidebar-raised: #F9F9FC;
  --tdr-color-sidebar-text: #2E3133;
  --tdr-color-navigation-selection-surface: #EADEF7;
  --tdr-color-navigation-selection-text: #1F182A;
  --tdr-color-navigation-selection-indicator: #574F64;
  --tdr-color-tool-strip-surface: #FCFCFF;
  --tdr-color-shell-header-surface: #F9F9FC;
  --tdr-color-menu-surface: #FFFFFF;
  --tdr-color-glass-top: rgba(255, 255, 255, 0.949);
  --tdr-color-glass-bottom: rgba(249, 249, 252, 0.918);
  --tdr-color-glass-border: rgba(255, 255, 255, 0.6);
  --tdr-color-glass-highlight: rgba(255, 255, 255, 0.439);
  --tdr-color-input-focus: #F7EDFF;
  --tdr-color-grid-warning: #FFEEDC;
  --tdr-color-grid-danger: #FFEDEA;
  --tdr-color-grid-success: #C6FFC7;
  --tdr-color-shadow-contact: rgba(0, 0, 0, 0.18);
  --tdr-color-shadow-ambient: rgba(0, 0, 0, 0.094);
  --tdr-color-transaction-alternate: #EAEBEE;
}
:root[data-tdr-theme="dark"], .tdr-appearance-preview[data-preview-mode="dark"] {
  --tdr-color-canvas: #111416;
  --tdr-color-background: #181A1C;
  --tdr-color-surface: #202224;
  --tdr-color-raised-surface: #2A2C2F;
  --tdr-color-muted-surface: #1C1E20;
  --tdr-color-input-surface: #26282A;
  --tdr-color-text-primary: #F3F3F6;
  --tdr-color-text-secondary: #C6C6C9;
  --tdr-color-border: #4A4B4E;
  --tdr-color-primary: #8ECDFF;
  --tdr-color-primary-text: #00344F;
  --tdr-color-success: #85C88B;
  --tdr-color-success-text: #A0E5A5;
  --tdr-color-warning: #F2AB39;
  --tdr-color-warning-surface: #533500;
  --tdr-color-warning-text: #FFCC85;
  --tdr-color-danger: #FF8A79;
  --tdr-color-danger-surface: #7E0001;
  --tdr-color-danger-text: #FFDAD5;
  --tdr-color-danger-contrast-text: #410000;
  --tdr-color-focus: #CDC2DB;
  --tdr-color-selection: #4B4358;
  --tdr-color-grid-header: #2E3133;
  --tdr-color-grid-row: #1E2022;
  --tdr-color-grid-alternate: #26282A;
  --tdr-color-grid-hover: #333537;
  --tdr-color-grid-selection: #4B4358;
  --tdr-color-grid-selection-text: #FFFFFF;
  --tdr-color-grid-total: #35373A;
  --tdr-color-border-strong: #9D9EA1;
  --tdr-color-surface-hover: #35373A;
  --tdr-color-surface-disabled: #3A3C3E;
  --tdr-color-text-disabled: #C6C6C9;
  --tdr-color-sidebar: #141618;
  --tdr-color-sidebar-raised: #1E2022;
  --tdr-color-sidebar-text: #F0F0F3;
  --tdr-color-navigation-selection-surface: #4B4358;
  --tdr-color-navigation-selection-text: #EADEF7;
  --tdr-color-navigation-selection-indicator: #BFB4CD;
  --tdr-color-tool-strip-surface: #1E2022;
  --tdr-color-shell-header-surface: #202224;
  --tdr-color-menu-surface: #2E3133;
  --tdr-color-glass-top: rgba(42, 44, 47, 0.949);
  --tdr-color-glass-bottom: rgba(32, 34, 36, 0.918);
  --tdr-color-glass-border: rgba(157, 158, 161, 0.4);
  --tdr-color-glass-highlight: rgba(198, 198, 201, 0.2);
  --tdr-color-input-focus: #3F384C;
  --tdr-color-grid-warning: #533500;
  --tdr-color-grid-danger: #7E0001;
  --tdr-color-grid-success: #004619;
  --tdr-color-shadow-contact: rgba(0, 0, 0, 0.502);
  --tdr-color-shadow-ambient: rgba(0, 0, 0, 0.251);
  --tdr-color-transaction-alternate: #313335;
}
}