:root,
[data-theme="light"] {
  --color-transparent: transparent;
  --color-white: #FFFFFF;
  --color-black: #0A0A0A;
  --color-b10: #F0F5FF;
  --color-b20: #DBE7FF;
  --color-b30: #C3D7FF;
  --color-b40: #95B8FF;
  --color-b50: #6798FF;
  --color-b60: #3873FF;
  --color-b70: #0044FF;
  --color-b80: #0038D8;
  --color-b90: #0029A6;
  --color-b100: #001A75;
  --color-b110: #000D48;
  --color-b120: #00082E;
  --color-e10: #D7FFF7;
  --color-e20: #C2F5EB;
  --color-e30: #9BEEDF;
  --color-e40: #82D4C6;
  --color-e50: #69BBAD;
  --color-e60: #50A295;
  --color-e70: #308B7E;
  --color-e80: #007569;
  --color-e90: #00564C;
  --color-e100: #003730;
  --color-e110: #001E1A;
  --color-e120: #000F0E;
  --color-g10: #E1FFDF;
  --color-g20: #CFFFCC;
  --color-g30: #A9EAA4;
  --color-g40: #8CCC88;
  --color-g50: #70AF6C;
  --color-g60: #549150;
  --color-g70: #367633;
  --color-g80: #236422;
  --color-g90: #154C14;
  --color-g100: #073407;
  --color-g110: #001F01;
  --color-g120: #001401;
  --color-l10: #E7FFC7;
  --color-l20: #DEFFBD;
  --color-l30: #BEF284;
  --color-l40: #A9DB6E;
  --color-l50: #94C558;
  --color-l60: #7FAF41;
  --color-l70: #6A9A23;
  --color-l80: #548000;
  --color-l90: #3B5C00;
  --color-l100: #233900;
  --color-l110: #101D00;
  --color-l120: #080F00;
  --color-m10: #FFF1F5;
  --color-m20: #FFE5ED;
  --color-m30: #FFD2DE;
  --color-m40: #FFB1C8;
  --color-m50: #FF8DB3;
  --color-m60: #FF619D;
  --color-m70: #FF0088;
  --color-m80: #D2006F;
  --color-m90: #99004F;
  --color-m100: #610030;
  --color-m110: #340017;
  --color-m120: #240015;
  --color-n10: #FAFAFA;
  --color-n20: #F5F5F5;
  --color-n30: #EBEBEB;
  --color-n40: #D8D8D8;
  --color-n50: #C4C4C4;
  --color-n60: #B1B1B1;
  --color-n70: #898989;
  --color-n80: #626262;
  --color-n90: #3B3B3B;
  --color-n100: #2C2C2C;
  --color-n110: #191919;
  --color-n120: #121212;
  --color-o10: #FFF2EE;
  --color-o20: #FFE8E0;
  --color-o30: #FFD6CB;
  --color-o40: #FFB9A6;
  --color-o50: #FF997F;
  --color-o60: #FF7553;
  --color-o70: #FF4400;
  --color-o80: #D23600;
  --color-o90: #982500;
  --color-o100: #601300;
  --color-o110: #320600;
  --color-o120: #1F0400;
  --color-r10: #FFF2F0;
  --color-r20: #FFE4E0;
  --color-r30: #FFCBC4;
  --color-r40: #FFA196;
  --color-r50: #FF7065;
  --color-r60: #EA4942;
  --color-r70: #CD2525;
  --color-r80: #B20010;
  --color-r90: #860009;
  --color-r100: #5A0004;
  --color-r110: #360001;
  --color-r120: #1F0001;
  --color-s10: #EFF6FF;
  --color-s20: #E0EEFF;
  --color-s30: #C9E1FF;
  --color-s40: #A3CCFF;
  --color-s50: #7CB7FF;
  --color-s60: #4FA0FF;
  --color-s70: #0088FF;
  --color-s80: #006FD3;
  --color-s90: #00509A;
  --color-s100: #003163;
  --color-s110: #001836;
  --color-s120: #001024;
  --color-v10: #F7F3FF;
  --color-v20: #EEE5FF;
  --color-v30: #E1D1FF;
  --color-v40: #CCADFF;
  --color-v50: #B888FF;
  --color-v60: #A65CFF;
  --color-v70: #9601FF;
  --color-v80: #7D00D6;
  --color-v90: #5D00A1;
  --color-v100: #3D006D;
  --color-v110: #230042;
  --color-v120: #18002E;
  --color-y10: #FFF4E0;
  --color-y20: #FFEBC7;
  --color-y30: #FFE9C2;
  --color-y40: #FFDEA3;
  --color-y50: #FFD381;
  --color-y60: #FFC758;
  --color-y70: #FFBB00;
  --color-y80: #CE9600;
  --color-y90: #8F6700;
  --color-y100: #523A00;
  --color-y110: #221600;
  --color-y120: #140D00;
  --text-primary: var(--color-black);
  --text-secondary: var(--color-n90);
  --text-tertiary: var(--color-n70);
  --text-skeleton: var(--color-n40);
  --text-inverted: var(--color-white);
  --textRedaction-fill: var(--color-black);
  --textRedaction-text: var(--color-white);
  --textCitation-fill: var(--color-n40);
  --textCitation-text: var(--color-black);
  --fill-elevation0: var(--color-n20);
  --fill-elevation1: var(--color-n10);
  --fill-elevation2: var(--color-white);
  --fill-elevation3: var(--color-white);
  --fill-shade: var(--color-n20);
  --fill-dialogBlanket: var(--color-n80);
  --fillCanvas-fill: var(--color-n10);
  --fillCanvas-dot: var(--color-n30);
  --stroke-outline: color-mix(in srgb, var(--color-black) 16%, transparent);
  --stroke-divider: color-mix(in srgb, var(--color-n40) 60%, transparent);
  --stroke-iconPrimary: var(--color-black);
  --stroke-iconSecondary: var(--color-n90);
  --stroke-iconTertiary: var(--color-n70);
  --stroke-iconMagic: var(--color-b70);
  --accent-neutral: var(--color-n70);
  --accent-violet: var(--color-v70);
  --accent-blue: var(--color-b70);
  --accent-green: var(--color-g50);
  --accent-emerald: var(--color-e60);
  --accent-lime: var(--color-l60);
  --accent-yellow: var(--color-y70);
  --accent-orange: var(--color-o70);
  --accent-red: var(--color-r60);
  --accent-magenta: var(--color-m70);
  --accent-sky: var(--color-s60);
  --accentTextFor-neutral: var(--color-black);
  --accentTextFor-violet: var(--color-white);
  --accentTextFor-blue: 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-sky: var(--color-black);
  --accentPale-neutral: var(--color-n50);
  --accentPale-violet: var(--color-v30);
  --accentPale-blue: var(--color-b30);
  --accentPale-green: var(--color-g30);
  --accentPale-emerald: var(--color-e30);
  --accentPale-lime: var(--color-l30);
  --accentPale-yellow: var(--color-y40);
  --accentPale-orange: var(--color-o30);
  --accentPale-red: var(--color-r30);
  --accentPale-magenta: var(--color-m30);
  --accentPale-sky: var(--color-s30);
  --accentPaleStroke-neutral: var(--color-n60);
  --accentPaleStroke-violet: var(--color-v40);
  --accentPaleStroke-blue: var(--color-b40);
  --accentPaleStroke-green: var(--color-g40);
  --accentPaleStroke-emerald: var(--color-e40);
  --accentPaleStroke-lime: var(--color-l40);
  --accentPaleStroke-yellow: var(--color-y50);
  --accentPaleStroke-orange: var(--color-o40);
  --accentPaleStroke-red: var(--color-r40);
  --accentPaleStroke-magenta: var(--color-m40);
  --accentPaleStroke-sky: var(--color-s40);
  --accentPaleTextFor-neutral: var(--color-n90);
  --accentPaleTextFor-violet: var(--color-v90);
  --accentPaleTextFor-blue: var(--color-b90);
  --accentPaleTextFor-green: var(--color-g90);
  --accentPaleTextFor-emerald: var(--color-e90);
  --accentPaleTextFor-lime: var(--color-l90);
  --accentPaleTextFor-yellow: var(--color-y100);
  --accentPaleTextFor-orange: var(--color-o90);
  --accentPaleTextFor-red: var(--color-r90);
  --accentPaleTextFor-magenta: var(--color-m90);
  --accentPaleTextFor-sky: var(--color-s90);
  --effect-shadow: color-mix(in srgb, var(--color-black) 32%, transparent);
  --highlight-base: var(--color-white);
  --interactSubtleBackground-fillDefault: transparent;
  --interactSubtleBackground-fillFocus: transparent;
  --interactSubtleBackground-fillHover: var(--color-n30);
  --interactSubtleBackground-fillActive: color-mix(in srgb, var(--color-black) 8%, transparent);
  --interactSubtleBackground-fillDisable: transparent;
  --interactSubtleBackground-fillOn: color-mix(in srgb, var(--color-b70) 16%, transparent);
  --interactSubtleBackground-fillOnHover: color-mix(in srgb, var(--color-b70) 24%, transparent);
  --interactSubtleBackground-fillOnActive: color-mix(in srgb, var(--color-b70) 8%, transparent);
  --interactSubtleBackground-strokeDefault: var(--color-n40);
  --interactSubtleBackground-strokeHover: var(--color-n50);
  --interactSubtleBackground-strokeOn: var(--color-b70);
  --interactSubtleForeground-default: var(--color-black);
  --interactSubtleForeground-on: var(--color-b70);
  --interactSubtleForeground-disabled: var(--color-n70);
  --interactSubtleDestructiveBackground-fillDefault: transparent;
  --interactSubtleDestructiveBackground-fillFocus: transparent;
  --interactSubtleDestructiveBackground-fillHover: transparent;
  --interactSubtleDestructiveBackground-fillActive: var(--color-r20);
  --interactSubtleDestructiveBackground-fillOn: var(--color-r50);
  --interactSubtleDestructiveBackground-fillDisabled: transparent;
  --interactSubtleDestructiveBackground-strokeDefault: var(--color-r70);
  --interactSubtleDestructiveForeground-default: var(--color-r70);
  --interactSubtleDestructiveForeground-hover: var(--color-r60);
  --interactSubtleDestructiveForeground-disabled: var(--color-r50);
  --interactSecondaryBackground-fillDefault: transparent;
  --interactSecondaryBackground-fillFocus: transparent;
  --interactSecondaryBackground-fillHover: transparent;
  --interactSecondaryBackground-fillActive: var(--color-n30);
  --interactSecondaryBackground-fillDisable: transparent;
  --interactSecondaryBackground-fillOn: transparent;
  --interactSecondaryBackground-fillOnActive: var(--color-n30);
  --interactSecondaryBackground-strokeDefault: color-mix(in srgb, var(--color-black) 16%, transparent);
  --interactSecondaryBackground-strokeHover: var(--color-n70);
  --interactSecondaryBackground-strokeOn: var(--color-b70);
  --interactSecondaryBackground-strokeOnHover: var(--color-b60);
  --interactSecondaryForeground-default: var(--color-black);
  --interactSecondaryForeground-defaultHover: var(--color-n90);
  --interactSecondaryForeground-defaultActive: var(--color-n90);
  --interactSecondaryForeground-on: var(--color-b70);
  --interactSecondaryForeground-onHover: var(--color-b60);
  --interactSecondaryForeground-disabled: var(--color-n70);
  --interactPrimaryBackground-fillDefault: var(--color-black);
  --interactPrimaryBackground-fillFocus: var(--color-black);
  --interactPrimaryBackground-fillHover: var(--color-n100);
  --interactPrimaryBackground-fillActive: var(--color-n80);
  --interactPrimaryBackground-fillOn: var(--color-b70);
  --interactPrimaryBackground-fillOnHover: var(--color-b60);
  --interactPrimaryBackground-fillOnActive: var(--color-b70);
  --interactPrimaryBackground-fillPressed: var(--color-n80);
  --interactPrimaryBackground-fillPressedHover: var(--color-n80);
  --interactPrimaryBackground-fillPressedActive: var(--color-n80);
  --interactPrimaryBackground-fillDisabled: var(--color-n50);
  --interactPrimaryBackground-strokeFocus: color-mix(in srgb, var(--color-b70) 40%, transparent);
  --interactPrimaryForeground-default: var(--color-white);
  --interactPrimaryForeground-disabled: color-mix(in srgb, var(--color-white) 80%, transparent);
  --interactLinkForeground-default: var(--color-b70);
  --interactLinkForeground-hover: var(--color-b50);
  --interactLinkForeground-active: var(--color-b60);
  --interactLinkForeground-disabled: var(--color-b50);
  --interactCardBackground-fillDefault: var(--color-n10);
  --interactCardBackground-fillFocus: var(--color-n10);
  --interactCardBackground-fillHover: var(--color-n30);
  --interactCardBackground-fillActive: var(--color-n30);
  --interactCardBackground-fillDisable: transparent;
  --interactCardBackground-fillOn: var(--color-n10);
  --interactCardBackground-strokeDefault: color-mix(in srgb, var(--color-black) 16%, transparent);
  --interactCardBackground-strokeHover: var(--color-n50);
  --interactCardBackground-strokeOn: var(--color-b70);
  --interactCardForeground-default: var(--color-black);
  --interactCardForeground-on: var(--color-b70);
  --interactCardForeground-disabled: var(--color-n50);
  --interactCardDestructiveBackground-fillDefault: transparent;
  --interactCardDestructiveBackground-fillFocus: transparent;
  --interactCardDestructiveBackground-fillHover: transparent;
  --interactCardDestructiveBackground-fillActive: var(--color-r20);
  --interactCardDestructiveBackground-fillOn: transparent;
  --interactCardDestructiveBackground-fillDisabled: transparent;
  --interactCardDestructiveBackground-strokeDefault: var(--color-r70);
  --interactCardDestructiveForeground-default: var(--color-r70);
  --interactCardDestructiveForeground-hover: var(--color-r60);
  --interactCardDestructiveForeground-disabled: var(--color-r50);
  --id-fillNew: var(--color-b70);
  --id-fillAvatar: var(--color-n30);
  --id-fillMagicAvatar: var(--color-b30);
  --idLozenge-background: var(--color-n40);
  --idLozenge-foreground: var(--color-black);
  --idProgressDot-active: var(--color-b70);
  --idProgressDot-inactive: color-mix(in srgb, var(--color-black) 16%, transparent);
  --inputRadio-fill: var(--color-white);
  --inputRadio-selectedNotchFill: var(--color-b70);
  --inputCheckbox-fillSelected: var(--color-b70);
  --inputCheckbox-fillMixedSelection: var(--color-white);
  --inputCheckbox-fillUnselected: var(--color-white);
  --inputCheckbox-fillDisabled: var(--color-n70);
  --inputCheckbox-strokeCheck: var(--color-white);
  --inputCheckbox-strokeDash: var(--color-n70);
  --inputDatePicker-tileBgIdle: transparent;
  --inputDatePicker-tileBgSelectedSecondary: var(--color-b20);
  --inputDatePicker-tileBgSelectedPrimary: var(--color-b70);
  --inputDatePicker-tileTextIdle: var(--color-black);
  --inputDatePicker-tileTextSelectedSecondary: var(--color-b70);
  --inputDatePicker-tileTextSelectedPrimary: var(--color-white);
  --inputToggle-off: var(--color-n70);
  --inputToggle-on: var(--color-b70);
  --inputToggle-notch: var(--color-white);
  --inputTextInputBackground-fillDefault: var(--color-n20);
  --inputTextInputBackground-fillHover: var(--color-n30);
  --inputTextInputBackground-fillActive: var(--color-n20);
  --inputTextInputBackground-fillTransparent: transparent;
  --inputTextInputBackground-strokeDefault: color-mix(in srgb, var(--color-black) 16%, transparent);
  --inputTextInputBackground-strokeHover: var(--color-n50);
  --inputTextInputBackground-strokeActive: color-mix(in srgb, var(--color-b70) 40%, transparent);
  --inputTextInputForeground-filled: var(--color-black);
  --inputTextInputForeground-placeholder: var(--color-n70);
  --messagePanelHelp-fill: var(--color-b30);
  --mention-bg: transparent;
  --mention-fg: var(--color-b70);
  --messageToast-fillDefault: var(--color-black);
  --messageToast-text: var(--color-white);
  --messageToast-defaultButtonText: var(--color-white);
  --messageToast-fillError: var(--color-r70);
  --messageToast-errorButtonText: var(--color-white);
  --messageToast-fillWarning: var(--color-y70);
  --messageToast-warningButtonText: var(--color-black);
  --messageToast-progressFill: var(--color-white);
  --messageToast-progressEmpty: var(--color-n20);
  --messageTooltip-fill: var(--color-black);
  --messageTooltip-outline: transparent;
  --messageTooltip-textPrimary: var(--color-white);
  --messageTooltip-textSecondary: var(--color-n70);
  --messageAlertBanner-bg: var(--color-y30);
  --messageAlertBanner-bgError: var(--color-r30);
  --messageAlertBanner-fg: var(--color-black);
  --mediaAudioVideo-loading: var(--color-n40);
  --mediaAudioVideo-fillVideoGradient1: var(--color-n10);
  --mediaAudioVideo-fillVideoGradient2: var(--color-black);
  --media-bg: var(--color-n40);
  --audioPlayer-bg: var(--color-n40);
  --audioPlayer-primary: var(--color-black);
  --audioPlayer-secondary: var(--color-n80);
  --audioPlayer-accent: var(--color-s70);
  --videoPlayer-bg: var(--color-n90);
  --videoPlayer-primary: var(--color-white);
  --videoPlayer-secondary: var(--color-black);
  --videoPlayer-accent: var(--color-s70);
  --videoPlayer-gradientTop: transparent;
  --videoPlayer-gradientBottom: var(--color-black);
  --mediaChart-blue: var(--color-b70);
  --mediaChart-orange: var(--color-o70);
  --mediaChart-black: var(--color-n90);
  --mediaChart-grey: var(--color-n30);
  --mediaChart-green: var(--color-g70);
  --mediaChart-violet: var(--color-v70);
  --mediaChart-yellow: var(--color-y70);
  --mediaChart-red: var(--color-r70);
  --logo-background: transparent;
  --logo-foreground: var(--color-black);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --color-transparent: transparent;
    --color-white: #FFFFFF;
    --color-black: #0A0A0A;
    --color-b10: #F0F5FF;
    --color-b20: #DBE7FF;
    --color-b30: #C3D7FF;
    --color-b40: #95B8FF;
    --color-b50: #6798FF;
    --color-b60: #3873FF;
    --color-b70: #0044FF;
    --color-b80: #0038D8;
    --color-b90: #0029A6;
    --color-b100: #001A75;
    --color-b110: #000D48;
    --color-b120: #00082E;
    --color-e10: #D7FFF7;
    --color-e20: #C2F5EB;
    --color-e30: #9BEEDF;
    --color-e40: #82D4C6;
    --color-e50: #69BBAD;
    --color-e60: #50A295;
    --color-e70: #308B7E;
    --color-e80: #007569;
    --color-e90: #00564C;
    --color-e100: #003730;
    --color-e110: #001E1A;
    --color-e120: #000F0E;
    --color-g10: #E1FFDF;
    --color-g20: #CFFFCC;
    --color-g30: #A9EAA4;
    --color-g40: #8CCC88;
    --color-g50: #70AF6C;
    --color-g60: #549150;
    --color-g70: #367633;
    --color-g80: #236422;
    --color-g90: #154C14;
    --color-g100: #073407;
    --color-g110: #001F01;
    --color-g120: #001401;
    --color-l10: #E7FFC7;
    --color-l20: #DEFFBD;
    --color-l30: #BEF284;
    --color-l40: #A9DB6E;
    --color-l50: #94C558;
    --color-l60: #7FAF41;
    --color-l70: #6A9A23;
    --color-l80: #548000;
    --color-l90: #3B5C00;
    --color-l100: #233900;
    --color-l110: #101D00;
    --color-l120: #080F00;
    --color-m10: #FFF1F5;
    --color-m20: #FFE5ED;
    --color-m30: #FFD2DE;
    --color-m40: #FFB1C8;
    --color-m50: #FF8DB3;
    --color-m60: #FF619D;
    --color-m70: #FF0088;
    --color-m80: #D2006F;
    --color-m90: #99004F;
    --color-m100: #610030;
    --color-m110: #340017;
    --color-m120: #240015;
    --color-n10: #FAFAFA;
    --color-n20: #F5F5F5;
    --color-n30: #EBEBEB;
    --color-n40: #D8D8D8;
    --color-n50: #C4C4C4;
    --color-n60: #B1B1B1;
    --color-n70: #898989;
    --color-n80: #626262;
    --color-n90: #3B3B3B;
    --color-n100: #2C2C2C;
    --color-n110: #191919;
    --color-n120: #121212;
    --color-o10: #FFF2EE;
    --color-o20: #FFE8E0;
    --color-o30: #FFD6CB;
    --color-o40: #FFB9A6;
    --color-o50: #FF997F;
    --color-o60: #FF7553;
    --color-o70: #FF4400;
    --color-o80: #D23600;
    --color-o90: #982500;
    --color-o100: #601300;
    --color-o110: #320600;
    --color-o120: #1F0400;
    --color-r10: #FFF2F0;
    --color-r20: #FFE4E0;
    --color-r30: #FFCBC4;
    --color-r40: #FFA196;
    --color-r50: #FF7065;
    --color-r60: #EA4942;
    --color-r70: #CD2525;
    --color-r80: #B20010;
    --color-r90: #860009;
    --color-r100: #5A0004;
    --color-r110: #360001;
    --color-r120: #1F0001;
    --color-s10: #EFF6FF;
    --color-s20: #E0EEFF;
    --color-s30: #C9E1FF;
    --color-s40: #A3CCFF;
    --color-s50: #7CB7FF;
    --color-s60: #4FA0FF;
    --color-s70: #0088FF;
    --color-s80: #006FD3;
    --color-s90: #00509A;
    --color-s100: #003163;
    --color-s110: #001836;
    --color-s120: #001024;
    --color-v10: #F7F3FF;
    --color-v20: #EEE5FF;
    --color-v30: #E1D1FF;
    --color-v40: #CCADFF;
    --color-v50: #B888FF;
    --color-v60: #A65CFF;
    --color-v70: #9601FF;
    --color-v80: #7D00D6;
    --color-v90: #5D00A1;
    --color-v100: #3D006D;
    --color-v110: #230042;
    --color-v120: #18002E;
    --color-y10: #FFF4E0;
    --color-y20: #FFEBC7;
    --color-y30: #FFE9C2;
    --color-y40: #FFDEA3;
    --color-y50: #FFD381;
    --color-y60: #FFC758;
    --color-y70: #FFBB00;
    --color-y80: #CE9600;
    --color-y90: #8F6700;
    --color-y100: #523A00;
    --color-y110: #221600;
    --color-y120: #140D00;
    --text-primary: var(--color-white);
    --text-secondary: var(--color-n40);
    --text-tertiary: var(--color-n60);
    --text-skeleton: var(--color-n90);
    --text-inverted: var(--color-black);
    --textRedaction-fill: var(--color-white);
    --textRedaction-text: var(--color-black);
    --textCitation-fill: var(--color-n90);
    --textCitation-text: var(--color-white);
    --fill-elevation0: var(--color-n120);
    --fill-elevation1: var(--color-n110);
    --fill-elevation2: var(--color-n100);
    --fill-elevation3: var(--color-n100);
    --fill-shade: var(--color-n120);
    --fill-dialogBlanket: var(--color-n110);
    --fillCanvas-fill: var(--color-n110);
    --fillCanvas-dot: var(--color-n90);
    --stroke-outline: color-mix(in srgb, var(--color-white) 24%, transparent);
    --stroke-divider: color-mix(in srgb, var(--color-n80) 60%, transparent);
    --stroke-iconPrimary: var(--color-white);
    --stroke-iconSecondary: var(--color-n40);
    --stroke-iconTertiary: var(--color-n60);
    --stroke-iconMagic: var(--color-b50);
    --accent-neutral: var(--color-n70);
    --accent-violet: var(--color-v70);
    --accent-blue: var(--color-b70);
    --accent-green: var(--color-g50);
    --accent-emerald: var(--color-e60);
    --accent-lime: var(--color-l60);
    --accent-yellow: var(--color-y70);
    --accent-orange: var(--color-o70);
    --accent-red: var(--color-r60);
    --accent-magenta: var(--color-m70);
    --accent-sky: var(--color-s60);
    --accentTextFor-neutral: var(--color-black);
    --accentTextFor-violet: var(--color-white);
    --accentTextFor-blue: 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-sky: var(--color-black);
    --accentPale-neutral: var(--color-n90);
    --accentPale-violet: var(--color-v90);
    --accentPale-blue: var(--color-b90);
    --accentPale-green: var(--color-g90);
    --accentPale-emerald: var(--color-e90);
    --accentPale-lime: var(--color-l90);
    --accentPale-yellow: var(--color-y100);
    --accentPale-orange: var(--color-o90);
    --accentPale-red: var(--color-r90);
    --accentPale-magenta: var(--color-m90);
    --accentPale-sky: var(--color-s90);
    --accentPaleStroke-neutral: var(--color-n80);
    --accentPaleStroke-violet: var(--color-v80);
    --accentPaleStroke-blue: var(--color-b80);
    --accentPaleStroke-green: var(--color-g80);
    --accentPaleStroke-emerald: var(--color-e80);
    --accentPaleStroke-lime: var(--color-l80);
    --accentPaleStroke-yellow: var(--color-y90);
    --accentPaleStroke-orange: var(--color-o80);
    --accentPaleStroke-red: var(--color-r80);
    --accentPaleStroke-magenta: var(--color-m80);
    --accentPaleStroke-sky: var(--color-s80);
    --accentPaleTextFor-neutral: var(--color-n50);
    --accentPaleTextFor-violet: var(--color-v30);
    --accentPaleTextFor-blue: var(--color-b30);
    --accentPaleTextFor-green: var(--color-g30);
    --accentPaleTextFor-emerald: var(--color-e30);
    --accentPaleTextFor-lime: var(--color-l30);
    --accentPaleTextFor-yellow: var(--color-y40);
    --accentPaleTextFor-orange: var(--color-o30);
    --accentPaleTextFor-red: var(--color-r30);
    --accentPaleTextFor-magenta: var(--color-m30);
    --accentPaleTextFor-sky: var(--color-s30);
    --effect-shadow: color-mix(in srgb, var(--color-black) 32%, transparent);
    --highlight-base: var(--color-black);
    --interactSubtleBackground-fillDefault: transparent;
    --interactSubtleBackground-fillFocus: transparent;
    --interactSubtleBackground-fillHover: var(--color-n90);
    --interactSubtleBackground-fillActive: color-mix(in srgb, var(--color-white) 16%, transparent);
    --interactSubtleBackground-fillDisable: transparent;
    --interactSubtleBackground-fillOn: color-mix(in srgb, var(--color-b50) 16%, transparent);
    --interactSubtleBackground-fillOnHover: color-mix(in srgb, var(--color-b50) 24%, transparent);
    --interactSubtleBackground-fillOnActive: color-mix(in srgb, var(--color-b50) 8%, transparent);
    --interactSubtleBackground-strokeDefault: var(--color-n90);
    --interactSubtleBackground-strokeHover: var(--color-n80);
    --interactSubtleBackground-strokeOn: var(--color-b60);
    --interactSubtleForeground-default: var(--color-white);
    --interactSubtleForeground-on: var(--color-b50);
    --interactSubtleForeground-disabled: var(--color-n60);
    --interactSubtleDestructiveBackground-fillDefault: transparent;
    --interactSubtleDestructiveBackground-fillFocus: transparent;
    --interactSubtleDestructiveBackground-fillHover: transparent;
    --interactSubtleDestructiveBackground-fillActive: var(--color-r110);
    --interactSubtleDestructiveBackground-fillOn: var(--color-r90);
    --interactSubtleDestructiveBackground-fillDisabled: transparent;
    --interactSubtleDestructiveBackground-strokeDefault: var(--color-r70);
    --interactSubtleDestructiveForeground-default: var(--color-r70);
    --interactSubtleDestructiveForeground-hover: var(--color-r80);
    --interactSubtleDestructiveForeground-disabled: var(--color-r90);
    --interactSecondaryBackground-fillDefault: transparent;
    --interactSecondaryBackground-fillFocus: transparent;
    --interactSecondaryBackground-fillHover: transparent;
    --interactSecondaryBackground-fillActive: var(--color-n90);
    --interactSecondaryBackground-fillDisable: transparent;
    --interactSecondaryBackground-fillOn: transparent;
    --interactSecondaryBackground-fillOnActive: var(--color-n90);
    --interactSecondaryBackground-strokeDefault: color-mix(in srgb, var(--color-white) 24%, transparent);
    --interactSecondaryBackground-strokeHover: var(--color-n80);
    --interactSecondaryBackground-strokeOn: var(--color-b60);
    --interactSecondaryBackground-strokeOnHover: var(--color-b80);
    --interactSecondaryForeground-default: var(--color-white);
    --interactSecondaryForeground-defaultHover: var(--color-n40);
    --interactSecondaryForeground-defaultActive: var(--color-n40);
    --interactSecondaryForeground-on: var(--color-b50);
    --interactSecondaryForeground-onHover: var(--color-b80);
    --interactSecondaryForeground-disabled: var(--color-n60);
    --interactPrimaryBackground-fillDefault: var(--color-white);
    --interactPrimaryBackground-fillFocus: var(--color-white);
    --interactPrimaryBackground-fillHover: var(--color-n40);
    --interactPrimaryBackground-fillActive: var(--color-n60);
    --interactPrimaryBackground-fillOn: var(--color-b50);
    --interactPrimaryBackground-fillOnHover: var(--color-b40);
    --interactPrimaryBackground-fillOnActive: var(--color-b50);
    --interactPrimaryBackground-fillPressed: var(--color-n60);
    --interactPrimaryBackground-fillPressedHover: var(--color-n60);
    --interactPrimaryBackground-fillPressedActive: var(--color-n60);
    --interactPrimaryBackground-fillDisabled: var(--color-n90);
    --interactPrimaryBackground-strokeFocus: color-mix(in srgb, var(--color-b50) 40%, transparent);
    --interactPrimaryForeground-default: var(--color-black);
    --interactPrimaryForeground-disabled: color-mix(in srgb, var(--color-black) 80%, transparent);
    --interactLinkForeground-default: var(--color-b60);
    --interactLinkForeground-hover: var(--color-b90);
    --interactLinkForeground-active: var(--color-b60);
    --interactLinkForeground-disabled: var(--color-b90);
    --interactCardBackground-fillDefault: var(--color-n110);
    --interactCardBackground-fillFocus: var(--color-n110);
    --interactCardBackground-fillHover: var(--color-n90);
    --interactCardBackground-fillActive: var(--color-n90);
    --interactCardBackground-fillDisable: transparent;
    --interactCardBackground-fillOn: var(--color-n110);
    --interactCardBackground-strokeDefault: color-mix(in srgb, var(--color-white) 24%, transparent);
    --interactCardBackground-strokeHover: var(--color-n80);
    --interactCardBackground-strokeOn: var(--color-b60);
    --interactCardForeground-default: var(--color-white);
    --interactCardForeground-on: var(--color-b60);
    --interactCardForeground-disabled: var(--color-n90);
    --interactCardDestructiveBackground-fillDefault: transparent;
    --interactCardDestructiveBackground-fillFocus: transparent;
    --interactCardDestructiveBackground-fillHover: transparent;
    --interactCardDestructiveBackground-fillActive: var(--color-r110);
    --interactCardDestructiveBackground-fillOn: transparent;
    --interactCardDestructiveBackground-fillDisabled: transparent;
    --interactCardDestructiveBackground-strokeDefault: var(--color-r70);
    --interactCardDestructiveForeground-default: var(--color-r70);
    --interactCardDestructiveForeground-hover: var(--color-r80);
    --interactCardDestructiveForeground-disabled: var(--color-r90);
    --id-fillNew: var(--color-b50);
    --id-fillAvatar: var(--color-n90);
    --id-fillMagicAvatar: var(--color-b90);
    --idLozenge-background: var(--color-n80);
    --idLozenge-foreground: var(--color-white);
    --idProgressDot-active: var(--color-b50);
    --idProgressDot-inactive: color-mix(in srgb, var(--color-white) 16%, transparent);
    --inputRadio-fill: var(--color-black);
    --inputRadio-selectedNotchFill: var(--color-b50);
    --inputCheckbox-fillSelected: var(--color-b50);
    --inputCheckbox-fillMixedSelection: var(--color-black);
    --inputCheckbox-fillUnselected: var(--color-black);
    --inputCheckbox-fillDisabled: var(--color-n70);
    --inputCheckbox-strokeCheck: var(--color-black);
    --inputCheckbox-strokeDash: var(--color-n70);
    --inputDatePicker-tileBgIdle: var(--color-n120);
    --inputDatePicker-tileBgSelectedSecondary: var(--color-b110);
    --inputDatePicker-tileBgSelectedPrimary: var(--color-b50);
    --inputDatePicker-tileTextIdle: var(--color-n40);
    --inputDatePicker-tileTextSelectedSecondary: var(--color-n10);
    --inputDatePicker-tileTextSelectedPrimary: var(--color-n120);
    --inputToggle-off: var(--color-n70);
    --inputToggle-on: var(--color-b50);
    --inputToggle-notch: var(--color-black);
    --inputTextInputBackground-fillDefault: var(--color-n110);
    --inputTextInputBackground-fillHover: var(--color-n90);
    --inputTextInputBackground-fillActive: var(--color-n100);
    --inputTextInputBackground-fillTransparent: transparent;
    --inputTextInputBackground-strokeDefault: color-mix(in srgb, var(--color-white) 24%, transparent);
    --inputTextInputBackground-strokeHover: var(--color-n80);
    --inputTextInputBackground-strokeActive: color-mix(in srgb, var(--color-b50) 80%, transparent);
    --inputTextInputForeground-filled: var(--color-white);
    --inputTextInputForeground-placeholder: var(--color-n60);
    --messagePanelHelp-fill: var(--color-b100);
    --mention-bg: transparent;
    --mention-fg: var(--color-b50);
    --messageToast-fillDefault: var(--color-b100);
    --messageToast-text: var(--color-white);
    --messageToast-defaultButtonText: var(--color-white);
    --messageToast-fillError: var(--color-r70);
    --messageToast-errorButtonText: var(--color-white);
    --messageToast-fillWarning: var(--color-y80);
    --messageToast-warningButtonText: var(--color-black);
    --messageToast-progressFill: var(--color-black);
    --messageToast-progressEmpty: var(--color-n100);
    --messageTooltip-fill: var(--color-n100);
    --messageTooltip-outline: color-mix(in srgb, var(--color-white) 24%, transparent);
    --messageTooltip-textPrimary: var(--color-white);
    --messageTooltip-textSecondary: var(--color-n60);
    --messageAlertBanner-bg: var(--color-y90);
    --messageAlertBanner-bgError: var(--color-r90);
    --messageAlertBanner-fg: var(--color-white);
    --mediaAudioVideo-loading: var(--color-n110);
    --mediaAudioVideo-fillVideoGradient1: var(--color-n110);
    --mediaAudioVideo-fillVideoGradient2: var(--color-black);
    --media-bg: var(--color-n110);
    --audioPlayer-bg: var(--color-n110);
    --audioPlayer-primary: var(--color-white);
    --audioPlayer-secondary: var(--color-n80);
    --audioPlayer-accent: var(--color-s60);
    --videoPlayer-bg: var(--color-n90);
    --videoPlayer-primary: var(--color-white);
    --videoPlayer-secondary: var(--color-black);
    --videoPlayer-accent: var(--color-s60);
    --videoPlayer-gradientTop: transparent;
    --videoPlayer-gradientBottom: var(--color-black);
    --mediaChart-blue: var(--color-b50);
    --mediaChart-orange: var(--color-o70);
    --mediaChart-black: var(--color-n10);
    --mediaChart-grey: var(--color-n100);
    --mediaChart-green: var(--color-g60);
    --mediaChart-violet: var(--color-v60);
    --mediaChart-yellow: var(--color-y70);
    --mediaChart-red: var(--color-r70);
    --logo-background: var(--color-white);
    --logo-foreground: var(--color-black);
  }
}

