/* Generated from @fluentui/react-theme webLightTheme brand states and webDarkTheme. Do not edit.
 * https://fluent2.microsoft.design/color-tokens */
:root {
  --fluent-colorBrandBackground: #0f6cbd;
  --fluent-colorBrandBackgroundHover: #115ea3;
  --fluent-colorBrandBackgroundPressed: #0c3b5e;
  --fluent-colorBrandForeground1: #0f6cbd;
  --fluent-colorBrandForegroundLinkHover: #0f548c;
  --fluent-colorBrandForegroundLinkSelected: #115ea3;
}
[data-theme="dark"] {
  --fluent-colorNeutralForeground1: #ffffff;
  --fluent-colorNeutralForeground1Hover: #ffffff;
  --fluent-colorNeutralForeground1Pressed: #ffffff;
  --fluent-colorNeutralForeground1Selected: #ffffff;
  --fluent-colorNeutralForeground2: #d6d6d6;
  --fluent-colorNeutralForeground2Hover: #ffffff;
  --fluent-colorNeutralForeground2Pressed: #ffffff;
  --fluent-colorNeutralForeground2Selected: #ffffff;
  --fluent-colorNeutralForeground2BrandHover: #479ef5;
  --fluent-colorNeutralForeground2BrandPressed: #2886de;
  --fluent-colorNeutralForeground2BrandSelected: #479ef5;
  --fluent-colorNeutralForeground3: #adadad;
  --fluent-colorNeutralForeground3Hover: #d6d6d6;
  --fluent-colorNeutralForeground3Pressed: #d6d6d6;
  --fluent-colorNeutralForeground3Selected: #d6d6d6;
  --fluent-colorNeutralForeground3BrandHover: #479ef5;
  --fluent-colorNeutralForeground3BrandPressed: #2886de;
  --fluent-colorNeutralForeground3BrandSelected: #479ef5;
  --fluent-colorNeutralForeground4: #999999;
  --fluent-colorNeutralForeground5: #adadad;
  --fluent-colorNeutralForeground5Hover: #ffffff;
  --fluent-colorNeutralForeground5Pressed: #ffffff;
  --fluent-colorNeutralForeground5Selected: #ffffff;
  --fluent-colorNeutralForegroundDisabled: #5c5c5c;
  --fluent-colorNeutralForegroundInvertedDisabled: rgba(255, 255, 255, 0.4);
  --fluent-colorBrandForegroundLink: #479ef5;
  --fluent-colorBrandForegroundLinkHover: #62abf5;
  --fluent-colorBrandForegroundLinkPressed: #2886de;
  --fluent-colorBrandForegroundLinkSelected: #479ef5;
  --fluent-colorNeutralForeground2Link: #d6d6d6;
  --fluent-colorNeutralForeground2LinkHover: #ffffff;
  --fluent-colorNeutralForeground2LinkPressed: #ffffff;
  --fluent-colorNeutralForeground2LinkSelected: #ffffff;
  --fluent-colorCompoundBrandForeground1: #479ef5;
  --fluent-colorCompoundBrandForeground1Hover: #62abf5;
  --fluent-colorCompoundBrandForeground1Pressed: #2886de;
  --fluent-colorBrandForeground1: #479ef5;
  --fluent-colorBrandForeground2: #62abf5;
  --fluent-colorBrandForeground2Hover: #96c6fa;
  --fluent-colorBrandForeground2Pressed: #ebf3fc;
  --fluent-colorNeutralForeground1Static: #242424;
  --fluent-colorNeutralForegroundStaticInverted: #ffffff;
  --fluent-colorNeutralForegroundInverted: #242424;
  --fluent-colorNeutralForegroundInvertedHover: #242424;
  --fluent-colorNeutralForegroundInvertedPressed: #242424;
  --fluent-colorNeutralForegroundInvertedSelected: #242424;
  --fluent-colorNeutralForegroundInverted2: #242424;
  --fluent-colorNeutralForegroundOnBrand: #ffffff;
  --fluent-colorNeutralForegroundInvertedLink: #ffffff;
  --fluent-colorNeutralForegroundInvertedLinkHover: #ffffff;
  --fluent-colorNeutralForegroundInvertedLinkPressed: #ffffff;
  --fluent-colorNeutralForegroundInvertedLinkSelected: #ffffff;
  --fluent-colorBrandForegroundInverted: #0f6cbd;
  --fluent-colorBrandForegroundInvertedHover: #115ea3;
  --fluent-colorBrandForegroundInvertedPressed: #0f548c;
  --fluent-colorBrandForegroundOnLight: #0f6cbd;
  --fluent-colorBrandForegroundOnLightHover: #115ea3;
  --fluent-colorBrandForegroundOnLightPressed: #0e4775;
  --fluent-colorBrandForegroundOnLightSelected: #0f548c;
  --fluent-colorNeutralBackground1: #292929;
  --fluent-colorNeutralBackground1Hover: #3d3d3d;
  --fluent-colorNeutralBackground1Pressed: #1f1f1f;
  --fluent-colorNeutralBackground1Selected: #383838;
  --fluent-colorNeutralBackground2: #1f1f1f;
  --fluent-colorNeutralBackground2Hover: #333333;
  --fluent-colorNeutralBackground2Pressed: #141414;
  --fluent-colorNeutralBackground2Selected: #2e2e2e;
  --fluent-colorNeutralBackground3: #141414;
  --fluent-colorNeutralBackground3Hover: #292929;
  --fluent-colorNeutralBackground3Pressed: #0a0a0a;
  --fluent-colorNeutralBackground3Selected: #242424;
  --fluent-colorNeutralBackground4: #0a0a0a;
  --fluent-colorNeutralBackground4Hover: #1f1f1f;
  --fluent-colorNeutralBackground4Pressed: #000000;
  --fluent-colorNeutralBackground4Selected: #1a1a1a;
  --fluent-colorNeutralBackground5: #000000;
  --fluent-colorNeutralBackground5Hover: #141414;
  --fluent-colorNeutralBackground5Pressed: #050505;
  --fluent-colorNeutralBackground5Selected: #0f0f0f;
  --fluent-colorNeutralBackground6: #333333;
  --fluent-colorNeutralBackground7: #00000000;
  --fluent-colorNeutralBackground7Hover: #1a1a1a;
  --fluent-colorNeutralBackground7Pressed: #0a0a0a;
  --fluent-colorNeutralBackground7Selected: #00000000;
  --fluent-colorNeutralBackground8: #292929;
  --fluent-colorNeutralBackgroundInverted: #ffffff;
  --fluent-colorNeutralBackgroundInvertedHover: #f5f5f5;
  --fluent-colorNeutralBackgroundInvertedPressed: #e0e0e0;
  --fluent-colorNeutralBackgroundInvertedSelected: #ebebeb;
  --fluent-colorNeutralBackgroundStatic: #3d3d3d;
  --fluent-colorNeutralBackgroundAlpha: rgba(26, 26, 26, 0.5);
  --fluent-colorNeutralBackgroundAlpha2: rgba(31, 31, 31, 0.7);
  --fluent-colorSubtleBackground: transparent;
  --fluent-colorSubtleBackgroundHover: #383838;
  --fluent-colorSubtleBackgroundPressed: #2e2e2e;
  --fluent-colorSubtleBackgroundSelected: #333333;
  --fluent-colorSubtleBackgroundLightAlphaHover: rgba(36, 36, 36, 0.8);
  --fluent-colorSubtleBackgroundLightAlphaPressed: rgba(36, 36, 36, 0.5);
  --fluent-colorSubtleBackgroundLightAlphaSelected: transparent;
  --fluent-colorSubtleBackgroundInverted: transparent;
  --fluent-colorSubtleBackgroundInvertedHover: rgba(0, 0, 0, 0.1);
  --fluent-colorSubtleBackgroundInvertedPressed: rgba(0, 0, 0, 0.3);
  --fluent-colorSubtleBackgroundInvertedSelected: rgba(0, 0, 0, 0.2);
  --fluent-colorTransparentBackground: transparent;
  --fluent-colorTransparentBackgroundHover: transparent;
  --fluent-colorTransparentBackgroundPressed: transparent;
  --fluent-colorTransparentBackgroundSelected: transparent;
  --fluent-colorNeutralBackgroundDisabled: #141414;
  --fluent-colorNeutralBackgroundDisabled2: #292929;
  --fluent-colorNeutralBackgroundInvertedDisabled: rgba(255, 255, 255, 0.1);
  --fluent-colorNeutralStencil1: #575757;
  --fluent-colorNeutralStencil2: #333333;
  --fluent-colorNeutralStencil1Alpha: rgba(255, 255, 255, 0.1);
  --fluent-colorNeutralStencil2Alpha: rgba(255, 255, 255, 0.05);
  --fluent-colorBackgroundOverlay: rgba(0, 0, 0, 0.5);
  --fluent-colorScrollbarOverlay: rgba(255, 255, 255, 0.6);
  --fluent-colorBrandBackground: #115ea3;
  --fluent-colorBrandBackgroundHover: #0f6cbd;
  --fluent-colorBrandBackgroundPressed: #0c3b5e;
  --fluent-colorBrandBackgroundSelected: #0f548c;
  --fluent-colorCompoundBrandBackground: #479ef5;
  --fluent-colorCompoundBrandBackgroundHover: #62abf5;
  --fluent-colorCompoundBrandBackgroundPressed: #2886de;
  --fluent-colorBrandBackgroundStatic: #0f6cbd;
  --fluent-colorBrandBackground2: #082338;
  --fluent-colorBrandBackground2Hover: #0c3b5e;
  --fluent-colorBrandBackground2Pressed: #061724;
  --fluent-colorBrandBackground3Static: #0f548c;
  --fluent-colorBrandBackground4Static: #0c3b5e;
  --fluent-colorBrandBackgroundInverted: #ffffff;
  --fluent-colorBrandBackgroundInvertedHover: #ebf3fc;
  --fluent-colorBrandBackgroundInvertedPressed: #b4d6fa;
  --fluent-colorBrandBackgroundInvertedSelected: #cfe4fa;
  --fluent-colorNeutralCardBackground: #333333;
  --fluent-colorNeutralCardBackgroundHover: #3d3d3d;
  --fluent-colorNeutralCardBackgroundPressed: #2e2e2e;
  --fluent-colorNeutralCardBackgroundSelected: #383838;
  --fluent-colorNeutralCardBackgroundDisabled: #141414;
  --fluent-colorNeutralStrokeAccessible: #adadad;
  --fluent-colorNeutralStrokeAccessibleHover: #bdbdbd;
  --fluent-colorNeutralStrokeAccessiblePressed: #b3b3b3;
  --fluent-colorNeutralStrokeAccessibleSelected: #479ef5;
  --fluent-colorNeutralStroke1: #666666;
  --fluent-colorNeutralStroke1Hover: #757575;
  --fluent-colorNeutralStroke1Pressed: #6b6b6b;
  --fluent-colorNeutralStroke1Selected: #707070;
  --fluent-colorNeutralStroke2: #525252;
  --fluent-colorNeutralStroke3: #3d3d3d;
  --fluent-colorNeutralStroke4: #3d3d3d;
  --fluent-colorNeutralStroke4Hover: #2e2e2e;
  --fluent-colorNeutralStroke4Pressed: #242424;
  --fluent-colorNeutralStroke4Selected: #3d3d3d;
  --fluent-colorNeutralStrokeSubtle: #0a0a0a;
  --fluent-colorNeutralStrokeOnBrand: #292929;
  --fluent-colorNeutralStrokeOnBrand2: #ffffff;
  --fluent-colorNeutralStrokeOnBrand2Hover: #ffffff;
  --fluent-colorNeutralStrokeOnBrand2Pressed: #ffffff;
  --fluent-colorNeutralStrokeOnBrand2Selected: #ffffff;
  --fluent-colorBrandStroke1: #479ef5;
  --fluent-colorBrandStroke2: #0e4775;
  --fluent-colorBrandStroke2Hover: #0e4775;
  --fluent-colorBrandStroke2Pressed: #0a2e4a;
  --fluent-colorBrandStroke2Contrast: #0e4775;
  --fluent-colorCompoundBrandStroke: #479ef5;
  --fluent-colorCompoundBrandStrokeHover: #62abf5;
  --fluent-colorCompoundBrandStrokePressed: #2886de;
  --fluent-colorNeutralStrokeDisabled: #424242;
  --fluent-colorNeutralStrokeDisabled2: #3d3d3d;
  --fluent-colorNeutralStrokeInvertedDisabled: rgba(255, 255, 255, 0.4);
  --fluent-colorTransparentStroke: transparent;
  --fluent-colorTransparentStrokeInteractive: transparent;
  --fluent-colorTransparentStrokeDisabled: transparent;
  --fluent-colorNeutralStrokeAlpha: rgba(255, 255, 255, 0.1);
  --fluent-colorNeutralStrokeAlpha2: rgba(255, 255, 255, 0.2);
  --fluent-colorStrokeFocus1: #000000;
  --fluent-colorStrokeFocus2: #ffffff;
  --fluent-colorNeutralShadowAmbient: rgba(0,0,0,0.24);
  --fluent-colorNeutralShadowKey: rgba(0,0,0,0.28);
  --fluent-colorNeutralShadowAmbientLighter: rgba(0,0,0,0.12);
  --fluent-colorNeutralShadowKeyLighter: rgba(0,0,0,0.14);
  --fluent-colorNeutralShadowAmbientDarker: rgba(0,0,0,0.40);
  --fluent-colorNeutralShadowKeyDarker: rgba(0,0,0,0.48);
  --fluent-colorBrandShadowAmbient: rgba(0,0,0,0.30);
  --fluent-colorBrandShadowKey: rgba(0,0,0,0.25);
  --fluent-colorPaletteRedBackground1: #3f1011;
  --fluent-colorPaletteRedBackground2: #751d1f;
  --fluent-colorPaletteRedBackground3: #d13438;
  --fluent-colorPaletteRedForeground1: #e37d80;
  --fluent-colorPaletteRedForeground2: #f1bbbc;
  --fluent-colorPaletteRedForeground3: #e37d80;
  --fluent-colorPaletteRedBorderActive: #e37d80;
  --fluent-colorPaletteRedBorder1: #d13438;
  --fluent-colorPaletteRedBorder2: #e37d80;
  --fluent-colorPaletteGreenBackground1: #052505;
  --fluent-colorPaletteGreenBackground2: #094509;
  --fluent-colorPaletteGreenBackground3: #107c10;
  --fluent-colorPaletteGreenForeground1: #54b054;
  --fluent-colorPaletteGreenForeground2: #9fd89f;
  --fluent-colorPaletteGreenForeground3: #9fd89f;
  --fluent-colorPaletteGreenBorderActive: #54b054;
  --fluent-colorPaletteGreenBorder1: #107c10;
  --fluent-colorPaletteGreenBorder2: #9fd89f;
  --fluent-colorPaletteDarkOrangeBackground1: #411200;
  --fluent-colorPaletteDarkOrangeBackground2: #7a2101;
  --fluent-colorPaletteDarkOrangeBackground3: #da3b01;
  --fluent-colorPaletteDarkOrangeForeground1: #e9835e;
  --fluent-colorPaletteDarkOrangeForeground2: #f4bfab;
  --fluent-colorPaletteDarkOrangeForeground3: #e9835e;
  --fluent-colorPaletteDarkOrangeBorderActive: #e9835e;
  --fluent-colorPaletteDarkOrangeBorder1: #da3b01;
  --fluent-colorPaletteDarkOrangeBorder2: #e9835e;
  --fluent-colorPaletteYellowBackground1: #4c4400;
  --fluent-colorPaletteYellowBackground2: #817400;
  --fluent-colorPaletteYellowBackground3: #fde300;
  --fluent-colorPaletteYellowForeground1: #feee66;
  --fluent-colorPaletteYellowForeground2: #fef7b2;
  --fluent-colorPaletteYellowForeground3: #fdea3d;
  --fluent-colorPaletteYellowBorderActive: #feee66;
  --fluent-colorPaletteYellowBorder1: #fde300;
  --fluent-colorPaletteYellowBorder2: #fdea3d;
  --fluent-colorPaletteBerryBackground1: #3a1136;
  --fluent-colorPaletteBerryBackground2: #6d2064;
  --fluent-colorPaletteBerryBackground3: #c239b3;
  --fluent-colorPaletteBerryForeground1: #da7ed0;
  --fluent-colorPaletteBerryForeground2: #edbbe7;
  --fluent-colorPaletteBerryForeground3: #d161c4;
  --fluent-colorPaletteBerryBorderActive: #da7ed0;
  --fluent-colorPaletteBerryBorder1: #c239b3;
  --fluent-colorPaletteBerryBorder2: #d161c4;
  --fluent-colorPaletteLightGreenBackground1: #063004;
  --fluent-colorPaletteLightGreenBackground2: #0b5a08;
  --fluent-colorPaletteLightGreenBackground3: #13a10e;
  --fluent-colorPaletteLightGreenForeground1: #5ec75a;
  --fluent-colorPaletteLightGreenForeground2: #a7e3a5;
  --fluent-colorPaletteLightGreenForeground3: #3db838;
  --fluent-colorPaletteLightGreenBorderActive: #5ec75a;
  --fluent-colorPaletteLightGreenBorder1: #13a10e;
  --fluent-colorPaletteLightGreenBorder2: #3db838;
  --fluent-colorPaletteMarigoldBackground1: #463100;
  --fluent-colorPaletteMarigoldBackground2: #835b00;
  --fluent-colorPaletteMarigoldBackground3: #eaa300;
  --fluent-colorPaletteMarigoldForeground1: #f2c661;
  --fluent-colorPaletteMarigoldForeground2: #f9e2ae;
  --fluent-colorPaletteMarigoldForeground3: #efb839;
  --fluent-colorPaletteMarigoldBorderActive: #f2c661;
  --fluent-colorPaletteMarigoldBorder1: #eaa300;
  --fluent-colorPaletteMarigoldBorder2: #efb839;
  --fluent-colorPaletteRedForegroundInverted: #d13438;
  --fluent-colorPaletteGreenForegroundInverted: #107c10;
  --fluent-colorPaletteYellowForegroundInverted: #817400;
  --fluent-colorPaletteDarkRedBackground2: #590815;
  --fluent-colorPaletteDarkRedForeground2: #d69ca5;
  --fluent-colorPaletteDarkRedBorderActive: #ac4f5e;
  --fluent-colorPaletteCranberryBackground2: #6e0811;
  --fluent-colorPaletteCranberryForeground2: #eeacb2;
  --fluent-colorPaletteCranberryBorderActive: #dc626d;
  --fluent-colorPalettePumpkinBackground2: #712d09;
  --fluent-colorPalettePumpkinForeground2: #efc4ad;
  --fluent-colorPalettePumpkinBorderActive: #df8e64;
  --fluent-colorPalettePeachBackground2: #8f4e00;
  --fluent-colorPalettePeachForeground2: #ffddb3;
  --fluent-colorPalettePeachBorderActive: #ffba66;
  --fluent-colorPaletteGoldBackground2: #6c5700;
  --fluent-colorPaletteGoldForeground2: #ecdfa5;
  --fluent-colorPaletteGoldBorderActive: #dac157;
  --fluent-colorPaletteBrassBackground2: #553e06;
  --fluent-colorPaletteBrassForeground2: #e0cea2;
  --fluent-colorPaletteBrassBorderActive: #c1a256;
  --fluent-colorPaletteBrownBackground2: #50301a;
  --fluent-colorPaletteBrownForeground2: #ddc3b0;
  --fluent-colorPaletteBrownBorderActive: #bb8f6f;
  --fluent-colorPaletteForestBackground2: #294903;
  --fluent-colorPaletteForestForeground2: #bdd99b;
  --fluent-colorPaletteForestBorderActive: #85b44c;
  --fluent-colorPaletteSeafoamBackground2: #00723b;
  --fluent-colorPaletteSeafoamForeground2: #a8f0cd;
  --fluent-colorPaletteSeafoamBorderActive: #5ae0a0;
  --fluent-colorPaletteDarkGreenBackground2: #063b06;
  --fluent-colorPaletteDarkGreenForeground2: #9ad29a;
  --fluent-colorPaletteDarkGreenBorderActive: #4da64d;
  --fluent-colorPaletteLightTealBackground2: #00666d;
  --fluent-colorPaletteLightTealForeground2: #a6e9ed;
  --fluent-colorPaletteLightTealBorderActive: #58d3db;
  --fluent-colorPaletteTealBackground2: #02494c;
  --fluent-colorPaletteTealForeground2: #9bd9db;
  --fluent-colorPaletteTealBorderActive: #4cb4b7;
  --fluent-colorPaletteSteelBackground2: #00333f;
  --fluent-colorPaletteSteelForeground2: #94c8d4;
  --fluent-colorPaletteSteelBorderActive: #4496a9;
  --fluent-colorPaletteBlueBackground2: #004377;
  --fluent-colorPaletteBlueForeground2: #a9d3f2;
  --fluent-colorPaletteBlueBorderActive: #5caae5;
  --fluent-colorPaletteRoyalBlueBackground2: #002c4e;
  --fluent-colorPaletteRoyalBlueForeground2: #9abfdc;
  --fluent-colorPaletteRoyalBlueBorderActive: #4a89ba;
  --fluent-colorPaletteCornflowerBackground2: #2c3c85;
  --fluent-colorPaletteCornflowerForeground2: #c8d1fa;
  --fluent-colorPaletteCornflowerBorderActive: #93a4f4;
  --fluent-colorPaletteNavyBackground2: #001665;
  --fluent-colorPaletteNavyForeground2: #a3b2e8;
  --fluent-colorPaletteNavyBorderActive: #546fd2;
  --fluent-colorPaletteLavenderBackground2: #3f3682;
  --fluent-colorPaletteLavenderForeground2: #d2ccf8;
  --fluent-colorPaletteLavenderBorderActive: #a79cf1;
  --fluent-colorPalettePurpleBackground2: #341a51;
  --fluent-colorPalettePurpleForeground2: #c6b1de;
  --fluent-colorPalettePurpleBorderActive: #9470bd;
  --fluent-colorPaletteGrapeBackground2: #4c0d55;
  --fluent-colorPaletteGrapeForeground2: #d9a7e0;
  --fluent-colorPaletteGrapeBorderActive: #b55fc1;
  --fluent-colorPaletteLilacBackground2: #63276d;
  --fluent-colorPaletteLilacForeground2: #e6bfed;
  --fluent-colorPaletteLilacBorderActive: #cf87da;
  --fluent-colorPalettePinkBackground2: #80215d;
  --fluent-colorPalettePinkForeground2: #f7c0e3;
  --fluent-colorPalettePinkBorderActive: #ef85c8;
  --fluent-colorPaletteMagentaBackground2: #6b0043;
  --fluent-colorPaletteMagentaForeground2: #eca5d1;
  --fluent-colorPaletteMagentaBorderActive: #d957a8;
  --fluent-colorPalettePlumBackground2: #5a003b;
  --fluent-colorPalettePlumForeground2: #d696c0;
  --fluent-colorPalettePlumBorderActive: #ad4589;
  --fluent-colorPaletteBeigeBackground2: #444241;
  --fluent-colorPaletteBeigeForeground2: #d7d4d4;
  --fluent-colorPaletteBeigeBorderActive: #afabaa;
  --fluent-colorPaletteMinkBackground2: #343231;
  --fluent-colorPaletteMinkForeground2: #cecccb;
  --fluent-colorPaletteMinkBorderActive: #9e9b99;
  --fluent-colorPalettePlatinumBackground2: #3b4447;
  --fluent-colorPalettePlatinumForeground2: #cdd6d8;
  --fluent-colorPalettePlatinumBorderActive: #a0adb2;
  --fluent-colorPaletteAnchorBackground2: #202427;
  --fluent-colorPaletteAnchorForeground2: #bcc3c7;
  --fluent-colorPaletteAnchorBorderActive: #808a90;
  --fluent-colorStatusSuccessBackground1: #052505;
  --fluent-colorStatusSuccessBackground2: #094509;
  --fluent-colorStatusSuccessBackground3: #107c10;
  --fluent-colorStatusSuccessForeground1: #54b054;
  --fluent-colorStatusSuccessForeground2: #9fd89f;
  --fluent-colorStatusSuccessForeground3: #9fd89f;
  --fluent-colorStatusSuccessBorderActive: #54b054;
  --fluent-colorStatusSuccessForegroundInverted: #0e700e;
  --fluent-colorStatusSuccessBorder1: #107c10;
  --fluent-colorStatusSuccessBorder2: #9fd89f;
  --fluent-colorStatusWarningBackground1: #4a1e04;
  --fluent-colorStatusWarningBackground2: #8a3707;
  --fluent-colorStatusWarningBackground3: #f7630c;
  --fluent-colorStatusWarningForeground1: #faa06b;
  --fluent-colorStatusWarningForeground2: #fdcfb4;
  --fluent-colorStatusWarningForeground3: #f98845;
  --fluent-colorStatusWarningBorderActive: #faa06b;
  --fluent-colorStatusWarningForegroundInverted: #bc4b09;
  --fluent-colorStatusWarningBorder1: #f7630c;
  --fluent-colorStatusWarningBorder2: #f98845;
  --fluent-colorStatusDangerBackground1: #3b0509;
  --fluent-colorStatusDangerBackground2: #6e0811;
  --fluent-colorStatusDangerBackground3: #c50f1f;
  --fluent-colorStatusDangerForeground1: #dc626d;
  --fluent-colorStatusDangerForeground2: #eeacb2;
  --fluent-colorStatusDangerForeground3: #eeacb2;
  --fluent-colorStatusDangerBorderActive: #dc626d;
  --fluent-colorStatusDangerForegroundInverted: #b10e1c;
  --fluent-colorStatusDangerBorder1: #c50f1f;
  --fluent-colorStatusDangerBorder2: #dc626d;
  --fluent-colorStatusDangerBackground3Hover: #b10e1c;
  --fluent-colorStatusDangerBackground3Pressed: #960b18;
  --fluent-shadow2: 0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.28);
  --fluent-shadow4: 0 0 2px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.28);
  --fluent-shadow8: 0 0 2px rgba(0,0,0,0.24), 0 4px 8px rgba(0,0,0,0.28);
  --fluent-shadow16: 0 0 2px rgba(0,0,0,0.24), 0 8px 16px rgba(0,0,0,0.28);
  --fluent-shadow28: 0 0 8px rgba(0,0,0,0.24), 0 14px 28px rgba(0,0,0,0.28);
  --fluent-shadow64: 0 0 8px rgba(0,0,0,0.24), 0 32px 64px rgba(0,0,0,0.28);
  --fluent-shadow2Brand: 0 0 2px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.25);
  --fluent-shadow4Brand: 0 0 2px rgba(0,0,0,0.30), 0 2px 4px rgba(0,0,0,0.25);
  --fluent-shadow8Brand: 0 0 2px rgba(0,0,0,0.30), 0 4px 8px rgba(0,0,0,0.25);
  --fluent-shadow16Brand: 0 0 2px rgba(0,0,0,0.30), 0 8px 16px rgba(0,0,0,0.25);
  --fluent-shadow28Brand: 0 0 8px rgba(0,0,0,0.30), 0 14px 28px rgba(0,0,0,0.25);
  --fluent-shadow64Brand: 0 0 8px rgba(0,0,0,0.30), 0 32px 64px rgba(0,0,0,0.25);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) {
  --fluent-colorNeutralForeground1: #ffffff;
  --fluent-colorNeutralForeground1Hover: #ffffff;
  --fluent-colorNeutralForeground1Pressed: #ffffff;
  --fluent-colorNeutralForeground1Selected: #ffffff;
  --fluent-colorNeutralForeground2: #d6d6d6;
  --fluent-colorNeutralForeground2Hover: #ffffff;
  --fluent-colorNeutralForeground2Pressed: #ffffff;
  --fluent-colorNeutralForeground2Selected: #ffffff;
  --fluent-colorNeutralForeground2BrandHover: #479ef5;
  --fluent-colorNeutralForeground2BrandPressed: #2886de;
  --fluent-colorNeutralForeground2BrandSelected: #479ef5;
  --fluent-colorNeutralForeground3: #adadad;
  --fluent-colorNeutralForeground3Hover: #d6d6d6;
  --fluent-colorNeutralForeground3Pressed: #d6d6d6;
  --fluent-colorNeutralForeground3Selected: #d6d6d6;
  --fluent-colorNeutralForeground3BrandHover: #479ef5;
  --fluent-colorNeutralForeground3BrandPressed: #2886de;
  --fluent-colorNeutralForeground3BrandSelected: #479ef5;
  --fluent-colorNeutralForeground4: #999999;
  --fluent-colorNeutralForeground5: #adadad;
  --fluent-colorNeutralForeground5Hover: #ffffff;
  --fluent-colorNeutralForeground5Pressed: #ffffff;
  --fluent-colorNeutralForeground5Selected: #ffffff;
  --fluent-colorNeutralForegroundDisabled: #5c5c5c;
  --fluent-colorNeutralForegroundInvertedDisabled: rgba(255, 255, 255, 0.4);
  --fluent-colorBrandForegroundLink: #479ef5;
  --fluent-colorBrandForegroundLinkHover: #62abf5;
  --fluent-colorBrandForegroundLinkPressed: #2886de;
  --fluent-colorBrandForegroundLinkSelected: #479ef5;
  --fluent-colorNeutralForeground2Link: #d6d6d6;
  --fluent-colorNeutralForeground2LinkHover: #ffffff;
  --fluent-colorNeutralForeground2LinkPressed: #ffffff;
  --fluent-colorNeutralForeground2LinkSelected: #ffffff;
  --fluent-colorCompoundBrandForeground1: #479ef5;
  --fluent-colorCompoundBrandForeground1Hover: #62abf5;
  --fluent-colorCompoundBrandForeground1Pressed: #2886de;
  --fluent-colorBrandForeground1: #479ef5;
  --fluent-colorBrandForeground2: #62abf5;
  --fluent-colorBrandForeground2Hover: #96c6fa;
  --fluent-colorBrandForeground2Pressed: #ebf3fc;
  --fluent-colorNeutralForeground1Static: #242424;
  --fluent-colorNeutralForegroundStaticInverted: #ffffff;
  --fluent-colorNeutralForegroundInverted: #242424;
  --fluent-colorNeutralForegroundInvertedHover: #242424;
  --fluent-colorNeutralForegroundInvertedPressed: #242424;
  --fluent-colorNeutralForegroundInvertedSelected: #242424;
  --fluent-colorNeutralForegroundInverted2: #242424;
  --fluent-colorNeutralForegroundOnBrand: #ffffff;
  --fluent-colorNeutralForegroundInvertedLink: #ffffff;
  --fluent-colorNeutralForegroundInvertedLinkHover: #ffffff;
  --fluent-colorNeutralForegroundInvertedLinkPressed: #ffffff;
  --fluent-colorNeutralForegroundInvertedLinkSelected: #ffffff;
  --fluent-colorBrandForegroundInverted: #0f6cbd;
  --fluent-colorBrandForegroundInvertedHover: #115ea3;
  --fluent-colorBrandForegroundInvertedPressed: #0f548c;
  --fluent-colorBrandForegroundOnLight: #0f6cbd;
  --fluent-colorBrandForegroundOnLightHover: #115ea3;
  --fluent-colorBrandForegroundOnLightPressed: #0e4775;
  --fluent-colorBrandForegroundOnLightSelected: #0f548c;
  --fluent-colorNeutralBackground1: #292929;
  --fluent-colorNeutralBackground1Hover: #3d3d3d;
  --fluent-colorNeutralBackground1Pressed: #1f1f1f;
  --fluent-colorNeutralBackground1Selected: #383838;
  --fluent-colorNeutralBackground2: #1f1f1f;
  --fluent-colorNeutralBackground2Hover: #333333;
  --fluent-colorNeutralBackground2Pressed: #141414;
  --fluent-colorNeutralBackground2Selected: #2e2e2e;
  --fluent-colorNeutralBackground3: #141414;
  --fluent-colorNeutralBackground3Hover: #292929;
  --fluent-colorNeutralBackground3Pressed: #0a0a0a;
  --fluent-colorNeutralBackground3Selected: #242424;
  --fluent-colorNeutralBackground4: #0a0a0a;
  --fluent-colorNeutralBackground4Hover: #1f1f1f;
  --fluent-colorNeutralBackground4Pressed: #000000;
  --fluent-colorNeutralBackground4Selected: #1a1a1a;
  --fluent-colorNeutralBackground5: #000000;
  --fluent-colorNeutralBackground5Hover: #141414;
  --fluent-colorNeutralBackground5Pressed: #050505;
  --fluent-colorNeutralBackground5Selected: #0f0f0f;
  --fluent-colorNeutralBackground6: #333333;
  --fluent-colorNeutralBackground7: #00000000;
  --fluent-colorNeutralBackground7Hover: #1a1a1a;
  --fluent-colorNeutralBackground7Pressed: #0a0a0a;
  --fluent-colorNeutralBackground7Selected: #00000000;
  --fluent-colorNeutralBackground8: #292929;
  --fluent-colorNeutralBackgroundInverted: #ffffff;
  --fluent-colorNeutralBackgroundInvertedHover: #f5f5f5;
  --fluent-colorNeutralBackgroundInvertedPressed: #e0e0e0;
  --fluent-colorNeutralBackgroundInvertedSelected: #ebebeb;
  --fluent-colorNeutralBackgroundStatic: #3d3d3d;
  --fluent-colorNeutralBackgroundAlpha: rgba(26, 26, 26, 0.5);
  --fluent-colorNeutralBackgroundAlpha2: rgba(31, 31, 31, 0.7);
  --fluent-colorSubtleBackground: transparent;
  --fluent-colorSubtleBackgroundHover: #383838;
  --fluent-colorSubtleBackgroundPressed: #2e2e2e;
  --fluent-colorSubtleBackgroundSelected: #333333;
  --fluent-colorSubtleBackgroundLightAlphaHover: rgba(36, 36, 36, 0.8);
  --fluent-colorSubtleBackgroundLightAlphaPressed: rgba(36, 36, 36, 0.5);
  --fluent-colorSubtleBackgroundLightAlphaSelected: transparent;
  --fluent-colorSubtleBackgroundInverted: transparent;
  --fluent-colorSubtleBackgroundInvertedHover: rgba(0, 0, 0, 0.1);
  --fluent-colorSubtleBackgroundInvertedPressed: rgba(0, 0, 0, 0.3);
  --fluent-colorSubtleBackgroundInvertedSelected: rgba(0, 0, 0, 0.2);
  --fluent-colorTransparentBackground: transparent;
  --fluent-colorTransparentBackgroundHover: transparent;
  --fluent-colorTransparentBackgroundPressed: transparent;
  --fluent-colorTransparentBackgroundSelected: transparent;
  --fluent-colorNeutralBackgroundDisabled: #141414;
  --fluent-colorNeutralBackgroundDisabled2: #292929;
  --fluent-colorNeutralBackgroundInvertedDisabled: rgba(255, 255, 255, 0.1);
  --fluent-colorNeutralStencil1: #575757;
  --fluent-colorNeutralStencil2: #333333;
  --fluent-colorNeutralStencil1Alpha: rgba(255, 255, 255, 0.1);
  --fluent-colorNeutralStencil2Alpha: rgba(255, 255, 255, 0.05);
  --fluent-colorBackgroundOverlay: rgba(0, 0, 0, 0.5);
  --fluent-colorScrollbarOverlay: rgba(255, 255, 255, 0.6);
  --fluent-colorBrandBackground: #115ea3;
  --fluent-colorBrandBackgroundHover: #0f6cbd;
  --fluent-colorBrandBackgroundPressed: #0c3b5e;
  --fluent-colorBrandBackgroundSelected: #0f548c;
  --fluent-colorCompoundBrandBackground: #479ef5;
  --fluent-colorCompoundBrandBackgroundHover: #62abf5;
  --fluent-colorCompoundBrandBackgroundPressed: #2886de;
  --fluent-colorBrandBackgroundStatic: #0f6cbd;
  --fluent-colorBrandBackground2: #082338;
  --fluent-colorBrandBackground2Hover: #0c3b5e;
  --fluent-colorBrandBackground2Pressed: #061724;
  --fluent-colorBrandBackground3Static: #0f548c;
  --fluent-colorBrandBackground4Static: #0c3b5e;
  --fluent-colorBrandBackgroundInverted: #ffffff;
  --fluent-colorBrandBackgroundInvertedHover: #ebf3fc;
  --fluent-colorBrandBackgroundInvertedPressed: #b4d6fa;
  --fluent-colorBrandBackgroundInvertedSelected: #cfe4fa;
  --fluent-colorNeutralCardBackground: #333333;
  --fluent-colorNeutralCardBackgroundHover: #3d3d3d;
  --fluent-colorNeutralCardBackgroundPressed: #2e2e2e;
  --fluent-colorNeutralCardBackgroundSelected: #383838;
  --fluent-colorNeutralCardBackgroundDisabled: #141414;
  --fluent-colorNeutralStrokeAccessible: #adadad;
  --fluent-colorNeutralStrokeAccessibleHover: #bdbdbd;
  --fluent-colorNeutralStrokeAccessiblePressed: #b3b3b3;
  --fluent-colorNeutralStrokeAccessibleSelected: #479ef5;
  --fluent-colorNeutralStroke1: #666666;
  --fluent-colorNeutralStroke1Hover: #757575;
  --fluent-colorNeutralStroke1Pressed: #6b6b6b;
  --fluent-colorNeutralStroke1Selected: #707070;
  --fluent-colorNeutralStroke2: #525252;
  --fluent-colorNeutralStroke3: #3d3d3d;
  --fluent-colorNeutralStroke4: #3d3d3d;
  --fluent-colorNeutralStroke4Hover: #2e2e2e;
  --fluent-colorNeutralStroke4Pressed: #242424;
  --fluent-colorNeutralStroke4Selected: #3d3d3d;
  --fluent-colorNeutralStrokeSubtle: #0a0a0a;
  --fluent-colorNeutralStrokeOnBrand: #292929;
  --fluent-colorNeutralStrokeOnBrand2: #ffffff;
  --fluent-colorNeutralStrokeOnBrand2Hover: #ffffff;
  --fluent-colorNeutralStrokeOnBrand2Pressed: #ffffff;
  --fluent-colorNeutralStrokeOnBrand2Selected: #ffffff;
  --fluent-colorBrandStroke1: #479ef5;
  --fluent-colorBrandStroke2: #0e4775;
  --fluent-colorBrandStroke2Hover: #0e4775;
  --fluent-colorBrandStroke2Pressed: #0a2e4a;
  --fluent-colorBrandStroke2Contrast: #0e4775;
  --fluent-colorCompoundBrandStroke: #479ef5;
  --fluent-colorCompoundBrandStrokeHover: #62abf5;
  --fluent-colorCompoundBrandStrokePressed: #2886de;
  --fluent-colorNeutralStrokeDisabled: #424242;
  --fluent-colorNeutralStrokeDisabled2: #3d3d3d;
  --fluent-colorNeutralStrokeInvertedDisabled: rgba(255, 255, 255, 0.4);
  --fluent-colorTransparentStroke: transparent;
  --fluent-colorTransparentStrokeInteractive: transparent;
  --fluent-colorTransparentStrokeDisabled: transparent;
  --fluent-colorNeutralStrokeAlpha: rgba(255, 255, 255, 0.1);
  --fluent-colorNeutralStrokeAlpha2: rgba(255, 255, 255, 0.2);
  --fluent-colorStrokeFocus1: #000000;
  --fluent-colorStrokeFocus2: #ffffff;
  --fluent-colorNeutralShadowAmbient: rgba(0,0,0,0.24);
  --fluent-colorNeutralShadowKey: rgba(0,0,0,0.28);
  --fluent-colorNeutralShadowAmbientLighter: rgba(0,0,0,0.12);
  --fluent-colorNeutralShadowKeyLighter: rgba(0,0,0,0.14);
  --fluent-colorNeutralShadowAmbientDarker: rgba(0,0,0,0.40);
  --fluent-colorNeutralShadowKeyDarker: rgba(0,0,0,0.48);
  --fluent-colorBrandShadowAmbient: rgba(0,0,0,0.30);
  --fluent-colorBrandShadowKey: rgba(0,0,0,0.25);
  --fluent-colorPaletteRedBackground1: #3f1011;
  --fluent-colorPaletteRedBackground2: #751d1f;
  --fluent-colorPaletteRedBackground3: #d13438;
  --fluent-colorPaletteRedForeground1: #e37d80;
  --fluent-colorPaletteRedForeground2: #f1bbbc;
  --fluent-colorPaletteRedForeground3: #e37d80;
  --fluent-colorPaletteRedBorderActive: #e37d80;
  --fluent-colorPaletteRedBorder1: #d13438;
  --fluent-colorPaletteRedBorder2: #e37d80;
  --fluent-colorPaletteGreenBackground1: #052505;
  --fluent-colorPaletteGreenBackground2: #094509;
  --fluent-colorPaletteGreenBackground3: #107c10;
  --fluent-colorPaletteGreenForeground1: #54b054;
  --fluent-colorPaletteGreenForeground2: #9fd89f;
  --fluent-colorPaletteGreenForeground3: #9fd89f;
  --fluent-colorPaletteGreenBorderActive: #54b054;
  --fluent-colorPaletteGreenBorder1: #107c10;
  --fluent-colorPaletteGreenBorder2: #9fd89f;
  --fluent-colorPaletteDarkOrangeBackground1: #411200;
  --fluent-colorPaletteDarkOrangeBackground2: #7a2101;
  --fluent-colorPaletteDarkOrangeBackground3: #da3b01;
  --fluent-colorPaletteDarkOrangeForeground1: #e9835e;
  --fluent-colorPaletteDarkOrangeForeground2: #f4bfab;
  --fluent-colorPaletteDarkOrangeForeground3: #e9835e;
  --fluent-colorPaletteDarkOrangeBorderActive: #e9835e;
  --fluent-colorPaletteDarkOrangeBorder1: #da3b01;
  --fluent-colorPaletteDarkOrangeBorder2: #e9835e;
  --fluent-colorPaletteYellowBackground1: #4c4400;
  --fluent-colorPaletteYellowBackground2: #817400;
  --fluent-colorPaletteYellowBackground3: #fde300;
  --fluent-colorPaletteYellowForeground1: #feee66;
  --fluent-colorPaletteYellowForeground2: #fef7b2;
  --fluent-colorPaletteYellowForeground3: #fdea3d;
  --fluent-colorPaletteYellowBorderActive: #feee66;
  --fluent-colorPaletteYellowBorder1: #fde300;
  --fluent-colorPaletteYellowBorder2: #fdea3d;
  --fluent-colorPaletteBerryBackground1: #3a1136;
  --fluent-colorPaletteBerryBackground2: #6d2064;
  --fluent-colorPaletteBerryBackground3: #c239b3;
  --fluent-colorPaletteBerryForeground1: #da7ed0;
  --fluent-colorPaletteBerryForeground2: #edbbe7;
  --fluent-colorPaletteBerryForeground3: #d161c4;
  --fluent-colorPaletteBerryBorderActive: #da7ed0;
  --fluent-colorPaletteBerryBorder1: #c239b3;
  --fluent-colorPaletteBerryBorder2: #d161c4;
  --fluent-colorPaletteLightGreenBackground1: #063004;
  --fluent-colorPaletteLightGreenBackground2: #0b5a08;
  --fluent-colorPaletteLightGreenBackground3: #13a10e;
  --fluent-colorPaletteLightGreenForeground1: #5ec75a;
  --fluent-colorPaletteLightGreenForeground2: #a7e3a5;
  --fluent-colorPaletteLightGreenForeground3: #3db838;
  --fluent-colorPaletteLightGreenBorderActive: #5ec75a;
  --fluent-colorPaletteLightGreenBorder1: #13a10e;
  --fluent-colorPaletteLightGreenBorder2: #3db838;
  --fluent-colorPaletteMarigoldBackground1: #463100;
  --fluent-colorPaletteMarigoldBackground2: #835b00;
  --fluent-colorPaletteMarigoldBackground3: #eaa300;
  --fluent-colorPaletteMarigoldForeground1: #f2c661;
  --fluent-colorPaletteMarigoldForeground2: #f9e2ae;
  --fluent-colorPaletteMarigoldForeground3: #efb839;
  --fluent-colorPaletteMarigoldBorderActive: #f2c661;
  --fluent-colorPaletteMarigoldBorder1: #eaa300;
  --fluent-colorPaletteMarigoldBorder2: #efb839;
  --fluent-colorPaletteRedForegroundInverted: #d13438;
  --fluent-colorPaletteGreenForegroundInverted: #107c10;
  --fluent-colorPaletteYellowForegroundInverted: #817400;
  --fluent-colorPaletteDarkRedBackground2: #590815;
  --fluent-colorPaletteDarkRedForeground2: #d69ca5;
  --fluent-colorPaletteDarkRedBorderActive: #ac4f5e;
  --fluent-colorPaletteCranberryBackground2: #6e0811;
  --fluent-colorPaletteCranberryForeground2: #eeacb2;
  --fluent-colorPaletteCranberryBorderActive: #dc626d;
  --fluent-colorPalettePumpkinBackground2: #712d09;
  --fluent-colorPalettePumpkinForeground2: #efc4ad;
  --fluent-colorPalettePumpkinBorderActive: #df8e64;
  --fluent-colorPalettePeachBackground2: #8f4e00;
  --fluent-colorPalettePeachForeground2: #ffddb3;
  --fluent-colorPalettePeachBorderActive: #ffba66;
  --fluent-colorPaletteGoldBackground2: #6c5700;
  --fluent-colorPaletteGoldForeground2: #ecdfa5;
  --fluent-colorPaletteGoldBorderActive: #dac157;
  --fluent-colorPaletteBrassBackground2: #553e06;
  --fluent-colorPaletteBrassForeground2: #e0cea2;
  --fluent-colorPaletteBrassBorderActive: #c1a256;
  --fluent-colorPaletteBrownBackground2: #50301a;
  --fluent-colorPaletteBrownForeground2: #ddc3b0;
  --fluent-colorPaletteBrownBorderActive: #bb8f6f;
  --fluent-colorPaletteForestBackground2: #294903;
  --fluent-colorPaletteForestForeground2: #bdd99b;
  --fluent-colorPaletteForestBorderActive: #85b44c;
  --fluent-colorPaletteSeafoamBackground2: #00723b;
  --fluent-colorPaletteSeafoamForeground2: #a8f0cd;
  --fluent-colorPaletteSeafoamBorderActive: #5ae0a0;
  --fluent-colorPaletteDarkGreenBackground2: #063b06;
  --fluent-colorPaletteDarkGreenForeground2: #9ad29a;
  --fluent-colorPaletteDarkGreenBorderActive: #4da64d;
  --fluent-colorPaletteLightTealBackground2: #00666d;
  --fluent-colorPaletteLightTealForeground2: #a6e9ed;
  --fluent-colorPaletteLightTealBorderActive: #58d3db;
  --fluent-colorPaletteTealBackground2: #02494c;
  --fluent-colorPaletteTealForeground2: #9bd9db;
  --fluent-colorPaletteTealBorderActive: #4cb4b7;
  --fluent-colorPaletteSteelBackground2: #00333f;
  --fluent-colorPaletteSteelForeground2: #94c8d4;
  --fluent-colorPaletteSteelBorderActive: #4496a9;
  --fluent-colorPaletteBlueBackground2: #004377;
  --fluent-colorPaletteBlueForeground2: #a9d3f2;
  --fluent-colorPaletteBlueBorderActive: #5caae5;
  --fluent-colorPaletteRoyalBlueBackground2: #002c4e;
  --fluent-colorPaletteRoyalBlueForeground2: #9abfdc;
  --fluent-colorPaletteRoyalBlueBorderActive: #4a89ba;
  --fluent-colorPaletteCornflowerBackground2: #2c3c85;
  --fluent-colorPaletteCornflowerForeground2: #c8d1fa;
  --fluent-colorPaletteCornflowerBorderActive: #93a4f4;
  --fluent-colorPaletteNavyBackground2: #001665;
  --fluent-colorPaletteNavyForeground2: #a3b2e8;
  --fluent-colorPaletteNavyBorderActive: #546fd2;
  --fluent-colorPaletteLavenderBackground2: #3f3682;
  --fluent-colorPaletteLavenderForeground2: #d2ccf8;
  --fluent-colorPaletteLavenderBorderActive: #a79cf1;
  --fluent-colorPalettePurpleBackground2: #341a51;
  --fluent-colorPalettePurpleForeground2: #c6b1de;
  --fluent-colorPalettePurpleBorderActive: #9470bd;
  --fluent-colorPaletteGrapeBackground2: #4c0d55;
  --fluent-colorPaletteGrapeForeground2: #d9a7e0;
  --fluent-colorPaletteGrapeBorderActive: #b55fc1;
  --fluent-colorPaletteLilacBackground2: #63276d;
  --fluent-colorPaletteLilacForeground2: #e6bfed;
  --fluent-colorPaletteLilacBorderActive: #cf87da;
  --fluent-colorPalettePinkBackground2: #80215d;
  --fluent-colorPalettePinkForeground2: #f7c0e3;
  --fluent-colorPalettePinkBorderActive: #ef85c8;
  --fluent-colorPaletteMagentaBackground2: #6b0043;
  --fluent-colorPaletteMagentaForeground2: #eca5d1;
  --fluent-colorPaletteMagentaBorderActive: #d957a8;
  --fluent-colorPalettePlumBackground2: #5a003b;
  --fluent-colorPalettePlumForeground2: #d696c0;
  --fluent-colorPalettePlumBorderActive: #ad4589;
  --fluent-colorPaletteBeigeBackground2: #444241;
  --fluent-colorPaletteBeigeForeground2: #d7d4d4;
  --fluent-colorPaletteBeigeBorderActive: #afabaa;
  --fluent-colorPaletteMinkBackground2: #343231;
  --fluent-colorPaletteMinkForeground2: #cecccb;
  --fluent-colorPaletteMinkBorderActive: #9e9b99;
  --fluent-colorPalettePlatinumBackground2: #3b4447;
  --fluent-colorPalettePlatinumForeground2: #cdd6d8;
  --fluent-colorPalettePlatinumBorderActive: #a0adb2;
  --fluent-colorPaletteAnchorBackground2: #202427;
  --fluent-colorPaletteAnchorForeground2: #bcc3c7;
  --fluent-colorPaletteAnchorBorderActive: #808a90;
  --fluent-colorStatusSuccessBackground1: #052505;
  --fluent-colorStatusSuccessBackground2: #094509;
  --fluent-colorStatusSuccessBackground3: #107c10;
  --fluent-colorStatusSuccessForeground1: #54b054;
  --fluent-colorStatusSuccessForeground2: #9fd89f;
  --fluent-colorStatusSuccessForeground3: #9fd89f;
  --fluent-colorStatusSuccessBorderActive: #54b054;
  --fluent-colorStatusSuccessForegroundInverted: #0e700e;
  --fluent-colorStatusSuccessBorder1: #107c10;
  --fluent-colorStatusSuccessBorder2: #9fd89f;
  --fluent-colorStatusWarningBackground1: #4a1e04;
  --fluent-colorStatusWarningBackground2: #8a3707;
  --fluent-colorStatusWarningBackground3: #f7630c;
  --fluent-colorStatusWarningForeground1: #faa06b;
  --fluent-colorStatusWarningForeground2: #fdcfb4;
  --fluent-colorStatusWarningForeground3: #f98845;
  --fluent-colorStatusWarningBorderActive: #faa06b;
  --fluent-colorStatusWarningForegroundInverted: #bc4b09;
  --fluent-colorStatusWarningBorder1: #f7630c;
  --fluent-colorStatusWarningBorder2: #f98845;
  --fluent-colorStatusDangerBackground1: #3b0509;
  --fluent-colorStatusDangerBackground2: #6e0811;
  --fluent-colorStatusDangerBackground3: #c50f1f;
  --fluent-colorStatusDangerForeground1: #dc626d;
  --fluent-colorStatusDangerForeground2: #eeacb2;
  --fluent-colorStatusDangerForeground3: #eeacb2;
  --fluent-colorStatusDangerBorderActive: #dc626d;
  --fluent-colorStatusDangerForegroundInverted: #b10e1c;
  --fluent-colorStatusDangerBorder1: #c50f1f;
  --fluent-colorStatusDangerBorder2: #dc626d;
  --fluent-colorStatusDangerBackground3Hover: #b10e1c;
  --fluent-colorStatusDangerBackground3Pressed: #960b18;
  --fluent-shadow2: 0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.28);
  --fluent-shadow4: 0 0 2px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.28);
  --fluent-shadow8: 0 0 2px rgba(0,0,0,0.24), 0 4px 8px rgba(0,0,0,0.28);
  --fluent-shadow16: 0 0 2px rgba(0,0,0,0.24), 0 8px 16px rgba(0,0,0,0.28);
  --fluent-shadow28: 0 0 8px rgba(0,0,0,0.24), 0 14px 28px rgba(0,0,0,0.28);
  --fluent-shadow64: 0 0 8px rgba(0,0,0,0.24), 0 32px 64px rgba(0,0,0,0.28);
  --fluent-shadow2Brand: 0 0 2px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.25);
  --fluent-shadow4Brand: 0 0 2px rgba(0,0,0,0.30), 0 2px 4px rgba(0,0,0,0.25);
  --fluent-shadow8Brand: 0 0 2px rgba(0,0,0,0.30), 0 4px 8px rgba(0,0,0,0.25);
  --fluent-shadow16Brand: 0 0 2px rgba(0,0,0,0.30), 0 8px 16px rgba(0,0,0,0.25);
  --fluent-shadow28Brand: 0 0 8px rgba(0,0,0,0.30), 0 14px 28px rgba(0,0,0,0.25);
  --fluent-shadow64Brand: 0 0 8px rgba(0,0,0,0.30), 0 32px 64px rgba(0,0,0,0.25);
  }
}