[data-theme="light"] {
  --color-blue: #0044FF;
  --color-orange: #FF4400;
  --color-green: #115511;
  --color-violet: #EE00FF;
  --color-magenta: #FF0088;
  --color-red: #F40000;
  --color-fandango: #660000;
  --color-sky: #0088FF;
  --color-teal: #113E55;
  --color-emerald: #229D00;
  --color-lime: #99CC00;
  --color-yellow: #FFBB00;
  --color-white: #FFFFFF;
  --color-black: #0A0A0A;
  --color-grey: #F5F5F5;
  --color-blackPale: #C4C4C4;
  --color-bluePale: #C2D2FF;
  --color-orangePale: #FFD2C2;
  --color-greenPale: #C6D6C6;
  --color-violetPale: #FBC2FF;
  --color-magentaPale: #FFC2E2;
  --color-redPale: #FCC2C2;
  --color-fandangoPale: #DAC2C2;
  --color-skyPale: #C2E2FF;
  --color-tealPale: #C6D1D6;
  --color-emeraldPale: #CAE7C2;
  --color-limePale: #E7F3C2;
  --color-yellowPale: #FFEFC2;
  --color-greyPale: #FFFFFF;
  --color-bl80: #3B3B3B;
  --color-bl64: #626262;
  --color-bl48: #898989;
  --color-bl32: #B1B1B1;
  --color-bl24: #C4C4C4;
  --color-bl16: #D8D8D8;
  --color-bl08: #EBEBEB;
  --color-bl04: #F5F5F5;
  --color-bl02: #FAFAFA;
  --color-w80: #FDFDFD;
  --color-w64: #FBFBFB;
  --color-w48: #FAFAFA;
  --color-w32: #F8F8F8;
  --color-w24: #F7F7F7;
  --color-w16: #F7F7F7;
  --color-w08: #FEFEFE;
  --color-w04: #F5F5F5;
  --color-b80: #3369FF;
  --color-b64: #5C87FF;
  --color-b48: #85A5FF;
  --color-b32: #ADC3FF;
  --color-b24: #C2D2FF;
  --color-b16: #D6E1FF;
  --color-b08: #EBF0FF;
  --color-b04: #F5F8FF;
  --color-o80: #FF6933;
  --color-o64: #FF875C;
  --color-o48: #FFA585;
  --color-o32: #FFC3AD;
  --color-o24: #FFD2C2;
  --color-o16: #FFE1D6;
  --color-o08: #FFF0EB;
  --color-o04: #FFF8F5;
  --color-g80: #417741;
  --color-g64: #679267;
  --color-g48: #8DAD8D;
  --color-g32: #B3C9B3;
  --color-g24: #C6D6C6;
  --color-g16: #D9E4D9;
  --color-g08: #ECF1EC;
  --color-g04: #F5F8F5;
  --color-v80: #F133FF;
  --color-v64: #F45CFF;
  --color-v48: #F785FF;
  --color-v32: #FAADFF;
  --color-v24: #FBC2FF;
  --color-v16: #FCD6FF;
  --color-v08: #FEEBFF;
  --color-v04: #FEF5FF;
  --color-m80: #FF33A0;
  --color-m64: #FF5CB3;
  --color-m48: #FF85C6;
  --color-m32: #FFADD9;
  --color-m24: #FFC2E2;
  --color-m16: #FFD6EC;
  --color-m08: #FFEBF5;
  --color-m04: #FFF5FA;
  --color-r80: #F63333;
  --color-r64: #F85C5C;
  --color-r48: #FA8585;
  --color-r32: #FBADAD;
  --color-r24: #FCC2C2;
  --color-r16: #FDD6D6;
  --color-r08: #FEEBEB;
  --color-r04: #FFF5F5;
  --color-f80: #853333;
  --color-f64: #9D5C5C;
  --color-f48: #B68585;
  --color-f32: #CEADAD;
  --color-f24: #DAC2C2;
  --color-f16: #E7D6D6;
  --color-f08: #F3EBEB;
  --color-f04: #F9F5F5;
  --color-s80: #33A0FF;
  --color-s64: #5CB3FF;
  --color-s48: #85C6FF;
  --color-s32: #ADD9FF;
  --color-s24: #C2E2FF;
  --color-s16: #D6ECFF;
  --color-s08: #EBF5FF;
  --color-s04: #F5FAFF;
  --color-y80: #FFC933;
  --color-y64: #FFD35C;
  --color-y48: #FFDE85;
  --color-y32: #FFE9AD;
  --color-y24: #FFEFC2;
  --color-y16: #FFF4D6;
  --color-y08: #FFFAEB;
  --color-y04: #FFFCF5;
  --color-t80: #416577;
  --color-t64: #678392;
  --color-t48: #8DA2AD;
  --color-t32: #B3C1C9;
  --color-t24: #C6D1D6;
  --color-t16: #D9E0E4;
  --color-t08: #ECF0F1;
  --color-t04: #F5F7F8;
  --color-e80: #4EB133;
  --color-e64: #72C05C;
  --color-e48: #95D085;
  --color-e32: #B8E0AD;
  --color-e24: #CAE7C2;
  --color-e16: #DCEFD6;
  --color-e08: #EDF7EB;
  --color-e04: #F6FBF5;
  --color-l80: #ADD633;
  --color-l64: #BEDE5C;
  --color-l48: #CEE785;
  --color-l32: #DEEFAD;
  --color-l24: #E7F3C2;
  --color-l16: #EFF7D6;
  --color-l08: #F7FBEB;
  --color-l04: #FBFDF5;
  --text-primary: var(--color-black);
  --text-secondary: var(--color-bl64);
  --text-tertiary: var(--color-bl48);
  --text-skeleton: var(--color-bl16);
  --text-inverted: var(--color-white);
  --textRedaction-fill: var(--color-black);
  --textRedaction-text: var(--color-white);
  --textCitation-fill: var(--color-bl08);
  --textCitation-text: var(--color-bl80);
  --fill-elevation0: var(--color-bl04);
  --fill-elevation1: var(--color-bl02);
  --fill-elevation2: var(--color-white);
  --fill-elevation3: var(--color-white);
  --fill-shade: var(--color-bl04);
  --fill-dialogBlanket: var(--color-bl64);
  --fillCanvas-fill: var(--color-bl04);
  --fillCanvas-dot: var(--color-bl32);
  --stroke-outline: var(--color-bl16);
  --stroke-divider: var(--color-bl16);
  --stroke-iconPrimary: var(--color-black);
  --stroke-iconSecondary: var(--color-bl64);
  --stroke-iconTertiary: var(--color-bl48);
  --stroke-iconMagic: var(--color-blue);
  --accent-black: var(--color-black);
  --accent-grey: var(--color-grey);
  --accent-violet: var(--color-violet);
  --accent-blue: var(--color-blue);
  --accent-teal: var(--color-teal);
  --accent-green: var(--color-green);
  --accent-emerald: var(--color-emerald);
  --accent-lime: var(--color-lime);
  --accent-yellow: var(--color-yellow);
  --accent-orange: var(--color-orange);
  --accent-red: var(--color-red);
  --accent-magenta: var(--color-magenta);
  --accent-fandango: var(--color-fandango);
  --accentTextFor-black: var(--color-white);
  --accentTextFor-grey: var(--color-black);
  --accentTextFor-violet: var(--color-black);
  --accentTextFor-blue: var(--color-white);
  --accentTextFor-teal: var(--color-white);
  --accentTextFor-green: var(--color-white);
  --accentTextFor-emerald: var(--color-black);
  --accentTextFor-lime: var(--color-black);
  --accentTextFor-yellow: var(--color-black);
  --accentTextFor-orange: var(--color-black);
  --accentTextFor-red: var(--color-black);
  --accentTextFor-magenta: var(--color-black);
  --accentTextFor-fandango: var(--color-white);
  --accentPale-black: var(--color-blackPale);
  --accentPale-grey: var(--color-greyPale);
  --accentPale-violet: var(--color-violetPale);
  --accentPale-blue: var(--color-bluePale);
  --accentPale-teal: var(--color-tealPale);
  --accentPale-green: var(--color-greenPale);
  --accentPale-emerald: var(--color-emeraldPale);
  --accentPale-lime: var(--color-limePale);
  --accentPale-yellow: var(--color-yellowPale);
  --accentPale-orange: var(--color-orangePale);
  --accentPale-red: var(--color-redPale);
  --accentPale-magenta: var(--color-magentaPale);
  --accentPale-fandango: var(--color-fandangoPale);
  --accentPaleTextFor-black: var(--color-white);
  --accentPaleTextFor-grey: var(--color-grey);
  --accentPaleTextFor-violet: var(--color-violet);
  --accentPaleTextFor-blue: var(--color-blue);
  --accentPaleTextFor-teal: var(--color-teal);
  --accentPaleTextFor-green: var(--color-green);
  --accentPaleTextFor-emerald: var(--color-emerald);
  --accentPaleTextFor-lime: var(--color-lime);
  --accentPaleTextFor-yellow: var(--color-yellow);
  --accentPaleTextFor-orange: var(--color-orange);
  --accentPaleTextFor-red: var(--color-red);
  --accentPaleTextFor-magenta: var(--color-magenta);
  --accentPaleTextFor-fandango: var(--color-fandango);
  --effect-shadow: var(--color-bl48);
  --effect-shadowSubtle: var(--color-bl48);
  --highlight-base: var(--color-white);
  --interactSubtleBackground-fillDefault: transparent;
  --interactSubtleBackground-fillFocus: var(--color-white);
  --interactSubtleBackground-fillHover: var(--color-bl04);
  --interactSubtleBackground-fillActive: var(--color-bl08);
  --interactSubtleBackground-fillDisable: var(--color-white);
  --interactSubtleBackground-fillOn: var(--color-b16);
  --interactSubtleBackground-fillOnHover: var(--color-b24);
  --interactSubtleBackground-fillOnActive: var(--color-b16);
  --interactSubtleBackground-strokeDefault: var(--color-bl16);
  --interactSubtleBackground-strokeHover: var(--color-bl24);
  --interactSubtleBackground-strokeOn: var(--color-blue);
  --interactSubtleForeground-default: var(--color-black);
  --interactSubtleForeground-on: var(--color-blue);
  --interactSubtleForeground-disabled: var(--color-bl80);
  --interactSubtleDestructiveBackground-fillDefault: transparent;
  --interactSubtleDestructiveBackground-fillFocus: transparent;
  --interactSubtleDestructiveBackground-fillHover: transparent;
  --interactSubtleDestructiveBackground-fillActive: var(--color-r08);
  --interactSubtleDestructiveBackground-fillOn: transparent;
  --interactSubtleDestructiveBackground-fillDisabled: transparent;
  --interactSubtleDestructiveBackground-strokeDefault: var(--color-red);
  --interactSubtleDestructiveForeground-default: var(--color-red);
  --interactSubtleDestructiveForeground-hover: var(--color-r80);
  --interactSubtleDestructiveForeground-disabled: var(--color-r64);
  --interactSecondaryBackground-fillDefault: transparent;
  --interactSecondaryBackground-fillFocus: var(--color-white);
  --interactSecondaryBackground-fillHover: var(--color-white);
  --interactSecondaryBackground-fillActive: var(--color-bl08);
  --interactSecondaryBackground-fillDisable: var(--color-white);
  --interactSecondaryBackground-fillOn: var(--color-white);
  --interactSecondaryBackground-fillOnActive: var(--color-b08);
  --interactSecondaryBackground-strokeDefault: var(--color-bl16);
  --interactSecondaryBackground-strokeHover: var(--color-bl24);
  --interactSecondaryBackground-strokeOn: var(--color-blue);
  --interactSecondaryBackground-strokeOnHover: var(--color-b80);
  --interactSecondaryForeground-default: var(--color-black);
  --interactSecondaryForeground-defaultHover: var(--color-bl64);
  --interactSecondaryForeground-defaultActive: var(--color-bl64);
  --interactSecondaryForeground-on: var(--color-blue);
  --interactSecondaryForeground-onHover: var(--color-b80);
  --interactSecondaryForeground-disabled: var(--color-bl80);
  --interactSecondaryDestructiveBackground-fillDefault: transparent;
  --interactSecondaryDestructiveBackground-fillFocus: transparent;
  --interactSecondaryDestructiveBackground-fillHover: transparent;
  --interactSecondaryDestructiveBackground-fillActive: var(--color-r08);
  --interactSecondaryDestructiveBackground-fillOn: transparent;
  --interactSecondaryDestructiveBackground-fillDisabled: transparent;
  --interactSecondaryDestructiveBackground-strokeDefault: var(--color-red);
  --interactPrimaryBackground-fillDefault: var(--color-black);
  --interactPrimaryBackground-fillFocus: var(--color-black);
  --interactPrimaryBackground-fillHover: var(--color-bl80);
  --interactPrimaryBackground-fillActive: var(--color-bl64);
  --interactPrimaryBackground-fillOn: var(--color-blue);
  --interactPrimaryBackground-fillOnHover: var(--color-b80);
  --interactPrimaryBackground-fillOnActive: var(--color-b64);
  --interactPrimaryBackground-fillPressed: var(--color-b48);
  --interactPrimaryBackground-fillPressedHover: var(--color-b48);
  --interactPrimaryBackground-fillPressedActive: var(--color-b64);
  --interactPrimaryBackground-fillDisabled: var(--color-bl80);
  --interactPrimaryBackground-strokeFocus: var(--color-b48);
  --interactPrimaryForeground-default: var(--color-white);
  --interactPrimaryForeground-disabled: var(--color-white);
  --interactLinkForeground-default: var(--color-blue);
  --interactLinkForeground-hover: var(--color-b64);
  --interactLinkForeground-active: var(--color-b80);
  --interactLinkForeground-disabled: var(--color-b64);
  --interactCardBackground-fillDefault: var(--color-white);
  --interactCardBackground-fillFocus: var(--color-white);
  --interactCardBackground-fillHover: var(--color-white);
  --interactCardBackground-fillActive: var(--color-bl08);
  --interactCardBackground-fillDisable: var(--color-white);
  --interactCardBackground-fillOn: var(--color-white);
  --interactCardBackground-strokeDefault: var(--color-bl16);
  --interactCardBackground-strokeHover: var(--color-bl24);
  --interactCardBackground-strokeOn: var(--color-blue);
  --interactCardForeground-default: var(--color-black);
  --interactCardForeground-on: var(--color-blue);
  --interactCardForeground-disabled: var(--color-bl80);
  --interactCardDestructiveBackground-fillDefault: transparent;
  --interactCardDestructiveBackground-fillFocus: transparent;
  --interactCardDestructiveBackground-fillHover: transparent;
  --interactCardDestructiveBackground-fillActive: var(--color-r08);
  --interactCardDestructiveBackground-fillOn: transparent;
  --interactCardDestructiveBackground-fillDisabled: transparent;
  --interactCardDestructiveBackground-strokeDefault: var(--color-red);
  --interactCardDestructiveForeground-default: var(--color-red);
  --interactCardDestructiveForeground-hover: var(--color-r80);
  --interactCardDestructiveForeground-disabled: var(--color-r64);
  --id-fillNew: var(--color-blue);
  --id-fillAvatar: var(--color-bl08);
  --id-fillMagicAvatar: var(--color-b24);
  --idLozenge-background: var(--color-bl08);
  --idLozenge-foreground: var(--color-black);
  --idProgressDot-active: var(--color-blue);
  --idProgressDot-inactive: var(--color-bl24);
  --inputRadio-fill: var(--color-white);
  --inputRadio-selectedNotchFill: var(--color-blue);
  --inputCheckbox-fillSelected: var(--color-blue);
  --inputCheckbox-fillMixedSelection: var(--color-white);
  --inputCheckbox-fillUnselected: var(--color-white);
  --inputCheckbox-fillDisabled: var(--color-bl48);
  --inputCheckbox-strokeCheck: var(--color-white);
  --inputCheckbox-strokeDash: var(--color-bl48);
  --inputDatePicker-tileBgIdle: transparent;
  --inputDatePicker-tileBgSelectedSecondary: var(--color-b16);
  --inputDatePicker-tileBgSelectedPrimary: var(--color-blue);
  --inputDatePicker-tileTextIdle: var(--color-black);
  --inputDatePicker-tileTextSelectedSecondary: var(--color-blue);
  --inputDatePicker-tileTextSelectedPrimary: var(--color-white);
  --inputToggle-off: var(--color-bl48);
  --inputToggle-on: var(--color-blue);
  --inputToggle-notch: var(--color-white);
  --inputTextInputBackground-fillDefault: var(--color-bl04);
  --inputTextInputBackground-fillHover: var(--color-bl08);
  --inputTextInputBackground-fillActive: var(--color-bl04);
  --inputTextInputBackground-fillTransparent: transparent;
  --inputTextInputBackground-strokeDefault: var(--color-bl16);
  --inputTextInputBackground-strokeHover: var(--color-bl24);
  --inputTextInputBackground-strokeActive: var(--color-b48);
  --inputTextInputForeground-filled: var(--color-black);
  --inputTextInputForeground-placeholder: var(--color-bl64);
  --messagePanelSummary-bg: var(--color-white);
  --messagePanelSummary-fg: var(--color-black);
  --messagePanelHelp-fill: var(--color-bl16);
  --mention-bg: transparent;
  --mention-fg: var(--color-blue);
  --messageToast-fillDefault: var(--color-black);
  --messageToast-text: var(--color-white);
  --messageToast-defaultButtonText: var(--color-white);
  --messageToast-fillError: var(--color-r80);
  --messageToast-errorButtonText: var(--color-w80);
  --messageToast-fillWarning: var(--color-yellow);
  --messageToast-warningButtonText: var(--color-w80);
  --messageToast-progressFill: var(--color-white);
  --messageToast-progressEmpty: var(--color-w32);
  --messageTooltip-fill: var(--color-black);
  --messageTooltip-outline: transparent;
  --messageTooltip-textPrimary: var(--color-white);
  --messageTooltip-textSecondary: var(--color-w64);
  --messageAlertBanner-bg: var(--color-y16);
  --messageAlertBanner-bgError: var(--color-r16);
  --messageAlertBanner-fg: var(--color-black);
  --mediaAudioVideo-loading: var(--color-bl16);
  --mediaAudioVideo-fillVideoGradient1: var(--color-w04);
  --mediaAudioVideo-fillVideoGradient2: var(--color-black);
  --media-bg: var(--color-bl16);
  --audioPlayer-bg: var(--color-bl16);
  --audioPlayer-primary: var(--color-black);
  --audioPlayer-secondary: var(--color-bl64);
  --audioPlayer-accent: var(--color-sky);
  --videoPlayer-bg: var(--color-bl80);
  --videoPlayer-primary: var(--color-white);
  --videoPlayer-secondary: var(--color-bl64);
  --videoPlayer-accent: var(--color-sky);
  --videoPlayer-gradientTop: transparent;
  --videoPlayer-gradientBottom: var(--color-black);
  --mediaChart-blue: var(--color-blue);
  --mediaChart-orange: var(--color-orange);
  --mediaChart-green: var(--color-green);
  --mediaChart-violet: var(--color-violet);
  --mediaChart-yellow: var(--color-yellow);
  --mediaChart-red: var(--color-red);
  --logo-background: transparent;
  --logo-foreground: var(--color-black);
}