[data-theme="dark"] {
  --color-transparent: transparent;
  --color-white: #FFFFFF;
  --color-black: #0A0A0A;
  --color-b10: #F0F5FF;
  --color-b20: #DBE7FF;
  --color-b30: #C3D7FF;
  --color-b40: #95B8FF;
  --color-b50: #6798FF;
  --color-b60: #3873FF;
  --color-b70: #0044FF;
  --color-b80: #0038D8;
  --color-b90: #0029A6;
  --color-b100: #001A75;
  --color-b110: #000D48;
  --color-b120: #00082E;
  --color-e10: #D7FFF7;
  --color-e20: #C2F5EB;
  --color-e30: #9BEEDF;
  --color-e40: #82D4C6;
  --color-e50: #69BBAD;
  --color-e60: #50A295;
  --color-e70: #308B7E;
  --color-e80: #007569;
  --color-e90: #00564C;
  --color-e100: #003730;
  --color-e110: #001E1A;
  --color-e120: #000F0E;
  --color-g10: #E1FFDF;
  --color-g20: #CFFFCC;
  --color-g30: #A9EAA4;
  --color-g40: #8CCC88;
  --color-g50: #70AF6C;
  --color-g60: #549150;
  --color-g70: #367633;
  --color-g80: #236422;
  --color-g90: #154C14;
  --color-g100: #073407;
  --color-g110: #001F01;
  --color-g120: #001401;
  --color-l10: #E7FFC7;
  --color-l20: #DEFFBD;
  --color-l30: #BEF284;
  --color-l40: #A9DB6E;
  --color-l50: #94C558;
  --color-l60: #7FAF41;
  --color-l70: #6A9A23;
  --color-l80: #548000;
  --color-l90: #3B5C00;
  --color-l100: #233900;
  --color-l110: #101D00;
  --color-l120: #080F00;
  --color-m10: #FFF1F5;
  --color-m20: #FFE5ED;
  --color-m30: #FFD2DE;
  --color-m40: #FFB1C8;
  --color-m50: #FF8DB3;
  --color-m60: #FF619D;
  --color-m70: #FF0088;
  --color-m80: #D2006F;
  --color-m90: #99004F;
  --color-m100: #610030;
  --color-m110: #340017;
  --color-m120: #240015;
  --color-n10: #FAFAFA;
  --color-n20: #F5F5F5;
  --color-n30: #EBEBEB;
  --color-n40: #D8D8D8;
  --color-n50: #C4C4C4;
  --color-n60: #B1B1B1;
  --color-n70: #898989;
  --color-n80: #626262;
  --color-n90: #3B3B3B;
  --color-n100: #2C2C2C;
  --color-n110: #191919;
  --color-n120: #121212;
  --color-o10: #FFF2EE;
  --color-o20: #FFE8E0;
  --color-o30: #FFD6CB;
  --color-o40: #FFB9A6;
  --color-o50: #FF997F;
  --color-o60: #FF7553;
  --color-o70: #FF4400;
  --color-o80: #D23600;
  --color-o90: #982500;
  --color-o100: #601300;
  --color-o110: #320600;
  --color-o120: #1F0400;
  --color-r10: #FFF2F0;
  --color-r20: #FFE4E0;
  --color-r30: #FFCBC4;
  --color-r40: #FFA196;
  --color-r50: #FF7065;
  --color-r60: #EA4942;
  --color-r70: #CD2525;
  --color-r80: #B20010;
  --color-r90: #860009;
  --color-r100: #5A0004;
  --color-r110: #360001;
  --color-r120: #1F0001;
  --color-s10: #EFF6FF;
  --color-s20: #E0EEFF;
  --color-s30: #C9E1FF;
  --color-s40: #A3CCFF;
  --color-s50: #7CB7FF;
  --color-s60: #4FA0FF;
  --color-s70: #0088FF;
  --color-s80: #006FD3;
  --color-s90: #00509A;
  --color-s100: #003163;
  --color-s110: #001836;
  --color-s120: #001024;
  --color-v10: #F7F3FF;
  --color-v20: #EEE5FF;
  --color-v30: #E1D1FF;
  --color-v40: #CCADFF;
  --color-v50: #B888FF;
  --color-v60: #A65CFF;
  --color-v70: #9601FF;
  --color-v80: #7D00D6;
  --color-v90: #5D00A1;
  --color-v100: #3D006D;
  --color-v110: #230042;
  --color-v120: #18002E;
  --color-y10: #FFF4E0;
  --color-y20: #FFEBC7;
  --color-y30: #FFE9C2;
  --color-y40: #FFDEA3;
  --color-y50: #FFD381;
  --color-y60: #FFC758;
  --color-y70: #FFBB00;
  --color-y80: #CE9600;
  --color-y90: #8F6700;
  --color-y100: #523A00;
  --color-y110: #221600;
  --color-y120: #140D00;
  --text-primary: var(--color-white);
  --text-secondary: var(--color-n40);
  --text-tertiary: var(--color-n60);
  --text-skeleton: var(--color-n90);
  --text-inverted: var(--color-black);
  --textRedaction-fill: var(--color-white);
  --textRedaction-text: var(--color-black);
  --textCitation-fill: var(--color-n90);
  --textCitation-text: var(--color-white);
  --fill-elevation0: var(--color-n120);
  --fill-elevation1: var(--color-n110);
  --fill-elevation2: var(--color-n100);
  --fill-elevation3: var(--color-n100);
  --fill-shade: var(--color-n120);
  --fill-dialogBlanket: var(--color-n110);
  --fillCanvas-fill: var(--color-n110);
  --fillCanvas-dot: var(--color-n90);
  --stroke-outline: color-mix(in srgb, var(--color-white) 24%, transparent);
  --stroke-divider: color-mix(in srgb, var(--color-n80) 60%, transparent);
  --stroke-iconPrimary: var(--color-white);
  --stroke-iconSecondary: var(--color-n40);
  --stroke-iconTertiary: var(--color-n60);
  --stroke-iconMagic: var(--color-b50);
  --accent-neutral: var(--color-n70);
  --accent-violet: var(--color-v70);
  --accent-blue: var(--color-b70);
  --accent-green: var(--color-g50);
  --accent-emerald: var(--color-e60);
  --accent-lime: var(--color-l60);
  --accent-yellow: var(--color-y70);
  --accent-orange: var(--color-o70);
  --accent-red: var(--color-r60);
  --accent-magenta: var(--color-m70);
  --accent-sky: var(--color-s60);
  --accentTextFor-neutral: var(--color-black);
  --accentTextFor-violet: var(--color-white);
  --accentTextFor-blue: 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-sky: var(--color-black);
  --accentPale-neutral: var(--color-n90);
  --accentPale-violet: var(--color-v90);
  --accentPale-blue: var(--color-b90);
  --accentPale-green: var(--color-g90);
  --accentPale-emerald: var(--color-e90);
  --accentPale-lime: var(--color-l90);
  --accentPale-yellow: var(--color-y100);
  --accentPale-orange: var(--color-o90);
  --accentPale-red: var(--color-r90);
  --accentPale-magenta: var(--color-m90);
  --accentPale-sky: var(--color-s90);
  --accentPaleStroke-neutral: var(--color-n80);
  --accentPaleStroke-violet: var(--color-v80);
  --accentPaleStroke-blue: var(--color-b80);
  --accentPaleStroke-green: var(--color-g80);
  --accentPaleStroke-emerald: var(--color-e80);
  --accentPaleStroke-lime: var(--color-l80);
  --accentPaleStroke-yellow: var(--color-y90);
  --accentPaleStroke-orange: var(--color-o80);
  --accentPaleStroke-red: var(--color-r80);
  --accentPaleStroke-magenta: var(--color-m80);
  --accentPaleStroke-sky: var(--color-s80);
  --accentPaleTextFor-neutral: var(--color-n50);
  --accentPaleTextFor-violet: var(--color-v30);
  --accentPaleTextFor-blue: var(--color-b30);
  --accentPaleTextFor-green: var(--color-g30);
  --accentPaleTextFor-emerald: var(--color-e30);
  --accentPaleTextFor-lime: var(--color-l30);
  --accentPaleTextFor-yellow: var(--color-y40);
  --accentPaleTextFor-orange: var(--color-o30);
  --accentPaleTextFor-red: var(--color-r30);
  --accentPaleTextFor-magenta: var(--color-m30);
  --accentPaleTextFor-sky: var(--color-s30);
  --effect-shadow: color-mix(in srgb, var(--color-black) 32%, transparent);
  --highlight-base: var(--color-black);
  --interactSubtleBackground-fillDefault: transparent;
  --interactSubtleBackground-fillFocus: transparent;
  --interactSubtleBackground-fillHover: var(--color-n90);
  --interactSubtleBackground-fillActive: color-mix(in srgb, var(--color-white) 16%, transparent);
  --interactSubtleBackground-fillDisable: transparent;
  --interactSubtleBackground-fillOn: color-mix(in srgb, var(--color-b50) 16%, transparent);
  --interactSubtleBackground-fillOnHover: color-mix(in srgb, var(--color-b50) 24%, transparent);
  --interactSubtleBackground-fillOnActive: color-mix(in srgb, var(--color-b50) 8%, transparent);
  --interactSubtleBackground-strokeDefault: var(--color-n90);
  --interactSubtleBackground-strokeHover: var(--color-n80);
  --interactSubtleBackground-strokeOn: var(--color-b60);
  --interactSubtleForeground-default: var(--color-white);
  --interactSubtleForeground-on: var(--color-b50);
  --interactSubtleForeground-disabled: var(--color-n60);
  --interactSubtleDestructiveBackground-fillDefault: transparent;
  --interactSubtleDestructiveBackground-fillFocus: transparent;
  --interactSubtleDestructiveBackground-fillHover: transparent;
  --interactSubtleDestructiveBackground-fillActive: var(--color-r110);
  --interactSubtleDestructiveBackground-fillOn: var(--color-r90);
  --interactSubtleDestructiveBackground-fillDisabled: transparent;
  --interactSubtleDestructiveBackground-strokeDefault: var(--color-r70);
  --interactSubtleDestructiveForeground-default: var(--color-r70);
  --interactSubtleDestructiveForeground-hover: var(--color-r80);
  --interactSubtleDestructiveForeground-disabled: var(--color-r90);
  --interactSecondaryBackground-fillDefault: transparent;
  --interactSecondaryBackground-fillFocus: transparent;
  --interactSecondaryBackground-fillHover: transparent;
  --interactSecondaryBackground-fillActive: var(--color-n90);
  --interactSecondaryBackground-fillDisable: transparent;
  --interactSecondaryBackground-fillOn: transparent;
  --interactSecondaryBackground-fillOnActive: var(--color-n90);
  --interactSecondaryBackground-strokeDefault: color-mix(in srgb, var(--color-white) 24%, transparent);
  --interactSecondaryBackground-strokeHover: var(--color-n80);
  --interactSecondaryBackground-strokeOn: var(--color-b60);
  --interactSecondaryBackground-strokeOnHover: var(--color-b80);
  --interactSecondaryForeground-default: var(--color-white);
  --interactSecondaryForeground-defaultHover: var(--color-n40);
  --interactSecondaryForeground-defaultActive: var(--color-n40);
  --interactSecondaryForeground-on: var(--color-b50);
  --interactSecondaryForeground-onHover: var(--color-b80);
  --interactSecondaryForeground-disabled: var(--color-n60);
  --interactPrimaryBackground-fillDefault: var(--color-white);
  --interactPrimaryBackground-fillFocus: var(--color-white);
  --interactPrimaryBackground-fillHover: var(--color-n40);
  --interactPrimaryBackground-fillActive: var(--color-n60);
  --interactPrimaryBackground-fillOn: var(--color-b50);
  --interactPrimaryBackground-fillOnHover: var(--color-b40);
  --interactPrimaryBackground-fillOnActive: var(--color-b50);
  --interactPrimaryBackground-fillPressed: var(--color-n60);
  --interactPrimaryBackground-fillPressedHover: var(--color-n60);
  --interactPrimaryBackground-fillPressedActive: var(--color-n60);
  --interactPrimaryBackground-fillDisabled: var(--color-n90);
  --interactPrimaryBackground-strokeFocus: color-mix(in srgb, var(--color-b50) 40%, transparent);
  --interactPrimaryForeground-default: var(--color-black);
  --interactPrimaryForeground-disabled: color-mix(in srgb, var(--color-black) 80%, transparent);
  --interactLinkForeground-default: var(--color-b60);
  --interactLinkForeground-hover: var(--color-b90);
  --interactLinkForeground-active: var(--color-b60);
  --interactLinkForeground-disabled: var(--color-b90);
  --interactCardBackground-fillDefault: var(--color-n110);
  --interactCardBackground-fillFocus: var(--color-n110);
  --interactCardBackground-fillHover: var(--color-n90);
  --interactCardBackground-fillActive: var(--color-n90);
  --interactCardBackground-fillDisable: transparent;
  --interactCardBackground-fillOn: var(--color-n110);
  --interactCardBackground-strokeDefault: color-mix(in srgb, var(--color-white) 24%, transparent);
  --interactCardBackground-strokeHover: var(--color-n80);
  --interactCardBackground-strokeOn: var(--color-b60);
  --interactCardForeground-default: var(--color-white);
  --interactCardForeground-on: var(--color-b60);
  --interactCardForeground-disabled: var(--color-n90);
  --interactCardDestructiveBackground-fillDefault: transparent;
  --interactCardDestructiveBackground-fillFocus: transparent;
  --interactCardDestructiveBackground-fillHover: transparent;
  --interactCardDestructiveBackground-fillActive: var(--color-r110);
  --interactCardDestructiveBackground-fillOn: transparent;
  --interactCardDestructiveBackground-fillDisabled: transparent;
  --interactCardDestructiveBackground-strokeDefault: var(--color-r70);
  --interactCardDestructiveForeground-default: var(--color-r70);
  --interactCardDestructiveForeground-hover: var(--color-r80);
  --interactCardDestructiveForeground-disabled: var(--color-r90);
  --id-fillNew: var(--color-b50);
  --id-fillAvatar: var(--color-n90);
  --id-fillMagicAvatar: var(--color-b90);
  --idLozenge-background: var(--color-n80);
  --idLozenge-foreground: var(--color-white);
  --idProgressDot-active: var(--color-b50);
  --idProgressDot-inactive: color-mix(in srgb, var(--color-white) 16%, transparent);
  --inputRadio-fill: var(--color-black);
  --inputRadio-selectedNotchFill: var(--color-b50);
  --inputCheckbox-fillSelected: var(--color-b50);
  --inputCheckbox-fillMixedSelection: var(--color-black);
  --inputCheckbox-fillUnselected: var(--color-black);
  --inputCheckbox-fillDisabled: var(--color-n70);
  --inputCheckbox-strokeCheck: var(--color-black);
  --inputCheckbox-strokeDash: var(--color-n70);
  --inputDatePicker-tileBgIdle: var(--color-n120);
  --inputDatePicker-tileBgSelectedSecondary: var(--color-b110);
  --inputDatePicker-tileBgSelectedPrimary: var(--color-b50);
  --inputDatePicker-tileTextIdle: var(--color-n40);
  --inputDatePicker-tileTextSelectedSecondary: var(--color-n10);
  --inputDatePicker-tileTextSelectedPrimary: var(--color-n120);
  --inputToggle-off: var(--color-n70);
  --inputToggle-on: var(--color-b50);
  --inputToggle-notch: var(--color-black);
  --inputTextInputBackground-fillDefault: var(--color-n110);
  --inputTextInputBackground-fillHover: var(--color-n90);
  --inputTextInputBackground-fillActive: var(--color-n100);
  --inputTextInputBackground-fillTransparent: transparent;
  --inputTextInputBackground-strokeDefault: color-mix(in srgb, var(--color-white) 24%, transparent);
  --inputTextInputBackground-strokeHover: var(--color-n80);
  --inputTextInputBackground-strokeActive: color-mix(in srgb, var(--color-b50) 80%, transparent);
  --inputTextInputForeground-filled: var(--color-white);
  --inputTextInputForeground-placeholder: var(--color-n60);
  --messagePanelHelp-fill: var(--color-b100);
  --mention-bg: transparent;
  --mention-fg: var(--color-b50);
  --messageToast-fillDefault: var(--color-b100);
  --messageToast-text: var(--color-white);
  --messageToast-defaultButtonText: var(--color-white);
  --messageToast-fillError: var(--color-r70);
  --messageToast-errorButtonText: var(--color-white);
  --messageToast-fillWarning: var(--color-y80);
  --messageToast-warningButtonText: var(--color-black);
  --messageToast-progressFill: var(--color-black);
  --messageToast-progressEmpty: var(--color-n100);
  --messageTooltip-fill: var(--color-n100);
  --messageTooltip-outline: color-mix(in srgb, var(--color-white) 24%, transparent);
  --messageTooltip-textPrimary: var(--color-white);
  --messageTooltip-textSecondary: var(--color-n60);
  --messageAlertBanner-bg: var(--color-y90);
  --messageAlertBanner-bgError: var(--color-r90);
  --messageAlertBanner-fg: var(--color-white);
  --mediaAudioVideo-loading: var(--color-n110);
  --mediaAudioVideo-fillVideoGradient1: var(--color-n110);
  --mediaAudioVideo-fillVideoGradient2: var(--color-black);
  --media-bg: var(--color-n110);
  --audioPlayer-bg: var(--color-n110);
  --audioPlayer-primary: var(--color-white);
  --audioPlayer-secondary: var(--color-n80);
  --audioPlayer-accent: var(--color-s60);
  --videoPlayer-bg: var(--color-n90);
  --videoPlayer-primary: var(--color-white);
  --videoPlayer-secondary: var(--color-black);
  --videoPlayer-accent: var(--color-s60);
  --videoPlayer-gradientTop: transparent;
  --videoPlayer-gradientBottom: var(--color-black);
  --mediaChart-blue: var(--color-b50);
  --mediaChart-orange: var(--color-o70);
  --mediaChart-black: var(--color-n10);
  --mediaChart-grey: var(--color-n100);
  --mediaChart-green: var(--color-g60);
  --mediaChart-violet: var(--color-v60);
  --mediaChart-yellow: var(--color-y70);
  --mediaChart-red: var(--color-r70);
  --logo-background: var(--color-white);
  --logo-foreground: var(--color-black);
}



@font-face {
  font-family: "Inter";
  src: url("/images/fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("/images/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
  font-style: italic;
}

* {
  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: "Inter", -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: "Inter", -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;
}


/* When theme is set explicitly to dark mode */
[data-theme='dark'] img {
  content: var(--imageSrcDark);
}
/* Used when theme is "Browser default" and the OS is in dark mode */
html:not([data-theme]) img {
  @media (prefers-color-scheme: dark) {
    content: var(--imageSrcDark);
  }
}