[data-theme="dark"] {
  --color-blue: #5588FF;
  --color-orange: #FF4400;
  --color-green: #009900;
  --color-violet: #EE00FF;
  --color-magenta: #FF0088;
  --color-red: #F40000;
  --color-fandango: #BB0000;
  --color-sky: #66BBFF;
  --color-teal: #0066AA;
  --color-emerald: #22CC00;
  --color-lime: #99CC00;
  --color-yellow: #FFBB00;
  --color-white: #F4F4F4;
  --color-black: #0A0A0A;
  --color-grey: #121212;
  --color-blackPale: #848484;
  --color-bluePale: #1C2845;
  --color-orangePale: #451808;
  --color-greenPale: #082C08;
  --color-violetPale: #410845;
  --color-magentaPale: #450828;
  --color-redPale: #420808;
  --color-fandangoPale: #340808;
  --color-skyPale: #203445;
  --color-tealPale: #082030;
  --color-emeraldPale: #103908;
  --color-limePale: #2C3908;
  --color-yellowPale: #453408;
  --color-greyPale: #212121;
  --color-bl80: #121212;
  --color-bl64: #191919;
  --color-bl48: #212121;
  --color-bl32: #2C2C2C;
  --color-bl24: #3B3B3B;
  --color-bl16: #4F4F4F;
  --color-bl08: #626262;
  --color-bl04: #7C7C7C;
  --color-bl02: #BDBDBD;
  --color-w80: #D0D0D0;
  --color-w64: #AAAAAA;
  --color-w48: #848484;
  --color-w32: #5E5E5E;
  --color-w24: #4B4B4B;
  --color-w16: #383838;
  --color-w08: #252525;
  --color-w04: #1B1B1B;
  --color-b80: #466FCE;
  --color-b64: #3A5BA7;
  --color-b48: #2E4680;
  --color-b32: #223258;
  --color-b24: #1C2845;
  --color-b16: #161E31;
  --color-b08: #10141E;
  --color-b04: #0D0F14;
  --color-o80: #CE3802;
  --color-o64: #A73F04;
  --color-o48: #802605;
  --color-o32: #581D07;
  --color-o24: #451808;
  --color-o16: #311308;
  --color-o08: #1E0F09;
  --color-o04: #140C0A;
  --color-g80: #027C02;
  --color-g64: #046604;
  --color-g48: #054F05;
  --color-g32: #073807;
  --color-g24: #082C08;
  --color-g16: #082108;
  --color-g08: #091509;
  --color-g04: #0A100A;
  --color-v80: #C002CE;
  --color-v64: #9C04A7;
  --color-v48: #770580;
  --color-v32: #530758;
  --color-v24: #410845;
  --color-v16: #2E0831;
  --color-v08: #1C091E;
  --color-v04: #130A14;
  --color-m80: #CE026F;
  --color-m64: #A7045B;
  --color-m48: #800546;
  --color-m32: #580732;
  --color-m24: #450828;
  --color-m16: #31081E;
  --color-m08: #1E0914;
  --color-m04: #140A0F;
  --color-r80: #C50202;
  --color-r64: #A00404;
  --color-r48: #7A0505;
  --color-r32: #550707;
  --color-r24: #420808;
  --color-r16: #2F0808;
  --color-r08: #1D0909;
  --color-r04: #130A0A;
  --color-f80: #980202;
  --color-f64: #7B0404;
  --color-f48: #5F0505;
  --color-f32: #430707;
  --color-f24: #340808;
  --color-f16: #260808;
  --color-f08: #180909;
  --color-f04: #110A0A;
  --color-s80: #5498CE;
  --color-s64: #457BA7;
  --color-s48: #365F80;
  --color-s32: #274358;
  --color-s24: #203445;
  --color-s16: #192631;
  --color-s08: #11181E;
  --color-s04: #0E1114;
  --color-t80: #02548A;
  --color-t64: #044570;
  --color-t48: #053657;
  --color-t32: #07273D;
  --color-t24: #082030;
  --color-t16: #081924;
  --color-t08: #091117;
  --color-t04: #0A0E10;
  --color-e80: #1DA502;
  --color-e64: #198604;
  --color-e48: #166705;
  --color-e32: #124807;
  --color-e24: #103908;
  --color-e16: #0E2908;
  --color-e08: #0C1A09;
  --color-e04: #0B120A;
  --color-l80: #7CA502;
  --color-l64: #668604;
  --color-l48: #4F6705;
  --color-l32: #384807;
  --color-l24: #2C3908;
  --color-l16: #212908;
  --color-l08: #151A09;
  --color-l04: #10120A;
  --color-y80: #CE9802;
  --color-y64: #A77B04;
  --color-y48: #805F05;
  --color-y32: #584307;
  --color-y24: #453408;
  --color-y16: #312608;
  --color-y08: #1E1809;
  --color-y04: #14110A;
  --text-primary: var(--color-white);
  --text-secondary: var(--color-w64);
  --text-tertiary: var(--color-w48);
  --text-skeleton: var(--color-w24);
  --text-inverted: var(--color-black);
  --textRedaction-fill: var(--color-w80);
  --textRedaction-text: var(--color-black);
  --textCitation-fill: var(--color-w16);
  --textCitation-text: var(--color-w80);
  --fill-elevation0: var(--color-bl80);
  --fill-elevation1: var(--color-bl64);
  --fill-elevation2: var(--color-bl48);
  --fill-elevation3: var(--color-bl48);
  --fill-shade: var(--color-w04);
  --fill-dialogBlanket: var(--color-bl64);
  --fillCanvas-fill: var(--color-bl80);
  --fillCanvas-dot: var(--color-w32);
  --stroke-outline: var(--color-w16);
  --stroke-divider: var(--color-w16);
  --stroke-iconPrimary: var(--color-white);
  --stroke-iconSecondary: var(--color-w64);
  --stroke-iconTertiary: var(--color-w48);
  --stroke-iconMagic: var(--color-blue);
  --accent-black: var(--color-white);
  --accent-grey: var(--color-grey);
  --accent-violet: var(--color-violet);
  --accent-blue: var(--color-blue);
  --accent-teal: var(--color-teal);
  --accent-green: var(--color-green);
  --accent-emerald: var(--color-emerald);
  --accent-lime: var(--color-lime);
  --accent-yellow: var(--color-yellow);
  --accent-orange: var(--color-orange);
  --accent-red: var(--color-red);
  --accent-magenta: var(--color-magenta);
  --accent-fandango: var(--color-fandango);
  --accentTextFor-black: var(--color-black);
  --accentTextFor-grey: var(--color-white);
  --accentTextFor-violet: var(--color-black);
  --accentTextFor-blue: var(--color-black);
  --accentTextFor-teal: var(--color-white);
  --accentTextFor-green: var(--color-black);
  --accentTextFor-emerald: var(--color-black);
  --accentTextFor-lime: var(--color-black);
  --accentTextFor-yellow: var(--color-black);
  --accentTextFor-orange: var(--color-black);
  --accentTextFor-red: var(--color-black);
  --accentTextFor-magenta: var(--color-black);
  --accentTextFor-fandango: var(--color-white);
  --accentPale-black: var(--color-blackPale);
  --accentPale-grey: var(--color-greyPale);
  --accentPale-violet: var(--color-violetPale);
  --accentPale-blue: var(--color-bluePale);
  --accentPale-teal: var(--color-tealPale);
  --accentPale-green: var(--color-greenPale);
  --accentPale-emerald: var(--color-emeraldPale);
  --accentPale-lime: var(--color-limePale);
  --accentPale-yellow: var(--color-yellowPale);
  --accentPale-orange: var(--color-orangePale);
  --accentPale-red: var(--color-redPale);
  --accentPale-magenta: var(--color-magentaPale);
  --accentPale-fandango: var(--color-fandangoPale);
  --accentPaleTextFor-black: var(--color-white);
  --accentPaleTextFor-grey: var(--color-grey);
  --accentPaleTextFor-violet: var(--color-violet);
  --accentPaleTextFor-blue: var(--color-blue);
  --accentPaleTextFor-teal: var(--color-teal);
  --accentPaleTextFor-green: var(--color-green);
  --accentPaleTextFor-emerald: var(--color-emerald);
  --accentPaleTextFor-lime: var(--color-lime);
  --accentPaleTextFor-yellow: var(--color-yellow);
  --accentPaleTextFor-orange: var(--color-orange);
  --accentPaleTextFor-red: var(--color-red);
  --accentPaleTextFor-magenta: var(--color-magenta);
  --accentPaleTextFor-fandango: var(--color-fandango);
  --effect-shadow: transparent;
  --effect-shadowSubtle: transparent;
  --highlight-base: var(--color-bl32);
  --interactSubtleBackground-fillDefault: transparent;
  --interactSubtleBackground-fillFocus: transparent;
  --interactSubtleBackground-fillHover: var(--color-w08);
  --interactSubtleBackground-fillActive: var(--color-w16);
  --interactSubtleBackground-fillDisable: transparent;
  --interactSubtleBackground-fillOn: var(--color-b16);
  --interactSubtleBackground-fillOnHover: var(--color-b24);
  --interactSubtleBackground-fillOnActive: var(--color-b16);
  --interactSubtleBackground-strokeDefault: var(--color-w24);
  --interactSubtleBackground-strokeHover: var(--color-w32);
  --interactSubtleBackground-strokeOn: var(--color-blue);
  --interactSubtleForeground-default: var(--color-white);
  --interactSubtleForeground-on: var(--color-blue);
  --interactSubtleForeground-disabled: var(--color-w64);
  --interactSubtleDestructiveBackground-fillDefault: transparent;
  --interactSubtleDestructiveBackground-fillFocus: transparent;
  --interactSubtleDestructiveBackground-fillHover: transparent;
  --interactSubtleDestructiveBackground-fillActive: var(--color-r16);
  --interactSubtleDestructiveBackground-fillOn: transparent;
  --interactSubtleDestructiveBackground-fillDisabled: transparent;
  --interactSubtleDestructiveBackground-strokeDefault: var(--color-red);
  --interactSubtleDestructiveForeground-default: var(--color-red);
  --interactSubtleDestructiveForeground-hover: var(--color-r80);
  --interactSubtleDestructiveForeground-disabled: var(--color-r64);
  --interactSecondaryBackground-fillDefault: transparent;
  --interactSecondaryBackground-fillFocus: transparent;
  --interactSecondaryBackground-fillHover: transparent;
  --interactSecondaryBackground-fillActive: var(--color-w16);
  --interactSecondaryBackground-fillDisable: transparent;
  --interactSecondaryBackground-fillOn: var(--color-bl80);
  --interactSecondaryBackground-fillOnActive: var(--color-b08);
  --interactSecondaryBackground-strokeDefault: var(--color-w24);
  --interactSecondaryBackground-strokeHover: var(--color-w32);
  --interactSecondaryBackground-strokeOn: var(--color-blue);
  --interactSecondaryBackground-strokeOnHover: var(--color-b80);
  --interactSecondaryForeground-default: var(--color-white);
  --interactSecondaryForeground-defaultHover: var(--color-w64);
  --interactSecondaryForeground-defaultActive: var(--color-w64);
  --interactSecondaryForeground-on: var(--color-blue);
  --interactSecondaryForeground-onHover: var(--color-b80);
  --interactSecondaryForeground-disabled: var(--color-w64);
  --interactSecondaryDestructiveBackground-fillDefault: transparent;
  --interactSecondaryDestructiveBackground-fillFocus: transparent;
  --interactSecondaryDestructiveBackground-fillHover: transparent;
  --interactSecondaryDestructiveBackground-fillActive: var(--color-r16);
  --interactSecondaryDestructiveBackground-fillOn: transparent;
  --interactSecondaryDestructiveBackground-fillDisabled: transparent;
  --interactSecondaryDestructiveBackground-strokeDefault: var(--color-red);
  --interactPrimaryBackground-fillDefault: var(--color-white);
  --interactPrimaryBackground-fillFocus: var(--color-white);
  --interactPrimaryBackground-fillHover: var(--color-w80);
  --interactPrimaryBackground-fillActive: var(--color-w64);
  --interactPrimaryBackground-fillOn: var(--color-blue);
  --interactPrimaryBackground-fillOnHover: var(--color-b80);
  --interactPrimaryBackground-fillOnActive: var(--color-b64);
  --interactPrimaryBackground-fillPressed: var(--color-b48);
  --interactPrimaryBackground-fillPressedHover: var(--color-b48);
  --interactPrimaryBackground-fillPressedActive: var(--color-b64);
  --interactPrimaryBackground-fillDisabled: var(--color-w64);
  --interactPrimaryBackground-strokeFocus: var(--color-b48);
  --interactPrimaryForeground-default: var(--color-black);
  --interactPrimaryForeground-disabled: var(--color-bl80);
  --interactLinkForeground-default: var(--color-blue);
  --interactLinkForeground-hover: var(--color-b64);
  --interactLinkForeground-active: var(--color-b80);
  --interactLinkForeground-disabled: var(--color-b64);
  --interactCardBackground-fillDefault: transparent;
  --interactCardBackground-fillFocus: transparent;
  --interactCardBackground-fillHover: transparent;
  --interactCardBackground-fillActive: var(--color-w16);
  --interactCardBackground-fillDisable: transparent;
  --interactCardBackground-fillOn: var(--color-bl80);
  --interactCardBackground-strokeDefault: var(--color-w24);
  --interactCardBackground-strokeHover: var(--color-w32);
  --interactCardBackground-strokeOn: var(--color-blue);
  --interactCardForeground-default: var(--color-white);
  --interactCardForeground-on: var(--color-blue);
  --interactCardForeground-disabled: var(--color-w64);
  --interactCardDestructiveBackground-fillDefault: transparent;
  --interactCardDestructiveBackground-fillFocus: transparent;
  --interactCardDestructiveBackground-fillHover: transparent;
  --interactCardDestructiveBackground-fillActive: var(--color-r16);
  --interactCardDestructiveBackground-fillOn: transparent;
  --interactCardDestructiveBackground-fillDisabled: transparent;
  --interactCardDestructiveBackground-strokeDefault: var(--color-red);
  --interactCardDestructiveForeground-default: var(--color-red);
  --interactCardDestructiveForeground-hover: var(--color-r80);
  --interactCardDestructiveForeground-disabled: var(--color-r64);
  --id-fillNew: var(--color-blue);
  --id-fillAvatar: var(--color-bl16);
  --id-fillMagicAvatar: var(--color-b32);
  --idLozenge-background: var(--color-w16);
  --idLozenge-foreground: var(--color-white);
  --idProgressDot-active: var(--color-blue);
  --idProgressDot-inactive: var(--color-w24);
  --inputRadio-fill: var(--color-bl80);
  --inputRadio-selectedNotchFill: var(--color-blue);
  --inputCheckbox-fillSelected: var(--color-blue);
  --inputCheckbox-fillMixedSelection: var(--color-bl80);
  --inputCheckbox-fillUnselected: var(--color-bl48);
  --inputCheckbox-fillDisabled: var(--color-w48);
  --inputCheckbox-strokeCheck: var(--color-white);
  --inputCheckbox-strokeDash: var(--color-w48);
  --inputDatePicker-tileBgIdle: var(--color-bl80);
  --inputDatePicker-tileBgSelectedSecondary: var(--color-b24);
  --inputDatePicker-tileBgSelectedPrimary: var(--color-blue);
  --inputDatePicker-tileTextIdle: var(--color-w80);
  --inputDatePicker-tileTextSelectedSecondary: var(--color-white);
  --inputDatePicker-tileTextSelectedPrimary: var(--color-bl80);
  --inputToggle-off: var(--color-w48);
  --inputToggle-on: var(--color-blue);
  --inputToggle-notch: var(--color-black);
  --inputTextInputBackground-fillDefault: var(--color-bl48);
  --inputTextInputBackground-fillHover: var(--color-bl48);
  --inputTextInputBackground-fillActive: var(--color-bl48);
  --inputTextInputBackground-fillTransparent: transparent;
  --inputTextInputBackground-strokeDefault: var(--color-w24);
  --inputTextInputBackground-strokeHover: var(--color-w32);
  --inputTextInputBackground-strokeActive: var(--color-b48);
  --inputTextInputForeground-filled: var(--color-white);
  --inputTextInputForeground-placeholder: var(--color-w64);
  --messagePanelSummary-bg: var(--color-bl16);
  --messagePanelSummary-fg: var(--color-v64);
  --messagePanelHelp-fill: var(--color-w16);
  --mention-bg: transparent;
  --mention-fg: var(--color-blue);
  --messageToast-fillDefault: var(--color-b80);
  --messageToast-text: var(--color-white);
  --messageToast-defaultButtonText: var(--color-white);
  --messageToast-fillError: var(--color-r80);
  --messageToast-errorButtonText: var(--color-white);
  --messageToast-fillWarning: var(--color-yellow);
  --messageToast-warningButtonText: var(--color-white);
  --messageToast-progressFill: var(--color-black);
  --messageToast-progressEmpty: var(--color-w16);
  --messageTooltip-fill: var(--color-bl48);
  --messageTooltip-outline: var(--color-w24);
  --messageTooltip-textPrimary: var(--color-white);
  --messageTooltip-textSecondary: var(--color-w64);
  --messageAlertBanner-bg: var(--color-y16);
  --messageAlertBanner-bgError: var(--color-r16);
  --messageAlertBanner-fg: var(--color-white);
  --mediaAudioVideo-loading: var(--color-w08);
  --mediaAudioVideo-fillVideoGradient1: transparent;
  --mediaAudioVideo-fillVideoGradient2: var(--color-black);
  --media-bg: var(--color-w08);
  --audioPlayer-bg: var(--color-w08);
  --audioPlayer-primary: var(--color-white);
  --audioPlayer-secondary: var(--color-bl08);
  --audioPlayer-accent: var(--color-sky);
  --videoPlayer-bg: var(--color-bl24);
  --videoPlayer-primary: var(--color-white);
  --videoPlayer-secondary: var(--color-bl08);
  --videoPlayer-accent: var(--color-sky);
  --videoPlayer-gradientTop: transparent;
  --videoPlayer-gradientBottom: var(--color-black);
  --mediaChart-blue: var(--color-blue);
  --mediaChart-orange: var(--color-orange);
  --mediaChart-green: var(--color-green);
  --mediaChart-violet: var(--color-violet);
  --mediaChart-yellow: var(--color-yellow);
  --mediaChart-red: var(--color-red);
  --logo-background: var(--color-white);
  --logo-foreground: var(--color-black);
}


* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}

html {
  position: relative;
}

body {
  background-color: var(--fill-elevation0, #FFFFFF);
  color: var(--text-primary, #0C0020);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  margin: 0;
  padding: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

@media print {
  body {
    color-adjust: exact;
  }

  @page {
    margin: 0.5cm;
  }
}

a {
  color: inherit;
  outline: none;
  text-decoration: none;
}

p {
  margin: 0;
}

b, strong {
  font-weight: 600;
}

textarea, input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  -webkit-appearance: none;
}

button {
  font-family: inherit;
}

::-webkit-input-placeholder, ::placeholder {
  color: var(--inputTextInputForeground-placeholder, #898989);
  opacity: 1;
}

::-moz-focus-inner {
  border: 0 !important;
}

.intercom-namespace .intercom-with-namespace-zadi4c {
  background: none !important;
}